@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f7ef;--lime:#b8ff3d;--night:#080a09}*{box-sizing:border-box}html,body{background:var(--night);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,sans-serif;overflow:hidden}button{color:inherit;font:inherit}.shell{background:radial-gradient(circle at 15% 20%,#18201c 0,#0000 28%),#080a09;grid-template-rows:76px 1fr 42px;min-height:100vh;display:grid}.topbar{z-index:20;border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;display:grid}.brand{letter-spacing:.28em;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:11px;font:700 15px/1 Manrope;display:flex}.brand span{width:28px;height:28px;color:var(--lime);letter-spacing:0;border:1px solid #b8ff3d88;border-radius:50%;place-items:center;font:500 13px Manrope;display:grid}nav{gap:28px;height:100%;display:flex}nav button,nav a{color:#8d938e;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 4px;font-size:13px;text-decoration:none;display:flex;position:relative}nav button.selected{color:#fff}nav button.selected:after{content:"";background:var(--lime);height:2px;position:absolute;bottom:0;left:0;right:0}.live-status{letter-spacing:.16em;color:#7e847f;justify-self:end;align-items:center;gap:8px;font:600 10px Manrope;display:flex}.live-status i{background:#80756e;border-radius:50%;width:6px;height:6px}.live-status.online i{background:var(--lime);box-shadow:0 0 12px var(--lime)}.provider-switch{cursor:pointer;background:0 0;border:0}.stage{grid-template-columns:minmax(80px,1fr) min(42vh,420px) minmax(270px,1fr);align-items:center;gap:6vw;min-height:0;padding:2.5vh 4vw;display:grid;position:relative;overflow:hidden}.ambient{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 65%);filter:blur(40px);opacity:.45;width:50vw;height:50vw;transition:background 1s;position:absolute;top:45%;left:31%;transform:translate(-50%,-50%)}.phone-feed{aspect-ratio:9/16;z-index:2;background:#111;border-radius:24px;grid-column:2;height:min(75vh,730px);position:relative;overflow:hidden;box-shadow:0 35px 90px #000b,0 0 0 1px #ffffff17}.clip{background:#111;transition:transform .6s cubic-bezier(.22,.8,.25,1);position:absolute;inset:0;overflow:hidden}.clip video,.poster{object-fit:cover;width:100%;height:100%}.poster{background:radial-gradient(circle at 68% 20%,color-mix(in srgb,var(--accent) 35%,#15201c),#101412 46%,#080a09 80%);position:absolute;inset:0;overflow:hidden}.orb{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);filter:blur(.2px);border-radius:50%;position:absolute}.orb.one{aspect-ratio:1;width:90%;box-shadow:inset 20px -40px 80px #0008,0 0 100px color-mix(in srgb,var(--accent) 20%,transparent);top:6%;right:-34%}.orb.two{aspect-ratio:1;background:color-mix(in srgb,var(--accent) 8%,transparent);width:38%;bottom:24%;left:-10%}.genre{letter-spacing:.2em;text-transform:uppercase;color:#ffffffba;border:1px solid #ffffff42;border-radius:20px;padding:8px 11px;font:600 9px Manrope;position:absolute;top:25px;right:24px}.scrim{pointer-events:none;background:linear-gradient(#0000 44%,#050706e8 94%);position:absolute;inset:0}.clip-copy{z-index:3;position:absolute;bottom:34px;left:26px;right:70px}.creator-row{z-index:5;align-items:center;gap:9px;display:flex;position:absolute;bottom:174px;left:24px;right:18px}.creator-avatar{color:#081008;border-radius:50%;place-items:center;width:36px;height:36px;font:700 11px Manrope;display:grid;box-shadow:0 0 0 2px #fff}.creator-name{text-align:left;cursor:pointer;text-shadow:0 1px 5px #000;background:0 0;border:0;flex-direction:column;min-width:0;padding:0;display:flex}.creator-name strong{font:600 12px Manrope}.creator-name small{color:#d7dcd8;margin-top:2px;font-size:9px}.follow{cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0b0e0b99;border:1px solid #ffffff7a;border-radius:16px;margin-left:auto;padding:6px 10px;font:600 9px Manrope}.follow.following{color:#cbd1cc;background:#111713bf;border-color:#ffffff2b}.eyebrow,.kicker{letter-spacing:.18em;color:var(--lime);font:600 9px Manrope}.clip-copy h1{letter-spacing:-.045em;margin:8px 0 9px;font:600 clamp(29px,4vh,42px)/.98 Manrope}.clip-copy p{color:#d9ddd8;margin:0;font-size:13px;line-height:1.35}.clip-copy small{color:#8f9791;margin-top:10px;font-size:10px;display:inline-block}.ad-cta{background:var(--accent);color:#0b100b;letter-spacing:.04em;text-transform:uppercase;border-radius:20px;margin-top:12px;padding:8px 12px;font:700 9px Manrope;text-decoration:none;display:inline-block}.actions{z-index:5;flex-direction:column;gap:16px;display:flex;position:absolute;bottom:34px;right:12px}.actions button{cursor:pointer;text-shadow:0 1px 4px #000;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;width:48px;font-size:9px;display:flex}.actions svg{fill:#fff;stroke:#fff;stroke-width:1.7px;width:25px;height:25px;transition:all .2s}.actions button.liked svg{fill:#ff4c67;stroke:#ff4c67;transform:scale(1.14)}.progress{z-index:6;background:#ffffff18;height:2px;position:absolute;bottom:0;left:0;right:0}.progress span{background:var(--accent);height:100%;transition:width 1s;display:block}.start{z-index:3;white-space:nowrap;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#0c0f0de8;border:1px solid #ffffff2b;border-radius:40px;align-items:center;gap:9px;padding:14px 22px;font:600 12px Manrope;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 50px #0009}.start svg{width:16px;height:16px;fill:var(--lime)}.start:disabled{color:#a3aaa5;cursor:default}.start:disabled svg{fill:#818782}.rendering{white-space:nowrap;flex-direction:column;align-items:center;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.rendering i{border:1px solid #ffffff30;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;margin-bottom:15px;animation:1s linear infinite spin}.rendering span{font:500 13px Manrope}.rendering small{color:#89908b;margin-top:5px;font-size:10px}.rendering.error{white-space:normal;text-align:center;width:76%}.rendering.error span{color:#ff8a8a}.rendering.error small{line-height:1.4}@keyframes spin{to{transform:rotate(360deg)}}.context{z-index:3;grid-column:3;align-self:center;max-width:390px}.context h2{letter-spacing:-.055em;margin:15px 0 20px;font:500 clamp(35px,4vw,58px)/.96 Manrope}.context>p{color:#969d98;max-width:340px;font-size:13px;line-height:1.65}.taste-row{flex-wrap:wrap;gap:8px;margin-top:27px;display:flex}.taste-row span{text-transform:uppercase;letter-spacing:.1em;background:#ffffff08;border:1px solid #ffffff1d;border-radius:30px;padding:8px 12px;font-size:10px}.session{border-top:1px solid #ffffff12;max-width:330px;margin-top:34px;padding-top:22px}.session>span{color:#717872;letter-spacing:.2em;font:600 8px Manrope;display:block}.session strong{margin:7px 0 10px;font:500 23px Manrope;display:block}.session em{color:#777f79;font:400 11px DM Sans}.session div{background:#ffffff12;height:2px}.session div i{background:var(--lime);height:100%;transition:width .4s;display:block}.creator-card{background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:12px;max-width:340px;margin-top:26px;padding:15px;display:flex}.creator-card>span{color:#081008;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font:700 13px Manrope;display:grid}.creator-card div{flex-direction:column;gap:3px;display:flex}.creator-card strong{font:600 12px Manrope}.creator-card small{color:#89908b;font-size:9px;line-height:1.35}.empty-feed{color:#aab1ac;place-items:center;font-size:12px;display:grid}.comments-sheet{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101411f7;border-left:1px solid #ffffff19;width:min(430px,100vw);padding:42px 28px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-30px 0 90px #000a}.comments-sheet h2{letter-spacing:-.04em;margin:10px 0;font:500 28px/1.05 Manrope}.comments-note{color:#8b938d;font-size:11px;line-height:1.45}.comments-close{color:#909791;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:14px;right:18px}.comments-sheet form{gap:8px;margin:25px 0;display:flex}.comments-sheet input{color:#fff;background:#181d19;border:1px solid #ffffff1a;border-radius:22px;outline:none;flex:1;min-width:0;padding:12px 15px;font:12px DM Sans}.comments-sheet input:focus{border-color:#b8ff3d77}.comments-sheet form button{background:var(--lime);color:#0d120d;cursor:pointer;border:0;border-radius:20px;padding:0 15px;font:700 10px Manrope}.comment-list{gap:12px;display:grid}.comment-list>p{color:#7d857f;font-size:11px}.comment-list article{border-bottom:1px solid #ffffff0e;padding:4px 0 13px}.comment-list strong{color:var(--lime);font-size:9px}.comment-list p{color:#e4e7e4;margin:5px 0 0;font-size:12px;line-height:1.45}.toast{z-index:80;color:#fff;background:#161b17ed;border:1px solid #ffffff20;border-radius:25px;padding:11px 18px;font:500 11px Manrope;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #000}footer{color:#6c736e;letter-spacing:.16em;border-top:1px solid #ffffff10;justify-content:space-between;align-items:center;padding:0 4vw;font:500 8px Manrope;display:flex}footer p{letter-spacing:.03em;font-size:9px}.modal-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.taste-modal{background:#111512;border:1px solid #ffffff1b;border-radius:24px;width:min(560px,94vw);max-height:90vh;padding:40px;position:relative;overflow:auto;box-shadow:0 40px 100px #000}.taste-modal h2{letter-spacing:-.04em;margin:10px 0;font:500 34px/1.1 Manrope}.taste-modal>p{color:#929a94;font-size:13px;line-height:1.5}.close{color:#8b918d;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:18px;right:20px}.meters{gap:14px;margin:28px 0;display:grid}.meters label{text-transform:uppercase;letter-spacing:.08em;grid-template-columns:90px 1fr 30px;align-items:center;gap:12px;font-size:11px;display:grid}.meters strong{color:#8d948f;text-align:right;font-size:10px}input[type=range]{appearance:none;height:3px;accent-color:var(--lime);background:#303732;border-radius:3px}.done{background:var(--lime);color:#10140f;cursor:pointer;border:0;border-radius:30px;width:100%;padding:14px;font:600 12px Manrope}@media (max-width:850px){.shell{grid-template-rows:60px 1fr}.topbar{padding:0 18px}.topbar nav,.live-status{display:none}.stage{padding:0;display:block}.phone-feed{aspect-ratio:auto;width:100%;height:calc(100vh - 60px);box-shadow:none;border-radius:0}.context,footer{display:none}.clip-copy,.actions{bottom:40px}}.lab-shell,.dash-shell{color:#f5f7ef;background:#090b0a;min-height:100vh;overflow:auto}.lab-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#090b0af2;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:68px;padding:0 3vw;display:flex;position:sticky;top:0}.lab-header .brand{text-decoration:none}.lab-header>div{letter-spacing:.16em;color:#7b837d;align-items:center;gap:22px;font:600 9px Manrope;display:flex}.lab-header a:not(.brand){color:#cbd0cc;letter-spacing:0;text-transform:none;border:1px solid #ffffff1b;border-radius:20px;padding:9px 13px;font-size:11px;text-decoration:none}.lab-grid{grid-template-columns:minmax(260px,340px) minmax(360px,1fr) minmax(260px,340px);min-height:calc(100vh - 68px);display:grid}.controls,.diagnostics{background:#0c0f0d;padding:42px 32px}.controls{border-right:1px solid #ffffff10}.diagnostics{border-left:1px solid #ffffff10}.controls h1{letter-spacing:-.045em;margin:12px 0 30px;font:500 31px/1.08 Manrope}.controls>label,.control-pair label{color:#818984;letter-spacing:.15em;text-transform:uppercase;flex-direction:column;gap:8px;margin-bottom:14px;font:600 8px Manrope;display:flex}.control-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.controls select,.controls input[type=number]{color:#e5e9e6;background:#141815;border:1px solid #ffffff16;border-radius:9px;outline:none;width:100%;padding:11px 10px;font:400 11px DM Sans}.controls select:focus,.controls input:focus{border-color:#b8ff3d66}.toggle{cursor:pointer;align-items:center;text-transform:none!important;letter-spacing:0!important;color:#a8afaa!important;flex-direction:row!important;gap:10px!important;margin:8px 0 20px!important;font:400 11px/1.35 DM Sans!important}.toggle input{display:none}.toggle i{background:#303631;border-radius:20px;flex:none;width:31px;height:18px;position:relative}.toggle i:after{content:"";background:#87908a;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:#b8ff3d33}.toggle input:checked+i:after{background:var(--lime);left:16px}.lab-buttons{gap:8px;display:flex}.lab-buttons button{cursor:pointer;background:#151916;border:1px solid #ffffff19;border-radius:24px;flex:1;padding:12px;font:600 10px Manrope}.lab-buttons .primary{background:var(--lime);color:#0d110c;border-color:var(--lime)}.lab-error{color:#ff8f8f;background:#ff5b5b12;border:1px solid #ff5b5b22;border-radius:8px;padding:11px;font-size:11px;line-height:1.4}.lab-player{background:radial-gradient(circle at 50% 42%,#1a231d,#090b0a 60%);flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:32px;display:flex}.lab-video{aspect-ratio:9/16;background:#101311;border-radius:20px;height:min(70vh,720px);position:relative;overflow:hidden;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff17}.lab-video video{object-fit:cover;width:100%;height:100%}.lab-empty{background:radial-gradient(circle at 70% 20%,#36483e,#111713 43%,#080a09 80%);flex-direction:column;justify-content:flex-end;padding:35px;display:flex;position:absolute;inset:0}.lab-empty:before{content:"";aspect-ratio:1;border:1px solid #b8ff3d2c;border-radius:50%;width:100%;position:absolute;top:7%;left:28%;box-shadow:0 0 100px #b8ff3d12}.lab-empty span{color:var(--lime);letter-spacing:.16em;z-index:1;font:600 9px Manrope}.lab-empty h2{letter-spacing:-.05em;z-index:1;margin:10px 0;font:500 34px/.98 Manrope}.lab-empty p{color:#929a94;z-index:1;font-size:11px}.lab-caption{background:linear-gradient(#0000,#060806eb);padding:60px 25px 25px;position:absolute;bottom:0;left:0;right:0}.lab-caption span{color:var(--lime);letter-spacing:.16em;font:600 8px Manrope}.lab-caption h2{letter-spacing:-.04em;margin:7px 0;font:500 26px/1 Manrope}.lab-caption p{color:#e4e7e4;margin:0;font-size:11px}.lab-generating{background:#080b09d9;border:1px solid #ffffff1c;border-radius:20px;align-items:center;gap:7px;padding:9px 12px;font-size:9px;display:flex;position:absolute;top:15px;left:15px}.lab-generating i{border:1px solid #b8ff3d;border-top-color:#0000;border-radius:50%;width:7px;height:7px;animation:1s linear infinite spin}.buffer-track{background:#ffffff08;border-radius:4px;width:min(100%,580px);height:32px;margin-top:20px;position:relative;overflow:hidden}.buffer-track>span{border-right:1px solid var(--lime);background:#b8ff3d22;transition:width .4s;position:absolute;inset:0 auto 0 0}.buffer-track p{color:#aab0ac;place-items:center;margin:0;font-size:9px;display:grid;position:absolute;inset:0}.rtf{border-bottom:1px solid #ffffff12;padding:22px 0 26px}.rtf strong{letter-spacing:-.06em;color:var(--lime);font:500 52px/.9 Manrope;display:block}.rtf span{color:#7e8680;margin-top:10px;font-size:10px;display:block}.diag-grid{border-bottom:1px solid #ffffff12;grid-template-columns:1fr 1fr;display:grid}.diag-grid article{border-bottom:1px solid #ffffff0b;padding:18px 0}.diag-grid article:nth-child(odd){border-right:1px solid #ffffff0b}.diag-grid article:nth-child(2n){padding-left:18px}.diag-grid span{color:#747c76;text-transform:uppercase;letter-spacing:.1em;font-size:8px;display:block}.diag-grid strong{margin-top:5px;font:500 18px Manrope;display:block}.story-state{border-bottom:1px solid #ffffff12;padding:22px 0}.story-state>span,.cast>span{color:#788079;letter-spacing:.14em;font:600 8px Manrope}.story-state h3{margin:9px 0;font:500 14px/1.35 Manrope}.story-state p{color:#b8ff3d;margin:0;font-size:10px;line-height:1.4}.cast{padding-top:20px}.cast p{color:#7f8781;margin:11px 0;font-size:9px;line-height:1.35}.cast strong{color:#dfe3df;margin-bottom:2px;font-size:10px;display:block}.dash-content{max-width:1180px;margin:auto;padding:64px 30px}.dash-content>h1{letter-spacing:-.06em;margin:14px 0 40px;font:500 clamp(42px,7vw,78px)/1 Manrope}.provider-cards{grid-template-columns:1fr 1fr;gap:18px;display:grid}.provider-cards article{background:#0e120f;border:1px solid #ffffff16;border-radius:18px;grid-template-columns:1fr 1fr;gap:20px;padding:27px;display:grid}.provider-cards article>span{color:var(--lime);letter-spacing:.16em;grid-column:1/-1;font:600 8px Manrope}.provider-cards h2{border-bottom:1px solid #ffffff10;grid-column:1/-1;margin:0;padding-bottom:18px;font:500 23px Manrope}.provider-cards div strong{letter-spacing:-.04em;font:500 30px Manrope;display:block}.provider-cards div small{color:#727a74;font-size:9px}.provider-cards footer{border:0;border-top:1px solid #ffffff0c;grid-column:1/-1;height:auto;padding:15px 0 0;display:block}.recent-table{margin-top:42px}.recent-table h2{font:500 22px Manrope}.recent-table>p{color:#7e867f;border:1px dashed #ffffff1a;border-radius:12px;padding:30px;font-size:12px}.recent-table table{border-collapse:collapse;width:100%;font-size:10px}.recent-table th{color:#707871;text-align:left;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #ffffff18;padding:12px 8px;font:600 8px Manrope}.recent-table td{color:#c2c8c3;border-bottom:1px solid #ffffff0b;padding:13px 8px}@media (max-width:1050px){.lab-grid{grid-template-columns:260px 1fr}.diagnostics{border-top:1px solid #ffffff10;border-left:0;grid-column:1/-1;grid-template-columns:180px 1fr 1fr;gap:25px;display:grid}.diagnostics>.kicker{display:none}.rtf,.diag-grid,.story-state{border:0}.cast{display:none}}@media (max-width:720px){html,body{overflow:auto}.lab-grid{display:block}.controls{border:0}.lab-player{min-height:720px}.diagnostics{display:block}.provider-cards{grid-template-columns:1fr}.recent-table{overflow:auto}.lab-header>div>span{display:none}}.shell{background:#0b0b0d;grid-template-rows:60px 1fr}.topbar{background:#111114;border-color:#29292d;grid-template-columns:240px minmax(260px,520px) 240px;padding:0 24px;position:relative}.search-box{color:#8e8e95;background:#242428;border-radius:22px;justify-self:center;align-items:center;width:min(100%,500px);height:40px;padding:0 18px;font-size:13px;display:flex}.login-button{color:#fff;cursor:pointer;background:#fe2c55;border:0;border-radius:4px;justify-self:end;padding:10px 25px;font-weight:700}.stage{grid-template-columns:240px minmax(390px,620px) 300px;align-items:start;gap:32px;padding:24px max(24px,50vw - 610px);overflow-y:auto}.desktop-nav{flex-direction:column;grid-column:1;padding-right:22px;display:flex;position:sticky;top:24px}.desktop-nav button{color:#eee;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;gap:14px;padding:13px 10px;font:600 16px Manrope;display:flex}.desktop-nav button.active{color:#fe2c55;background:#ffffff08}.desktop-nav button:hover{background:#ffffff08}.desktop-nav small{color:#77777e;padding:4px 10px 9px}.desktop-nav p{color:#65656c;margin:22px 10px;font-size:10px;line-height:1.7}.nav-divider{background:#29292d;height:1px;margin:14px 0}.phone-feed{aspect-ratio:9/16;background:#141418;border-radius:8px;grid-column:2;justify-self:center;width:min(430px,100%);height:calc(100vh - 108px);max-height:780px;box-shadow:0 0 0 1px #2d2d31}.ambient{display:none}.clip-copy h1{font-size:28px;line-height:1.03}.context{background:0 0;grid-column:3;max-width:none;padding:6px 0;position:sticky;top:24px}.context h3{color:#a5a5ab;margin:0 0 18px;font:600 14px Manrope}.suggested{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:9px 0;display:flex}.suggested>span{color:#111;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.suggested div{flex-direction:column;min-width:0;display:flex}.suggested strong{font-size:12px}.suggested small{color:#85858c;margin-top:3px;font-size:10px}.suggested b{color:#fe2c55;margin-left:auto;font-size:11px}.context-note{border-top:1px solid #29292d;flex-direction:column;gap:7px;margin-top:20px;padding-top:20px;display:flex}.context-note strong{font-size:11px}.context-note span,.context>p{color:#77777f;font-size:10px;line-height:1.5}.empty-feed{background:#151519;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute}.empty-feed strong{font:600 17px Manrope}.empty-feed span{color:#898990;font-size:12px}@media (max-width:1000px){.stage{grid-template-columns:190px minmax(360px,1fr)}.context{display:none}.topbar{grid-template-columns:190px 1fr auto}}@media (max-width:850px){.shell{grid-template-rows:60px 1fr}.desktop-nav,.search-box,.login-button{display:none}.topbar{display:flex}.stage{padding:0;display:block}.phone-feed{width:100%;height:calc(100vh - 60px);max-height:none;box-shadow:none;border-radius:0}.context{display:none}}