:root{--ink:#171719;--cream:#f7f5ef;--line:#dedbd2;--coral:#ff765e;--lime:#d7f944;--lav:#c9b4ff;--muted:#79756e}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:"DM Sans",sans-serif;color:var(--ink)}.app{display:flex}.side{width:255px;background:#171719;color:white;position:fixed;inset:0 auto 0 0;padding:24px 15px;display:flex;flex-direction:column}.logo{font-size:23px;font-weight:700;letter-spacing:-1.5px;color:white;text-decoration:none;margin:0 10px 29px}.logo span{color:var(--coral)}.make{border:0;background:var(--lime);padding:12px 10px;text-align:left;font:600 12px "DM Sans";cursor:pointer}.make kbd{float:right;font:9px "DM Mono";padding-top:3px}.side nav{display:flex;flex-direction:column;margin-top:23px;gap:2px}.side nav p{font:9px "DM Mono";color:#77736e;margin:23px 10px 5px}.side nav a{color:#b9b7b2;text-decoration:none;padding:9px 10px;font-size:12px;display:flex;gap:10px;align-items:center}.side nav a.active,.side nav a:hover{background:#30302f;color:#fff}.side nav a b{font:8px "DM Mono";background:var(--coral);color:#171719;padding:2px;margin-left:auto}.side nav a i{font:9px "DM Mono";background:white;color:#171719;border-radius:10px;padding:2px 5px;margin-left:auto;font-style:normal}.upgrade{margin-top:auto;border:1px solid #45433f;padding:11px;display:grid;grid-template-columns:21px 1fr 15px;gap:6px}.upgrade strong{color:var(--lime);font-size:18px}.upgrade b,.person b{font-size:10px;display:block}.upgrade small,.person small{display:block;font-size:9px;color:#aaa;margin-top:3px}.upgrade button{background:none;border:0;color:white;cursor:pointer}.person{background:none;border:0;border-top:1px solid #403e3a;color:white;display:flex;gap:8px;align-items:center;text-align:left;padding:15px 2px 0;margin-top:11px;font-size:11px}.person em,.replies i,.inbox aside button{font:9px "DM Mono";font-style:normal}.person em{background:#ee9a79;color:#171719;border-radius:50%;height:27px;width:27px;display:grid;place-items:center}.person>span{flex:1}main{margin-left:255px;width:calc(100% - 255px);min-height:100vh}main>header{height:69px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}main>header p,.page>p,.view-head>div>p,.title>div>p{font:10px "DM Mono";letter-spacing:.08em;color:#88847c}main>header div{display:flex;gap:10px;align-items:center}main>header a,.filter{border:1px solid #bdb8ae;color:var(--ink);text-decoration:none;padding:8px 10px;font-size:10px;background:var(--cream)}.bell{border:0;background:none;font-size:18px;position:relative}.bell i{position:absolute;width:5px;height:5px;background:var(--coral);border-radius:50%;right:3px;top:4px}.mobile-menu{display:none}.page{display:none;padding:52px 42px;max-width:1370px}.page.current{display:block}.title,.view-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px}.title h1,.view-head h1{font-size:56px;line-height:.89;letter-spacing:-.075em;margin:15px 0 13px}.title h1 em,.view-head h1 em,h2 em,h3 em{font-family:"Instrument Serif";font-weight:400;letter-spacing:-.06em}.title h1 em{color:var(--coral)}.title>div>span{font-size:15px;color:#67635c}.streak{border:1px solid var(--line);font-size:10px;padding:10px 13px}.streak b{font:28px "Instrument Serif";color:var(--coral);vertical-align:middle;margin-right:5px}.top-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:13px}.focus{position:relative;overflow:hidden;min-height:325px;background:var(--coral);padding:21px}.label{font:10px "DM Mono";letter-spacing:.06em}.label>button,.queue div>button{float:right;background:none;border:0;font-size:10px;cursor:pointer}.label>b{background:var(--ink);color:#fff;border-radius:8px;padding:2px 4px;font-size:8px}.focus h2{font-size:38px;letter-spacing:-.06em;line-height:.92;max-width:435px;margin:51px 0 14px;position:relative}.focus h2 em{color:#fff}.focus p{font-size:12px;max-width:365px;line-height:1.4;position:relative}.dark{background:var(--ink);color:white;border:0;padding:11px 13px;font:600 11px "DM Sans";cursor:pointer}.dark b{margin-left:24px;font-size:15px}.under{background:none;border:0;border-bottom:1px solid var(--ink);font:10px "DM Sans";margin-left:12px;padding:4px;cursor:pointer}.doodle{position:absolute;font-size:206px;right:-17px;bottom:-43px;color:#ffe8c5;transform:rotate(-15deg)}.queue,.momentum,.replies{border:1px solid var(--line);padding:21px}.queue>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:15px 0}.queue>div:last-child{border:0}.queue i{height:27px;width:27px;display:grid;place-items:center;font-style:normal}.coral{background:#ffc5b9}.purple{background:var(--lav)}.lime,.green{background:var(--lime)}.queue span{flex:1}.queue span b,.queue span small{display:block}.queue span b{font-size:12px}.queue span small{font-size:10px;color:var(--muted);margin-top:3px}.bottom-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:13px;margin-top:13px}.momentum,.replies,.pulse{min-height:260px}.momentum .label>b,.replies .label>b{float:right;color:#29845d}.momentum h3{font-size:33px;letter-spacing:-1.7px;margin:25px 0 10px}.momentum h3 span{font-size:10px;font-weight:400;color:var(--muted);letter-spacing:0}.chart{height:80px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--line)}.chart i{display:block;flex:1;background:#d4f1f1}.chart i:nth-child(8),.chart i:nth-child(10){background:var(--coral)}.momentum p{font-size:10px;color:var(--muted)}.replies>div{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.replies>div:last-child{border:0}.replies i{background:#ed9b7c;color:var(--ink);height:27px;width:27px;display:grid;place-items:center;border-radius:50%}.replies i.blue{background:#92b8d6}.replies p{font-size:10px;line-height:1.4;margin:0}.replies p b{font-size:11px}.replies p span{color:var(--muted)}.replies button,.pulse button{border:0;border-bottom:1px solid var(--ink);background:none;font:9px "DM Sans";padding:2px;cursor:pointer}.pulse{background:var(--lime);padding:20px;border:1px solid var(--ink)}.pulse>p,.pulse>span{font:10px "DM Mono"}.pulse h3{font-size:19px;line-height:.98;letter-spacing:-.6px;margin:49px 0 20px}.pulse>span{font:10px "DM Sans";display:block;line-height:1.35;margin-bottom:14px}.view-head{align-items:flex-end}.view-head h1{margin-bottom:0}.studio{display:grid;grid-template-columns:1.35fr .65fr;gap:13px}.studio>article{border:1px solid var(--line)}.tabs{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;gap:20px}.tabs button{background:none;border:0;padding:0;font:11px "DM Sans";color:var(--muted);cursor:pointer}.tabs button.active{color:var(--ink);border-bottom:1px solid var(--ink)}.prompt{padding:33px 29px}.prompt>strong{font-size:22px;color:var(--coral)}.prompt p,.vibes p,.bet p,.signal>p,.people p,.autos p,.draft p{font:9px "DM Mono";letter-spacing:.07em}.prompt textarea{border:0;outline:none;background:none;width:100%;height:110px;resize:none;font:25px/1.05 "DM Sans";letter-spacing:-1.2px}.prompt textarea::placeholder{color:#aaa69e}.prompt>div{border-top:1px solid var(--line);padding-top:12px;display:flex;gap:5px}.chip{border:1px solid var(--line);background:none;padding:6px 7px;font:9px "DM Sans"}.chip.active{background:var(--ink);color:white}.generate{margin-left:auto;border:0;background:var(--coral);font:10px "DM Sans";cursor:pointer;padding:7px 9px}.vibes{padding:0 29px 28px}.vibes button{border:0;background:none;border-bottom:1px solid var(--ink);font:10px "DM Sans";padding:3px 0;margin-right:12px;cursor:pointer}.studio aside{display:flex;flex-direction:column;gap:13px}.bet{background:var(--lav);padding:20px;flex:1}.bet>span{font-size:22px}.bet h2{font-size:35px;line-height:.87;letter-spacing:-.06em;margin:33px 0 12px}.bet small{font-size:11px;line-height:1.3;display:block}.bet button{margin-top:14px;border:0;border-bottom:1px solid var(--ink);background:none;font:10px "DM Sans"}.trending{background:var(--ink);color:var(--lime);padding:14px;font-size:15px;display:grid;grid-template-columns:16px 1fr;gap:6px}.trending span{font-size:10px;color:white;line-height:1.3}.trending b{color:var(--lime)}.draft{margin-top:13px;background:#d8f5f5;padding:22px;display:flex;justify-content:space-between;align-items:flex-end}.draft h2{font-size:29px;line-height:.96;letter-spacing:-1px;margin:12px 0 7px}.draft span{font-size:12px;color:#555}.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.signal{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:27px;min-height:365px}.signal h2{font-size:42px;line-height:.9;letter-spacing:-.07em;margin:54px 0 15px}.signal h2 em{color:var(--lime)}.signal>span{font-size:12px;line-height:1.4;display:block;max-width:300px;color:#d1d0cb}.lime-btn{background:var(--lime);border:0;margin-top:14px;padding:10px;font:10px "DM Sans"}.signal>b{position:absolute;right:10px;bottom:8px;color:var(--coral);font:58px "Instrument Serif";transform:rotate(-11deg)}.signal>b small{display:block;color:white;font:9px "DM Mono";margin:-9px 0 0 14px}.bars{border:1px solid var(--line);padding:27px}.bars .label{display:flex;justify-content:space-between;margin-bottom:48px}.bars .label span{color:var(--muted);font-size:9px}.bars>p{display:grid;grid-template-columns:125px 1fr 22px;gap:9px;align-items:center;font-size:11px;margin:16px 0}.bars i{height:9px;background:#e3dfd5}.bars i b{height:100%;display:block;background:var(--coral)}.bars>p:nth-of-type(3) b{background:var(--lav)}.bars>p:nth-of-type(4) b{background:var(--lime)}.bars em{font:10px "DM Mono";font-style:normal}.people{margin-top:13px;border:1px solid var(--line);background:#f0ede5;padding:25px;display:flex;justify-content:space-between;align-items:flex-end}.people h2{font-size:26px;line-height:.96;letter-spacing:-1px;margin:25px 0 0}.people>div:last-child{max-width:350px;display:flex;flex-wrap:wrap;gap:7px}.people span{font-size:10px;border:1px solid #aaa69e;padding:7px}.autos{border-top:1px solid var(--line)}.autos article{display:grid;grid-template-columns:47px 1fr auto 20px;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:25px 8px}.autos article>i{height:47px;width:47px;display:grid;place-items:center;font-style:normal;font-size:21px}.pink{background:#f6a2bb}.lav{background:var(--lav)}.autos h3{font-size:16px;margin:0 0 5px;letter-spacing:-.6px}.autos small{font-size:10px;color:var(--muted)}.autos button{border:0;background:none;cursor:pointer}.switch{height:22px;width:39px;background:#d3d0c7!important;border-radius:12px!important;padding:3px!important}.switch b{display:block;background:white;width:16px;height:16px;border-radius:50%;transition:.2s}.switch.on{background:var(--lime)!important}.switch.on b{transform:translateX(17px)}.inbox{border:1px solid var(--line);display:grid;grid-template-columns:290px 1fr;min-height:470px}.inbox aside{border-right:1px solid var(--line);padding:9px}.inbox aside button{border:0;background:none;width:100%;padding:13px 8px;text-align:left;display:grid;grid-template-columns:27px 1fr 20px;gap:9px;align-items:center}.inbox aside button.selected{background:#e8e5dd}.inbox aside button span b,.inbox aside button span small{display:block}.inbox aside button span b{font:11px "DM Sans"}.inbox aside button span small{font:10px "DM Sans";color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox aside em{font-size:9px;color:var(--muted)}.inbox article{display:flex;flex-direction:column}.inbox article>header{border-bottom:1px solid var(--line);height:66px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.inbox article>header div{display:flex;gap:9px;align-items:center}.inbox article>header i{height:27px;width:27px;border-radius:50%;background:#ed9b7c;display:grid;place-items:center;font:9px "DM Mono";font-style:normal}.inbox article>header b,.inbox article>header small{display:block}.inbox article>header b{font-size:11px}.inbox article>header small{font-size:9px;color:var(--muted);margin-top:3px}.chat{padding:27px;flex:1}.date{text-align:center;font:9px "DM Mono";color:var(--muted)}.chat>.them,.chat>.me{max-width:300px;padding:11px 13px;font-size:11px;line-height:1.35}.them{background:#e7e3d9}.me{background:var(--ink);color:white;margin-left:auto}.chat small{display:block;font-size:8px;color:#888;margin-top:4px}.suggest{display:grid;grid-template-columns:16px 1fr auto;gap:7px;background:#d8f5f5;max-width:390px;margin:26px auto;padding:12px;font-size:10px}.suggest>b{color:var(--coral)}.suggest p{margin:0;line-height:1.3}.suggest strong{display:block;font-size:9px;margin-bottom:3px}.suggest button{border:0;border-bottom:1px solid var(--ink);background:none;height:19px;font-size:9px}.inbox form{border-top:1px solid var(--line);padding:13px;display:flex;gap:8px}.inbox input{flex:1;border:1px solid var(--line);background:none;padding:10px;font:11px "DM Sans"}.inbox form button{border:0;background:var(--coral);width:37px;font-size:18px}.calendar{border:1px solid var(--line);min-width:650px;padding:23px}.calendar>div{display:flex;gap:13px;align-items:center}.calendar button{background:none;border:0;font-size:16px}.calendar h2{font-size:18px;margin:0}.calendar>div span{flex:1}.calendar>div button:last-child{font-size:10px;border:1px solid var(--line);padding:6px 9px}.calendar>p,.calendar>section{display:grid;grid-template-columns:repeat(7,1fr)}.calendar>p{margin-top:36px;border-bottom:1px solid var(--line);padding-bottom:10px;font:9px "DM Mono";color:var(--muted)}.calendar>section>b{height:260px;border-right:1px solid var(--line);padding:9px;font:12px "DM Mono"}.calendar>section>b:last-child{border:0}.e{display:block;padding:6px;font:9px "DM Sans";font-style:normal;margin-top:12px}.toast{position:fixed;right:23px;bottom:23px;background:var(--ink);color:white;padding:12px 16px;font-size:11px;opacity:0;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:980px){.side{width:210px}main{margin-left:210px;width:calc(100% - 210px)}.page,main>header{padding-left:25px;padding-right:25px}.top-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr 1fr}.pulse{grid-column:1/-1}.studio{grid-template-columns:1fr}.studio aside{display:grid;grid-template-columns:1fr 1fr}.aud-grid{grid-template-columns:1fr}}@media(max-width:680px){.side{display:none}main{margin:0;width:100%}main>header{height:58px;padding:0 16px}.mobile-menu{display:block;border:0;background:none;font-size:18px}main>header p,.bell{display:none}.page{padding:32px 16px}.title h1,.view-head h1{font-size:44px}.streak{padding:8px}.streak:not(b){font-size:0}.top-grid,.bottom-grid,.aud-grid{display:block}.top-grid>*,.bottom-grid>*,.aud-grid>*{margin-bottom:12px}.focus h2{font-size:34px}.view-head{gap:11px}.view-head .dark{white-space:nowrap;margin-top:7px}.studio aside{display:block}.studio aside>*{margin-bottom:12px}.prompt{padding:25px 18px}.prompt textarea{font-size:20px}.prompt>div{flex-wrap:wrap}.generate{margin-left:auto}.draft{display:block}.draft .dark{margin-top:15px}.people{display:block}.people>div:last-child{margin-top:23px}.autos article{grid-template-columns:42px 1fr auto;gap:10px}.autos article>i{width:42px;height:42px}.autos h3{font-size:13px}.autos article>button:last-child{display:none}.inbox{grid-template-columns:1fr}.inbox aside{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.inbox aside button{min-width:190px}.calendar{overflow:auto}.page#calendar{overflow:auto}}
/* Motion and depth enhancement */
body{overflow-x:hidden}.scroll-meter{position:fixed;z-index:30;left:255px;top:0;height:2px;width:0;background:var(--coral);box-shadow:0 0 16px var(--coral);transition:width .08s linear}.page.current>*{animation:room-rise .65s cubic-bezier(.16,1,.3,1) both}.page.current>*:nth-child(2){animation-delay:.07s}.page.current>*:nth-child(3){animation-delay:.14s}.page.current>*:nth-child(4){animation-delay:.21s}@keyframes room-rise{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}.top-grid,.bottom-grid,.studio,.aud-grid{perspective:1200px}.focus,.queue,.momentum,.replies,.pulse,.studio>article,.studio aside>*,.signal,.bars,.people,.autos article,.inbox,.calendar{transform-style:preserve-3d;will-change:transform;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease}.tilt-card:hover{box-shadow:12px 16px 0 rgba(23,23,25,.1)}.focus:before{content:"";position:absolute;z-index:0;width:310px;height:310px;right:-115px;bottom:-155px;border:1px solid rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.1),0 0 0 57px rgba(255,255,255,.08);animation:orbit 10s linear infinite}.focus>*{z-index:1}.focus .doodle{z-index:0;animation:doodle-drift 7s ease-in-out infinite}.pulse{background-image:radial-gradient(circle at 83% 13%,rgba(255,255,255,.55) 0 2px,transparent 3px),radial-gradient(circle at 15% 86%,rgba(23,23,25,.2) 0 1px,transparent 2px)}.chart i{transform-origin:bottom;animation:grow .8s cubic-bezier(.16,1,.3,1) both}.chart i:nth-child(2n){animation-delay:.08s}.chart i:nth-child(3n){animation-delay:.15s}@keyframes grow{from{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes doodle-drift{50%{transform:rotate(-6deg) translate(-7px,-10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:980px){.scroll-meter{left:210px}}@media(max-width:680px){.scroll-meter{left:0}.tilt-card:hover{box-shadow:none}}