@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg:#08070f;--bg-soft:#0c0a15;--surface:#12101c;--surface-2:#191526;--line:#2a2439;--line-bright:#49395f;--text:#f8f7fb;--muted:#a8a2b4;--dim:#756f82;--violet:#8b5cff;--pink:#f64cc8;--cyan:#37d5ff;--success:#42dfa0;--danger:#ff4f7b;--grad:linear-gradient(105deg,var(--pink),var(--violet) 52%,var(--cyan));--shadow:0 18px 50px #03020766;--glow:0 0 30px #9b52ff3d;--r1:8px;--r2:12px;--r3:18px;--r4:24px;--pill:999px;--fast:.16s;--normal:.26s;--ease:cubic-bezier(.2,.8,.2,1);--top:68px;--side:232px;--z-nav:40;--z-modal:100}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 55% -10%,#321741 0,transparent 28%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif}button,input{font:inherit}button,a{transition:color var(--fast),background var(--fast),border-color var(--fast),transform var(--fast),box-shadow var(--fast)}a{color:inherit}.skip-link{z-index:200;border-radius:var(--r2);color:#090710;background:#fff;padding:12px 16px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:10px}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.topbar{z-index:var(--z-nav);height:var(--top);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#090711e8;grid-template-columns:190px minmax(420px,1fr) minmax(240px,360px) auto;align-items:center;gap:14px;padding:0 18px;display:grid;position:fixed;inset:0 0 auto}.brand{text-decoration:none}.logo{align-items:center;gap:10px;display:inline-flex}.logo svg{filter:drop-shadow(0 0 10px #9c53ff70);width:38px;height:38px}.logo b{letter-spacing:4px;font:700 21px Fredoka,sans-serif}.desktop-nav{justify-content:center;align-items:center;gap:2px;height:100%;display:flex}.desktop-nav>a,.more-wrap>a{border-radius:var(--r2);color:#c4bfcd;white-space:nowrap;padding:11px 10px;font:600 13px Fredoka;text-decoration:none}.desktop-nav a:hover,.desktop-nav a.active{color:#fff;background:#ffffff0c}.desktop-nav a.active{box-shadow:inset 0 -2px var(--pink)}.search-trigger{border:1px solid var(--line);border-radius:var(--r2);min-width:0;height:40px;color:var(--muted);cursor:pointer;background:#14111e;align-items:center;gap:9px;padding:0 10px;display:flex}.search-trigger:hover{border-color:var(--line-bright);background:#1a1625}.search-trigger b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.search-trigger kbd{color:#8e879a;background:#0d0b14;border:1px solid #40384d;border-radius:6px;margin-left:auto;padding:3px 6px;font-size:10px}.utilities{align-items:center;gap:7px;display:flex}.icon-button,.profile,.menu-button,.plain-icon{color:#ddd;cursor:pointer;background:0 0;border:0;position:relative}.icon-button{border-radius:var(--r2);background:#17141f;width:40px;height:40px}.icon-button i{background:var(--pink);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.login-link{white-space:nowrap;padding:10px;font:600 13px Fredoka;text-decoration:none}.profile{padding:2px}.menu-button{width:40px;height:40px;font-size:20px;display:none}.button{border-radius:var(--r2);color:#fff;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font:700 13px Fredoka;text-decoration:none;display:inline-flex}.button.primary,.studio-button{background:var(--grad);box-shadow:var(--glow)}.button.secondary{background:#ffffff0b;border-color:#ffffff20}.button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.5}.notification-panel{border:1px solid var(--line-bright);border-radius:var(--r3);width:320px;box-shadow:var(--shadow);background:#151120;padding:20px;position:absolute;top:60px;right:86px}.notification-panel h3{margin:12px 0 5px}.notification-panel p{color:var(--muted);font-size:13px;line-height:1.5}.notification-panel a{color:#d4a7ff;font-size:12px}.sidebar{z-index:30;inset:var(--top) auto 0 0;width:var(--side);border-right:1px solid var(--line);transition:width var(--normal) var(--ease);background:#0b0912;padding:18px 13px 30px;position:fixed;overflow:auto}.sidebar-heading{justify-content:space-between;align-items:center;padding:0 8px 11px;display:flex}.sidebar-heading button{border:1px solid var(--line);border-radius:var(--r1);color:#aaa;cursor:pointer;background:#15121e;width:28px;height:28px}.sidebar>a,.creator-list>a{border-radius:var(--r2);color:#bcb6c8;align-items:center;gap:11px;min-height:41px;padding:0 10px;font:600 13px Fredoka;text-decoration:none;display:flex}.sidebar>a:hover,.sidebar>a.active{color:#fff;background:linear-gradient(90deg,#30152e,#151426);box-shadow:inset 0 0 0 1px #432d50}.sidebar>a>span{text-align:center;width:20px;font-size:16px}.sidebar>a em{border-radius:var(--pill);color:#ff8cdd;background:#481740;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.side-label{color:#716b7d;letter-spacing:1.4px;margin:22px 9px 9px;font-size:9px}.creator-list>a{padding:5px 3px}.creator-list>a>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.creator-list b{color:#f1eef5}.creator-list small{color:#8e8898;text-overflow:ellipsis;white-space:nowrap;font:400 10px Inter;overflow:hidden}.creator-list strong{color:#ff72d7;font:600 9px Inter}.show-more{color:#c894ff;cursor:pointer;background:0 0;border:0;margin:6px 8px;font:600 12px Fredoka}.is-collapsed{--side:72px}.is-collapsed .sidebar-heading>b,.is-collapsed .sidebar>a>b,.is-collapsed .sidebar>a>em,.is-collapsed .side-label,.is-collapsed .creator-list>a>span:nth-child(2),.is-collapsed .creator-list strong,.is-collapsed .show-more{display:none}.is-collapsed .sidebar>a,.is-collapsed .creator-list>a,.is-collapsed .sidebar-heading{justify-content:center}.main-content{min-height:100vh;margin-left:var(--side);padding-top:var(--top);transition:margin var(--normal) var(--ease)}.hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#090710 0,#130c1ee8 38%,#05132180 72%),radial-gradient(circle at 70% 40%,#19bfe755,#0000 22%),linear-gradient(135deg,#32113d,#061b30);height:min(710px,75vh);min-height:590px;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(0deg,var(--bg),transparent 34%);pointer-events:none;position:absolute;inset:0}.hero-art{opacity:.9;background:linear-gradient(90deg,#0000 49.7%,#35d8ff66 50%,#0000 50.3%),repeating-linear-gradient(90deg,#0000 0 64px,#59dfff0b 65px 66px);position:absolute;inset:5% 0 0 42%;transform:perspective(800px)rotateX(3deg)}.hero-art:before{content:"";clip-path:polygon(0 100%,0 40%,12% 40%,12% 14%,31% 14%,31% 48%,45% 48%,45% 0,64% 0,64% 55%,76% 55%,76% 27%,91% 27%,91% 66%,100% 66%,100% 100%);filter:drop-shadow(0 0 25px #38d8ff44);background:linear-gradient(90deg,#0b1527 10%,#0000 10% 17%,#182758 17% 31%,#0000 31% 39%,#071522 39% 57%,#0000 57% 66%,#22143e 66% 83%,#0000 83%);position:absolute;inset:8% 7% 17%}.hero-art:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 49px,#36d7ff23 50px 51px);border-top:2px solid #33d8ff55;height:65%;position:absolute;bottom:-36%;left:9%;right:8%;transform:perspective(300px)rotateX(62deg)}.hero-copy{z-index:2;width:min(600px,47%);padding:105px 0 0 clamp(36px,6vw,108px);position:relative}.featured{color:#c9bce1;letter-spacing:1.5px;align-items:center;gap:10px;font-size:10px;font-weight:800;display:flex}.live-badge{background:var(--pink);color:#fff;letter-spacing:.4px;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:800;display:inline-flex}.live-badge i{background:#fff;border-radius:50%;width:5px;height:5px}.hero h1{letter-spacing:-4px;margin:24px 0 18px;font-size:clamp(52px,5vw,76px);line-height:.96}.hero h1 span{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.hero .lead{color:#d0cad6;max-width:555px;font-size:clamp(15px,1.2vw,18px);line-height:1.65}.hero-creator{align-items:center;gap:11px;margin:24px 0;display:flex}.hero-creator>div{flex-direction:column;gap:5px;display:flex}.hero-creator span{color:var(--muted);font-size:12px}.button-row{gap:10px;display:flex}.hero-arrow{z-index:4;border-radius:var(--r2);color:#fff;cursor:pointer;background:#09071099;border:1px solid #ffffff18;width:40px;height:48px;font-size:26px;position:absolute;top:50%}.hero-arrow.prev{left:18px}.hero-arrow.next{right:18px}.hero-pages{z-index:3;gap:7px;display:flex;position:absolute;bottom:40px;left:clamp(36px,6vw,108px)}.hero-pages i{border-radius:var(--pill);background:#756f83;width:7px;height:7px}.hero-pages i.active{background:#fff;width:28px}.page-wrap{max-width:1800px;margin:auto}.content-section{padding:42px clamp(22px,4vw,72px)}.section-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px;display:flex}.section-header p{color:#c88dff;letter-spacing:1.6px;margin:0 0 8px;font-size:9px;font-weight:800}.section-header h2{letter-spacing:-1.3px;margin:0;font-size:clamp(25px,2.2vw,35px)}.section-header>a{color:#c8a0ef;white-space:nowrap;font:600 13px Fredoka;text-decoration:none}.stream-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.preview{aspect-ratio:16/9;border-radius:var(--r3);background:#24182e;display:block;position:relative;overflow:hidden}.preview:before{content:"";transition:transform var(--normal);background:radial-gradient(circle at 62% 42%,#fff4 0 4%,#0000 19%),repeating-linear-gradient(90deg,#0000 0 36px,#ffffff0b 37px 38px),linear-gradient(145deg,#0000 25%,#0008);position:absolute;inset:0}.tone-cyan{background:linear-gradient(135deg,#321043,#074f65)}.tone-violet{background:linear-gradient(135deg,#111627,#5c287b)}.tone-sunset{background:linear-gradient(135deg,#631b51,#b15b2d)}.tone-blue{background:linear-gradient(135deg,#082d46,#302069)}.tone-magenta{background:linear-gradient(135deg,#55124e,#202568)}.tone-ember{background:linear-gradient(135deg,#591929,#bd572c)}.preview>.live-badge{z-index:2;position:absolute;top:10px;left:10px}.viewer{z-index:2;background:#05040bbb;border-radius:5px;padding:5px 7px;font-size:9px;position:absolute;top:10px;right:10px}.play{z-index:2;opacity:0;transition:opacity var(--fast);background:#07061066;place-items:center;font-size:25px;display:grid;position:absolute;inset:0}.stream-card:hover .preview{box-shadow:0 14px 35px #0008,var(--glow);transform:translateY(-3px)}.stream-card:hover .preview:before{transform:scale(1.04)}.stream-card:hover .play{opacity:1}.stream-meta{gap:10px;padding-top:11px;display:flex}.stream-meta>div{flex:1;min-width:0}.stream-meta h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:14px;overflow:hidden}.stream-meta p{margin:0;font:600 12px Fredoka}.stream-meta small{color:#918b9b;margin-top:4px;font-size:11px;display:block}.plain-icon{align-self:flex-start;padding:7px}.tag-row{gap:5px;margin-top:7px;display:flex}.tag-row span{border-radius:var(--pill);color:#b5afbc;background:#191621;padding:3px 7px;font-size:9px}.avatar{border:2px solid var(--pink);background:linear-gradient(145deg,#66329a,#1689b1);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.avatar-sm{width:34px;height:34px;font-size:12px}.avatar-md{width:39px;height:39px}.avatar-lg{width:49px;height:49px}.verified{background:var(--violet);color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;display:inline-grid}.category-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.category-card{border-radius:var(--r3);border:1px solid #ffffff10;flex-direction:column;justify-content:flex-end;min-height:158px;padding:17px;text-decoration:none;display:flex;position:relative;overflow:hidden}.category-card:before{content:"";background:radial-gradient(circle at 74% 22%,#fff3,#0000 22%);position:absolute;inset:0}.category-symbol{color:#ffffffa8;font-size:37px;position:absolute;top:18px;right:20px}.category-card h3{margin:0;font:700 17px Fredoka;position:relative}.category-card p{color:#ded8e5;margin:5px 0 0;font-size:10px;position:relative}.category-card>b{position:absolute;bottom:17px;right:17px}.category-card:hover{box-shadow:var(--glow);border-color:#fff3;transform:translateY(-3px)}.mood-section{border-radius:var(--r4);background:linear-gradient(110deg,#2d1236aa,#0a2938aa);border:1px solid #4b345e;margin:18px clamp(22px,4vw,72px) 32px;padding:30px}.mood-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.mood-grid a{border-radius:var(--r2);background:#ffffff08;border:1px solid #ffffff12;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:15px;text-decoration:none;display:grid}.mood-grid i{border-radius:var(--r2);background:#ffffff0b;place-items:center;width:39px;height:39px;font-style:normal;display:grid}.mood-grid div{flex-direction:column;gap:4px;display:flex}.mood-grid b{font:600 14px Fredoka}.mood-grid span{color:#aca5b7;font-size:10px}.mood-grid em{color:#d5b0f2;font-size:10px;font-style:normal}.mood-grid a:hover{background:#ffffff10;transform:translateY(-2px)}.rising-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.rising-grid article{border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);align-items:center;gap:14px;padding:16px;display:flex}.rising-grid article>div{flex:1}.rising-grid h3{margin:0 0 4px}.rising-grid p,.rising-grid span{color:var(--muted);margin:0;font-size:11px}.rising-grid span{color:#b889e5}.feature-pair{grid-template-columns:1.25fr .75fr;gap:18px;padding:16px clamp(22px,4vw,72px) 30px;display:grid}.feature-pair>article{border-radius:var(--r4);border:1px solid #ffffff14;min-height:350px;padding:38px;position:relative;overflow:hidden}.arena-panel{background:radial-gradient(circle at 78% 48%,#d54cff55,#0000 24%),linear-gradient(120deg,#151025,#351347)}.echo-panel{background:radial-gradient(circle at 78% 25%,#25d6ff44,#0000 25%),linear-gradient(130deg,#101525,#12374d)}.preview-badge{border-radius:var(--pill);color:#d2abfb;letter-spacing:1px;border:1px solid #c69cff55;padding:5px 8px;font-size:8px;font-weight:800;display:inline-block}.feature-pair h2{margin:18px 0 10px;font-size:34px;line-height:1.05}.feature-pair p{max-width:470px;color:var(--muted);font-size:13px;line-height:1.6}.countdown{gap:9px;margin:24px 0;display:flex}.countdown b{border-radius:var(--r2);background:#09071066;border:1px solid #ffffff1c;flex-direction:column;justify-content:center;align-items:center;width:62px;height:58px;font-size:22px;display:flex}.countdown small{color:var(--muted);letter-spacing:1px;font-size:7px}.echo-cards{gap:8px;margin:28px 0;display:flex}.echo-cards span{aspect-ratio:9/14;background:linear-gradient(160deg,#d248bd,#163c6a);border-radius:10px;width:75px;transform:rotate(-4deg)}.echo-cards span:nth-child(2){background:linear-gradient(160deg,#6549df,#c04f72);transform:translateY(-8px)}.echo-cards span:nth-child(3){background:linear-gradient(160deg,#25bacc,#533082);transform:rotate(4deg)}.echo-panel>a{color:#bb9cf4;font:600 12px Fredoka;text-decoration:none}.continue-panel{border:1px dashed var(--line-bright);border-radius:var(--r3);background:#ffffff05;justify-content:space-between;align-items:center;gap:20px;margin:10px clamp(22px,4vw,72px) 60px;padding:24px 28px;display:flex}.continue-panel>div{grid-template-columns:auto 1fr;column-gap:13px;display:grid}.continue-panel>div>span{background:#ffffff0b;border-radius:50%;grid-row:1/3;place-items:center;width:43px;height:43px;display:grid}.continue-panel h2{margin:0;font-size:18px}.continue-panel p{color:var(--muted);margin:5px 0;font-size:11px}.footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:40px;padding:32px clamp(22px,4vw,72px) 100px;display:flex}.footer>div{flex-direction:column;display:flex}.footer>div b{color:#fff;letter-spacing:3px}.footer>div span{font-size:10px}.footer nav{gap:20px;display:flex}.footer a{font-size:11px;text-decoration:none}.footer small{margin-left:auto}.overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05040bad;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.drawer{width:min(360px,88vw);height:100%;box-shadow:var(--shadow);background:#100d18;padding:20px}.drawer header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.drawer header button,.dialog header button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:27px}.drawer>a:not(.button){border-bottom:1px solid var(--line);padding:14px;font:600 16px Fredoka;text-decoration:none;display:block}.drawer>.button{width:100%;margin-top:25px}.search-overlay{justify-content:center;align-items:flex-start;padding-top:11vh}.command{border:1px solid var(--line-bright);border-radius:var(--r4);background:#14101d;width:min(650px,92vw);overflow:hidden;box-shadow:0 30px 90px #000}.command>label{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px;display:flex}.command input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:16px}.command kbd{color:#aaa;border:1px solid #423a4d;border-radius:6px;padding:4px 7px;font-size:9px}.command-body{padding:12px}.command-body>p{color:var(--dim);letter-spacing:1.5px;padding:0 9px;font-size:8px}.command-body>a{border-radius:var(--r2);grid-template-columns:30px 1fr auto;align-items:center;padding:11px;text-decoration:none;display:grid}.command-body>a:hover{background:#ffffff0b}.command-body>a>span{color:#9f76d1}.command-body small{color:var(--dim)}.command footer{border-top:1px solid var(--line);color:var(--dim);gap:18px;padding:10px 20px;font-size:9px;display:flex}.mobile-bottom{display:none}.route-page{min-height:calc(100vh - var(--top));padding-bottom:80px}.route-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 35%,#7c3d9a44,#0000 23%),linear-gradient(110deg,#171025,#091321);padding:80px clamp(24px,6vw,100px) 50px}.route-header>p{color:#c18deb;letter-spacing:1.5px;margin:20px 0 8px;font-size:10px;font-weight:700}.route-header h1{text-transform:capitalize;margin:0 0 12px;font-size:clamp(45px,6vw,78px)}.route-header>span{max-width:660px;color:var(--muted);line-height:1.6;display:block}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:50px;display:flex}.empty-state>span{color:var(--violet);font-size:40px}.empty-state h2{margin:15px 0 5px}.empty-state p{max-width:520px;color:var(--muted)}.route-back{padding:0 clamp(22px,4vw,72px)}.route-back a{color:#ba91e8}.channel-hero{padding-bottom:30px}.channel-banner{background:radial-gradient(circle at 68% 40%,#26d3ff66,#0000 20%),linear-gradient(135deg,#43144e,#09283c);height:280px}.channel-hero>div:nth-child(2){padding:0 clamp(24px,5vw,70px);position:relative}.channel-hero .avatar{margin-top:-28px}.channel-hero h1{margin:18px 14px 5px 0;display:inline-block}.channel-hero p{color:var(--muted)}.auth-page{min-height:calc(100vh - var(--top));background:radial-gradient(circle at 50% 30%,#55245d55,#0000 28%);place-items:center;padding:40px;display:grid}.auth-page form{border:1px solid var(--line-bright);border-radius:var(--r4);width:min(430px,100%);box-shadow:var(--shadow);background:#12101be8;flex-direction:column;gap:14px;padding:34px;display:flex}.auth-page h1{margin:5px 0 0}.auth-page p,.auth-page small{color:var(--muted)}.auth-page label{flex-direction:column;gap:7px;font-size:11px;display:flex}.auth-page input,.dialog>input{border:1px solid var(--line);border-radius:var(--r2);color:#fff;background:#0c0a12;height:44px;padding:0 13px}.studio-page{min-height:calc(100vh - var(--top));background:#0b0911;grid-template-columns:220px 1fr;display:grid}.studio-nav{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:24px 14px;display:flex}.studio-nav h2{margin:0 7px 8px;font:700 18px Fredoka}.studio-nav .preview-badge{align-self:flex-start;margin:0 7px 15px}.studio-nav button{color:#9d96a6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 11px;font-size:11px}.studio-nav button.active,.studio-nav button:hover{color:#fff;background:#25172f}.studio-main{padding:35px clamp(22px,4vw,60px)}.studio-main>header{justify-content:space-between;align-items:flex-end;display:flex}.studio-main>header p{color:#c28dea;letter-spacing:1.4px;margin:12px 0 5px;font-size:9px}.studio-main h1{margin:0 0 5px}.studio-main>header span{color:var(--muted);font-size:11px}.status-card{border:1px solid var(--line);border-radius:var(--r3);background:linear-gradient(100deg,#17121f,#111622);justify-content:space-between;align-items:center;margin:28px 0 15px;padding:22px;display:flex}.status-card>div>i{background:#777;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.status-card>div{color:#a8a2b4;font-size:9px;font-weight:700}.status-card h2{color:#fff;margin:8px 0 4px}.status-card p{color:var(--muted);margin:0;font-weight:400}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-grid article{border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);flex-direction:column;padding:18px;display:flex}.stat-grid p{color:var(--muted);margin:0;font-size:10px}.stat-grid strong{margin:10px 0 4px;font-size:25px}.stat-grid span{color:#a889ce;font-size:9px}.studio-section{margin-top:28px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quick-grid button{border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);color:#fff;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:8px;padding:17px;display:flex}.quick-grid button:hover{border-color:var(--line-bright);transform:translateY(-2px)}.quick-grid i{color:#c079ff;font-size:20px;font-style:normal}.quick-grid span{color:var(--dim);font-size:9px}.studio-columns{grid-template-columns:1.3fr .7fr;gap:14px;margin-top:28px;display:grid}.studio-columns>article{border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);padding:20px}.studio-columns h2{margin-top:0}.studio-columns article:first-child>p{gap:10px;display:flex}.studio-columns p>span{flex-direction:column;display:flex}.studio-columns p small{color:var(--dim)}.calendar-day{border-radius:var(--r2);color:#cda1f3;background:#281a34;flex-direction:column;justify-content:center;align-items:center;width:52px;height:60px;font-size:9px;display:inline-flex}.calendar-day b{font-size:22px}.dialog{border:1px solid var(--line-bright);border-radius:var(--r4);width:min(500px,92vw);box-shadow:var(--shadow);background:#14101d;margin:auto;padding:24px}.dialog header{justify-content:space-between;align-items:flex-start;display:flex}.dialog h2{margin:10px 0 0}.dialog>p,.dialog>small{color:var(--muted);font-size:11px}.dialog>input{width:100%;margin:10px 0 12px}.raid-row{border-radius:var(--r2);align-items:center;gap:10px;padding:10px;display:flex}.raid-row:hover{background:#ffffff08}.raid-row>span{flex-direction:column;flex:1;display:flex}.raid-row small{color:var(--muted)}.raid-row em{color:#f58ad8;font-size:10px;font-style:normal}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}@media (max-width:1400px){.topbar{grid-template-columns:175px minmax(300px,1fr) minmax(210px,300px) auto}.desktop-nav a{padding-inline:8px}.desktop-nav .lower-priority{display:none}.stream-grid{grid-template-columns:repeat(3,1fr)}.stream-card:nth-child(4){display:none}.category-grid{grid-template-columns:repeat(3,1fr)}.category-card:nth-child(n+4){display:none}}@media (max-width:1060px){:root{--side:76px}.topbar{grid-template-columns:160px 1fr auto}.desktop-nav,.sidebar-heading>b,.sidebar>a>b,.sidebar>a>em,.side-label,.creator-list>a>span:nth-child(2),.creator-list strong,.show-more{display:none}.sidebar>a,.creator-list>a,.sidebar-heading{justify-content:center}.search-trigger{justify-self:center;width:100%;max-width:400px}.studio-button span,.login-link{display:none}.stream-grid{grid-template-columns:repeat(2,1fr)}.stream-card:nth-child(4){display:block}.mood-grid{grid-template-columns:repeat(2,1fr)}.feature-pair{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){:root{--side:0px;--top:60px}.topbar{height:var(--top);grid-template-columns:1fr auto;padding:0 12px}.logo svg{width:34px;height:34px}.logo b{font-size:18px}.search-trigger,.sidebar,.login-link,.icon-button,.profile{display:none}.menu-button{display:block}.studio-button{min-height:38px;padding:0 12px}.studio-button span{display:inline}.utilities{gap:4px}.main-content{margin:0;padding-bottom:65px}.mobile-bottom{z-index:50;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0a14f2;grid-template-columns:repeat(5,1fr);height:64px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom a{color:#817a8b;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.mobile-bottom a.active{color:#fff}.mobile-bottom span{font-size:17px}.mobile-bottom small{font-size:8px}.hero{height:650px;min-height:0}.hero-art{opacity:.48;inset:0 0 30% 14%}.hero-copy{width:100%;padding:160px 24px 0}.hero h1{font-size:52px}.hero .lead{max-width:90%;font-size:14px}.hero-arrow{display:none}.hero-pages{bottom:28px;left:24px}.content-section{padding:34px 18px}.section-header{align-items:flex-start}.section-header>a{margin-top:4px;font-size:11px}.stream-grid{grid-template-columns:1fr 1fr;gap:14px}.stream-meta>.avatar,.tag-row{display:none}.stream-meta h3{font-size:12px}.stream-meta p,.stream-meta small{font-size:10px}.category-grid{grid-template-columns:1fr 1fr}.category-card:nth-child(4){display:flex}.mood-section{margin:10px 18px 25px;padding:22px 16px}.mood-grid,.rising-grid{grid-template-columns:1fr}.feature-pair{padding:10px 18px 25px}.feature-pair>article{min-height:320px;padding:28px}.continue-panel{flex-direction:column;align-items:flex-start;margin:5px 18px 40px}.footer{flex-direction:column;align-items:flex-start;gap:20px;padding:28px 20px 90px}.footer small{margin:0}.studio-page{display:block}.studio-nav{display:none}.studio-main{padding:25px 16px}.studio-main>header{flex-direction:column;align-items:flex-start;gap:15px}.stat-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.studio-columns{grid-template-columns:1fr}.channel-banner{height:190px}}@media (max-width:480px){.logo b,.studio-button span{display:none}.hero-copy{padding-top:145px}.stream-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.category-card{min-height:135px;padding:13px}.category-card:nth-child(5),.mood-grid em{display:none}.feature-pair h2{font-size:29px}.footer nav{grid-template-columns:1fr 1fr;display:grid}.route-header{padding-top:55px}.stat-grid,.quick-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}