:root{--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-base:15px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:32px;--lh-tight:1.25;--lh:1.5;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:999px;--header-h:56px;--sidebar-w:240px;--rail-w:72px;--bottom-nav-h:56px;--ease:cubic-bezier(.2, .8, .2, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.32s;--bg:#0f1012;--bg-nav:#141518;--bg-elev:#1b1c20;--bg-menu:#222429;--surface:#24262b;--surface-2:#2e3036;--surface-3:#393c43;--border:#26282d;--border-strong:#3a3d44;--text:#f2f3f5;--text-2:#a9adb6;--text-3:#868b95;--accent:#e0193b;--accent-hover:#bd1232;--accent-fg:#fff;--accent-ink:#ff1645;--accent-soft:#3d1219;--accent-soft-fg:#ffb3b9;--danger:#ff6b6b;--danger-strong:#b91c1c;--danger-soft:#3b1a1a;--warn:#f5b544;--warn-soft:#3a2c0b;--success:#4ade80;--live:#ff1645;--focus:#e8eaed;--overlay:#000000a6;--shadow-1:0 1px 2px #00000080;--shadow-2:0 8px 28px #0009;--verified:#aaa;--chart-1:#ff1645;--skeleton:#1d1f23;--skeleton-hi:#272a2f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f7f9fb;--bg-nav:#fff;--bg-elev:#fff;--bg-menu:#fff;--surface:#edf1f5;--surface-2:#e1e7ee;--surface-3:#d3dbe4;--border:#dfe5ec;--border-strong:#c5cfda;--text:#0d1420;--text-2:#4a5566;--text-3:#657082;--accent:#d6163a;--accent-hover:#b51231;--accent-fg:#fff;--accent-ink:#d6163a;--accent-soft:#fde7eb;--accent-soft-fg:#9e0f2b;--danger:#b91c1c;--danger-strong:#b91c1c;--danger-soft:#fdecec;--warn:#92400e;--warn-soft:#fef3c7;--success:#15803d;--live:#d6163a;--focus:#0d1420;--overlay:#0f172a73;--shadow-1:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-2:0 4px 12px #0f172a1a, 0 12px 32px #0f172a1f;--verified:#606060;--chart-1:#d6163a;--skeleton:#e6ebf0;--skeleton-hi:#f2f5f8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root[data-theme=system]{--bg:#f7f9fb;--bg-nav:#fff;--bg-elev:#fff;--bg-menu:#fff;--surface:#edf1f5;--surface-2:#e1e7ee;--surface-3:#d3dbe4;--border:#dfe5ec;--border-strong:#c5cfda;--text:#0d1420;--text-2:#4a5566;--text-3:#657082;--accent:#d6163a;--accent-hover:#b51231;--accent-fg:#fff;--accent-ink:#d6163a;--accent-soft:#fde7eb;--accent-soft-fg:#9e0f2b;--danger:#b91c1c;--danger-strong:#b91c1c;--danger-soft:#fdecec;--warn:#92400e;--warn-soft:#fef3c7;--success:#15803d;--live:#d6163a;--focus:#0d1420;--overlay:#0f172a73;--shadow-1:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-2:0 4px 12px #0f172a1a, 0 12px 32px #0f172a1f;--verified:#606060;--chart-1:#d6163a;--skeleton:#e6ebf0;--skeleton-hi:#f2f5f8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s;--dur-slow:0s}*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}a.link,button.link,.ts-link{color:var(--text);font-weight:var(--fw-medium);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent-ink) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--accent-ink) 70%, transparent);text-underline-offset:3px;text-decoration-thickness:1.5px}a.link:hover,button.link:hover,.ts-link:hover{-webkit-text-decoration-color:var(--accent-ink);text-decoration-color:var(--accent-ink)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,h4{line-height:var(--lh-tight);font-weight:var(--fw-semibold);margin:0}p{margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft);color:var(--accent-soft-fg)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--s2);z-index:1000;background:var(--accent);color:var(--accent-fg);padding:var(--s2) var(--s4);border-radius:var(--r-sm);position:absolute;top:-48px}.skip-link:focus{top:var(--s2)}.muted{color:var(--text-2)}.subtle{color:var(--text-3);font-size:var(--fs-sm)}.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.nowrap{white-space:nowrap}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.row{align-items:center;gap:var(--s2);display:flex}.row.wrap{flex-wrap:wrap}.stack{gap:var(--s3);flex-direction:column;display:flex}.stack-lg{gap:var(--s5);flex-direction:column;display:flex}.spacer{flex:1}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:36px;padding:0 var(--s4);border-radius:var(--r-pill);font-size:var(--fs-md);font-weight:var(--fw-medium);white-space:nowrap;background:var(--surface);color:var(--text);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:scale(.98)}.btn svg{flex:none;width:20px;height:20px}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-dark{background:var(--text);color:var(--bg)}.btn-dark:hover:not(:disabled){background:var(--text-2)}.btn-ghost{background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface)}.btn-danger{background:var(--danger-strong);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.9);background:var(--danger-strong)}.btn-outline{box-shadow:inset 0 0 0 1px var(--border-strong);background:0 0}.btn-sm{min-height:32px;padding:0 var(--s3);font-size:var(--fs-sm)}.btn-lg{min-height:48px;padding:0 var(--s5);font-size:var(--fs-base)}.btn-block{width:100%}.icon-btn{width:40px;height:40px;color:var(--text);transition:background var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface)}.icon-btn svg{width:22px;height:22px}.icon-btn.sm{width:32px;height:32px}.icon-btn.sm svg{width:18px;height:18px}.btn-discord{color:#fff;background:#5865f2}.btn-discord:hover:not(:disabled){background:#4752c4}.segmented{background:var(--surface);border-radius:var(--r-pill);padding:0;display:inline-flex;overflow:hidden}.segmented>.btn{background:0 0;border-radius:0}.segmented>.btn:hover:not(:disabled){background:var(--surface-2)}.segmented>.btn+.btn{box-shadow:inset 1px 0 0 var(--border-strong)}.segmented>.btn[aria-pressed=true] svg{fill:currentColor}.field{gap:var(--s1);flex-direction:column;display:flex}.field>label,.label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-2)}.input,.select,.textarea{width:100%;min-height:40px;padding:var(--s2) var(--s3);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);transition:border-color var(--dur-fast)}.textarea{resize:vertical;min-height:96px;line-height:var(--lh)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.hint{font-size:var(--fs-xs);color:var(--text-3)}.error-text{font-size:var(--fs-xs);color:var(--danger)}.ok-text{font-size:var(--fs-xs);color:var(--success)}.counter{font-size:var(--fs-xs);color:var(--text-3);text-align:right}.checkbox{gap:var(--s3);cursor:pointer;align-items:flex-start;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:2px}.switch{appearance:none;background:var(--surface-3);border-radius:var(--r-pill);cursor:pointer;width:40px;height:24px;transition:background var(--dur);flex:none;position:relative}.switch:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(16px)}.radio-card{gap:var(--s3);padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;align-items:flex-start;display:flex}.radio-card:has(input:checked){border-color:var(--text-3);background:var(--surface)}.radio-card input{accent-color:var(--accent);margin-top:3px}.chip{align-items:center;gap:var(--s1);height:32px;padding:0 var(--s3);border-radius:var(--r-sm);background:var(--surface);font-size:var(--fs-md);font-weight:var(--fw-medium);white-space:nowrap;transition:background var(--dur-fast);display:inline-flex}.chip:hover{background:var(--surface-2)}.chip[aria-pressed=true],.chip[aria-current=page]{background:var(--text);color:var(--bg)}.chips{gap:var(--s3);scrollbar-width:none;padding:var(--s3) 0;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.badge{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:var(--surface);color:var(--text-2);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.badge.accent{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.live{background:var(--live);color:#fff}.badge svg{width:12px;height:12px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5)}.callout{gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface);font-size:var(--fs-md);display:flex}.callout svg{flex:none;width:20px;height:20px;margin-top:2px}.callout.warn{background:var(--warn-soft);color:var(--warn)}.callout.danger{background:var(--danger-soft);color:var(--danger)}.callout.accent{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--text)}.callout.accent svg{color:var(--success)}.divider{background:var(--border);height:1px;margin:var(--s3) 0;border:0}.avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;flex:none}.verified-wrap{vertical-align:-.12em;flex:none;align-items:center;margin-left:.3em;display:inline-flex}.verified{width:.95em;height:.95em;fill:var(--verified);display:block}.row>.verified-wrap{vertical-align:baseline;margin-left:0}.channel-head h1{align-items:center}.channel-head h1 .verified{width:.62em;height:.62em;fill:var(--text);opacity:.88}.skeleton{background:linear-gradient(90deg, var(--skeleton) 25%, var(--skeleton-hi) 37%, var(--skeleton) 63%);border-radius:var(--r-sm);background-size:400% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.spinner{color:var(--accent-ink);border:3px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.spinner.sm{border-width:2px;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.center-pad{padding:var(--s8) var(--s4);place-items:center;display:grid}.empty{text-align:center;align-items:center;gap:var(--s3);padding:var(--s8) var(--s4);flex-direction:column;max-width:440px;margin:0 auto;display:flex}.empty svg.empty-icon{width:56px;height:56px;color:var(--text-3);stroke-width:1.25px}.empty h2{font-size:var(--fs-xl)}.header{height:var(--header-h);z-index:50;align-items:center;gap:var(--s2);padding:0 var(--s4);background:color-mix(in srgb, var(--bg-nav) 94%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);display:flex;position:fixed;inset:0 0 auto}.header-start{align-items:center;gap:var(--s2);min-width:0;display:flex}.header-center{min-width:0;padding:0 var(--s5);flex:1;justify-content:center;display:flex}.header-end{align-items:center;gap:var(--s1);display:flex}.brand{align-items:center;gap:var(--s2);font-weight:var(--fw-bold);font-size:var(--fs-xl);letter-spacing:-.02em;padding:var(--s2);border-radius:var(--r-sm);display:flex}.themed-art{flex:none;align-items:center;display:inline-flex}.themed-art img{width:auto;height:100%}.art-light,:root[data-theme=light] .art-dark{display:none}:root[data-theme=light] .art-light{display:block}@media (prefers-color-scheme:light){:root[data-theme=system] .art-dark{display:none}:root[data-theme=system] .art-light{display:block}}.brand sup{color:var(--text-3);font-size:10px;font-weight:var(--fw-medium);margin-left:2px}.notif-dot{border-radius:var(--r-pill);background:var(--live);color:#fff;min-width:18px;height:18px;font-size:11px;font-weight:var(--fw-bold);border:2px solid var(--bg);place-items:center;padding:0 5px;display:grid;position:absolute;top:4px;right:2px}.search{width:100%;max-width:640px;display:flex;position:relative}.search-box{border:1px solid var(--border-strong);border-radius:var(--r-pill) 0 0 var(--r-pill);background:var(--bg);padding-left:var(--s4);border-right:0;flex:1;align-items:center;min-width:0;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.search-box input{min-width:0;height:40px;font-size:var(--fs-base);background:0 0;border:0;outline:none;flex:1}.search-box input::-webkit-search-cancel-button{display:none}.search-submit{background:var(--surface);border:1px solid var(--border-strong);border-radius:0 var(--r-pill) var(--r-pill) 0;place-items:center;width:64px;height:42px;display:grid}.search-submit:hover{background:var(--surface-2)}.search-submit svg{width:22px;height:22px}.search-voice{margin-left:var(--s2)}.suggestions{background:var(--bg-menu);border-radius:var(--r-md);box-shadow:var(--shadow-2);border:1px solid var(--border);padding:var(--s2) 0;z-index:60;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:64px}.suggestions li{align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);cursor:pointer;font-weight:var(--fw-medium);display:flex}.suggestions li[aria-selected=true],.suggestions li:hover{background:var(--surface)}.suggestions li svg{width:18px;height:18px;color:var(--text-3);flex:none}.suggestions li .remove{font-size:var(--fs-sm);color:var(--text-3);margin-left:auto;font-weight:400}.mobile-search{height:var(--header-h);align-items:center;gap:var(--s2);padding:0 var(--s2);background:var(--bg-nav);z-index:70;display:flex;position:fixed;inset:0 0 auto}.layout{padding-top:var(--header-h);min-height:100vh;display:flex}.sidebar{top:var(--header-h);width:var(--sidebar-w);padding:var(--s2) var(--s3) var(--s5);scrollbar-width:thin;z-index:40;background:var(--bg-nav);border-right:1px solid var(--border);position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar:not(:hover){scrollbar-color:transparent transparent}.nav-section{padding:var(--s2) 0;border-bottom:1px solid var(--border)}.nav-section:last-child{border-bottom:0}.nav-title{padding:var(--s2) var(--s3);font-size:var(--fs-base);font-weight:var(--fw-semibold)}.nav-item{align-items:center;gap:var(--s5);height:40px;padding:0 var(--s3);border-radius:var(--r-md);font-size:var(--fs-md);white-space:nowrap;display:flex;overflow:hidden}.nav-item:hover{background:var(--surface)}.nav-item[aria-current=page]{background:var(--surface);font-weight:var(--fw-semibold);box-shadow:inset 3px 0 0 var(--accent-ink)}.nav-item[aria-current=page] svg{color:var(--accent-ink)}.nav-item svg{flex:none;width:22px;height:22px}.nav-item img{width:24px;height:24px}.nav-item .count{font-size:var(--fs-xs);color:var(--text-3);margin-left:auto}.sidebar-footer{padding:var(--s4) var(--s3);font-size:var(--fs-xs);color:var(--text-3);line-height:1.8}.sidebar-footer a:hover{color:var(--text)}.rail{top:var(--header-h);width:var(--rail-w);padding:var(--s1);z-index:40;background:var(--bg-nav);border-right:1px solid var(--border);position:fixed;bottom:0;left:0}.rail a{padding:var(--s4) 0 var(--s3);border-radius:var(--r-md);flex-direction:column;align-items:center;gap:6px;font-size:10px;display:flex}.rail a:hover{background:var(--surface)}.rail a[aria-current=page]{font-weight:var(--fw-semibold)}.rail a[aria-current=page] svg{color:var(--accent-ink)}.rail svg{width:22px;height:22px}.drawer-backdrop{background:var(--overlay);z-index:80;animation:fade var(--dur) var(--ease);position:fixed;inset:0}.drawer{width:var(--sidebar-w);background:var(--bg-nav);z-index:81;padding:0 var(--s3) var(--s5);animation:slide-in var(--dur) var(--ease);position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.drawer .drawer-head{height:var(--header-h);align-items:center;gap:var(--s2);padding-left:var(--s1);display:flex}@keyframes slide-in{0%{transform:translate(-100%)}}@keyframes fade{0%{opacity:0}}.main{min-width:0;padding:0 var(--s5) var(--s7);flex:1}.with-sidebar .main{margin-left:var(--sidebar-w)}.with-rail .main{margin-left:var(--rail-w)}.page{max-width:2200px;margin:0 auto}.page-narrow{max-width:1100px;padding-top:var(--s5);margin:0 auto}.page-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:var(--s5) 0 var(--s4)}.section-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:var(--s5) 0 var(--s3);align-items:center;gap:var(--s2);display:flex}.bottom-nav{height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-nav);border-top:1px solid var(--border);z-index:50;display:none;position:fixed;inset:auto 0 0}.bottom-nav a,.bottom-nav button{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:48px;font-size:10px;display:flex}.bottom-nav svg{width:24px;height:24px}.bottom-nav a[aria-current=page]{font-weight:var(--fw-semibold)}.bottom-nav a[aria-current=page] svg,.bottom-nav .create svg{color:var(--accent-ink)}.bottom-nav .create svg{stroke-width:1.25px;width:36px;height:36px}@media (width<=791px){.main{padding:0 0 calc(var(--bottom-nav-h) + var(--s5) + env(safe-area-inset-bottom));margin-left:0!important}.bottom-nav{display:flex}.header{padding:0 var(--s2) 0 var(--s3)}.header-center,.header .hide-mobile{display:none}.page-narrow{padding:var(--s4) var(--s4) 0}.page-title{margin:var(--s4) var(--s4) var(--s3);font-size:var(--fs-xl)}.pad-mobile,.chips{padding-left:var(--s4);padding-right:var(--s4)}}@media (width>=792px){.show-mobile{display:none!important}}.grid{gap:var(--s6) var(--s4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (width>=1900px){.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (width<=791px){.grid{gap:var(--s5);grid-template-columns:1fr}}@media (width>=560px) and (width<=791px){.grid{padding:0 var(--s4);gap:var(--s5) var(--s3);grid-template-columns:1fr 1fr}}.card-video{gap:var(--s3);border-radius:var(--r-lg);min-width:0;transition:background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;display:flex;position:relative}@media (hover:hover) and (width>=560px){.card-video:hover{background:var(--bg-elev);box-shadow:0 0 0 8px var(--bg-elev)}}.thumb{aspect-ratio:16/9;border-radius:var(--r-lg);background:var(--surface-2);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease)}.card-video:hover .thumb img{transform:scale(1.02)}@media (width<=559px){.thumb{border-radius:0}}.duration{color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.02em;background:#000000c7;border-radius:4px;padding:1px 5px;position:absolute;bottom:8px;right:8px}.progress-rail{background:#ffffff59;height:4px;position:absolute;bottom:0;left:0;right:0}.progress-rail>span{background:var(--accent-ink);height:100%;display:block}.card-meta{gap:var(--s3);align-items:flex-start;display:flex}@media (width<=559px){.card-meta{padding:0 var(--s3)}}.card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);line-height:1.35}.card-sub{font-size:var(--fs-md);color:var(--text-2)}.card-sub a:hover{color:var(--text)}.card-reason{font-size:var(--fs-xs);color:var(--text-3);align-items:center;gap:4px;display:flex}.card-menu{opacity:0;margin-right:calc(var(--s2) * -1)}.card-video:hover .card-menu,.card-menu:focus-visible,.card-menu[aria-expanded=true]{opacity:1}@media (hover:none){.card-menu{opacity:1}}.list-card{gap:var(--s3);grid-template-columns:168px 1fr auto;align-items:start;display:grid}.list-card .thumb{border-radius:var(--r-md)}.list-card .card-title{font-size:var(--fs-md)}.list-card .card-sub{font-size:var(--fs-sm)}.list-card.lg{gap:var(--s4);grid-template-columns:minmax(240px,360px) 1fr auto}.list-card.lg .card-title{font-size:var(--fs-lg);font-weight:var(--fw-medium)}@media (width<=791px){.list-card.lg{grid-template-columns:160px 1fr auto}.list-card.lg .card-title{font-size:var(--fs-md)}}.shorts-shelf{gap:var(--s4);padding-bottom:var(--s2);scrollbar-width:thin;grid-auto-columns:minmax(180px,210px);grid-auto-flow:column;display:grid;overflow-x:auto}@media (width<=791px){.shorts-shelf{padding:0 var(--s4) var(--s2);grid-auto-columns:46%}}.short-card .thumb{aspect-ratio:9/16;border-radius:var(--r-md)}.short-card .card-title{margin-top:var(--s2);font-size:var(--fs-md)}.menu{z-index:200;background:var(--bg-menu);border:1px solid var(--border);border-radius:var(--r-md);min-width:220px;max-width:320px;box-shadow:var(--shadow-2);padding:var(--s2) 0;animation:pop var(--dur-fast) var(--ease);max-height:min(70vh,520px);position:fixed;overflow-y:auto}@keyframes pop{0%{opacity:0;transform:scale(.97)translateY(-4px)}}.menu-item{align-items:center;gap:var(--s4);width:100%;min-height:40px;padding:0 var(--s4);text-align:left;font-size:var(--fs-md);display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface);outline:none}.menu-item svg{flex:none;width:20px;height:20px}.menu-item.danger{color:var(--danger)}.menu-sep{background:var(--border);height:1px;margin:var(--s2) 0}.menu-head{gap:var(--s3);padding:var(--s3) var(--s4);align-items:center;display:flex}dialog.modal{border-radius:var(--r-lg);background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-2);border:0;width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);padding:0}dialog.modal.wide{width:min(960px,100vw - 32px)}dialog.modal::backdrop{background:var(--overlay);animation:fade var(--dur) var(--ease)}dialog.modal[open]{animation:pop var(--dur) var(--ease);flex-direction:column;display:flex}.modal-head{align-items:center;gap:var(--s3);padding:var(--s4) var(--s4) var(--s4) var(--s5);border-bottom:1px solid var(--border);display:flex}.modal-head h2{font-size:var(--fs-lg);flex:1}.modal-body{padding:var(--s5);gap:var(--s4);flex-direction:column;display:flex;overflow-y:auto}.modal-foot{gap:var(--s2);padding:var(--s3) var(--s5) var(--s4);border-top:1px solid var(--border);justify-content:flex-end;display:flex}@media (width<=559px){dialog.modal{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100vw;max-width:100vw;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);margin:auto 0 0}}.toasts{left:var(--s5);bottom:var(--s5);z-index:300;gap:var(--s2);pointer-events:none;flex-direction:column;display:flex;position:fixed}@media (width<=791px){.toasts{left:var(--s3);right:var(--s3);bottom:calc(var(--bottom-nav-h) + var(--s3) + env(safe-area-inset-bottom))}}.toast{pointer-events:auto;align-items:center;gap:var(--s3);min-width:280px;max-width:480px;padding:var(--s3) var(--s4);border-radius:var(--r-sm);background:var(--text);color:var(--bg);box-shadow:var(--shadow-2);font-size:var(--fs-md);animation:toast-in var(--dur) var(--ease);display:flex}.toast.error{background:var(--danger-strong);color:#fff}.toast button{color:inherit;font-weight:var(--fw-semibold);padding:var(--s1) var(--s2);border-radius:4px;margin-left:auto}.toast button:hover{background:#ffffff26}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);color:#fff;font-size:var(--fs-xs);white-space:nowrap;pointer-events:none;z-index:210;background:#1e2424f2;border-radius:6px;padding:6px 8px;font-weight:400;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.watch{column-gap:var(--s5);max-width:1754px;padding-top:var(--s5);grid-template:"player side""main side"1fr/minmax(0,1fr) 402px;margin:0 auto;display:grid}.watch>.player-slot{grid-area:player;min-width:0}.watch>.watch-primary{gap:var(--s3);min-width:0;padding-top:var(--s3);flex-direction:column;grid-area:main;display:flex}.watch>.watch-secondary{gap:var(--s2);flex-direction:column;grid-area:side;min-width:0;display:flex}.watch.theater{grid-template-areas:"player player""main side";padding-top:0}.watch.theater>.player-slot{margin:0 calc(var(--s5) * -1)}.watch.theater>.watch-secondary{padding-top:var(--s3)}@media (width<=1015px){.watch,.watch.theater{grid-template-columns:minmax(0,1fr);grid-template-areas:"player""main""side";padding-top:0}.watch.theater>.player-slot{margin:0}.watch>.watch-secondary{padding:var(--s4)}}@media (width<=791px){.watch-primary>*{padding-left:var(--s4);padding-right:var(--s4)}.watch>.watch-secondary{padding:var(--s4) 0}}.watch-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);overflow-wrap:anywhere;line-height:1.35}.watch-actions{align-items:center;gap:var(--s3) var(--s2);flex-wrap:wrap;display:flex}.owner-row{align-items:center;gap:var(--s3);min-width:0;margin-right:var(--s3);display:flex}.owner-row .name{font-weight:var(--fw-semibold)}.watch-actions .actions{gap:var(--s2);scrollbar-width:none;margin-left:auto;display:flex;overflow-x:auto}.watch-actions .actions>*{flex:none}@media (width<=791px){.watch-actions .actions{width:100%;margin-left:0}}.description{background:var(--surface);border-radius:var(--r-md);padding:var(--s3);font-size:var(--fs-md)}.description.collapsed{cursor:pointer}.description.collapsed:hover{background:var(--surface-2)}.description .stats{font-weight:var(--fw-semibold);margin-bottom:var(--s1)}.description .body{white-space:pre-wrap;overflow-wrap:anywhere}.description.collapsed .body{max-height:3lh;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.ts-link:hover{text-decoration:underline}.chapter-list{gap:var(--s2);padding:var(--s2) 0;grid-auto-columns:180px;grid-auto-flow:column;display:grid;overflow-x:auto}.chapter-card{text-align:left;background:var(--bg);border-radius:var(--r-sm);padding:var(--s2) var(--s3);border:1px solid var(--border);font-size:var(--fs-sm)}.chapter-card:hover{border-color:var(--accent)}.chapter-card[aria-current=true]{border-color:var(--accent-ink);background:var(--surface)}.chapter-card b{color:var(--text-2);font-size:var(--fs-xs);display:block}.removed-banner{aspect-ratio:16/9;color:#fff;text-align:center;padding:var(--s5);border-radius:var(--r-lg);place-items:center;gap:var(--s3);background:#111;display:grid}.player-slot{position:relative}.player-placeholder{aspect-ratio:16/9;border-radius:var(--r-lg);background:#000}.player{border-radius:var(--r-lg);aspect-ratio:16/9;color:#fff;max-height:calc(100vh - var(--header-h) - 120px);-webkit-user-select:none;user-select:none;background:#000;outline:none;width:100%;position:relative;overflow:hidden}.player.theater{aspect-ratio:auto;border-radius:0;height:min(56.25vw,100vh - 160px);max-height:calc(100vh - 160px)}.player:fullscreen{aspect-ratio:auto;border-radius:0;height:100%;max-height:none}.player.mini{right:var(--s5);bottom:var(--s5);aspect-ratio:16/9;z-index:90;width:400px;height:auto;box-shadow:var(--shadow-2);border-radius:var(--r-md);max-height:none;position:fixed}@media (width<=791px){.player{border-radius:0;max-height:56.25vw}.player.mini{width:60vw;right:var(--s3);bottom:calc(var(--bottom-nav-h) + var(--s3))}}.player video{object-fit:contain;background:#000;width:100%;height:100%}.player video::cue{color:#fff;background:#000000c7;font-size:clamp(14px,2.4vw,26px);line-height:1.3}.player-click{position:absolute;inset:0}.player-center{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.player-flash{width:64px;height:64px;animation:flash .6s var(--ease) forwards;background:#0000008c;border-radius:50%;place-items:center;display:grid}.player-flash svg{fill:#fff;width:32px;height:32px}@keyframes flash{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.player-error{text-align:center;padding:var(--s5);place-items:center;gap:var(--s3);pointer-events:auto;background:#000c;display:grid;position:absolute;inset:0}.player-big-play{pointer-events:auto;background:#0009;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.player-big-play svg{fill:#fff;width:36px;height:36px;margin-left:4px}.player-chrome{padding:0 var(--s3) var(--s1);transition:opacity var(--dur) var(--ease);background:linear-gradient(#0000,#000000b8);padding-top:64px;position:absolute;inset:auto 0 0}.player.idle .player-chrome{opacity:0;pointer-events:none}.player.idle{cursor:none}.player-top{padding:var(--s3) var(--s4) 48px;font-size:var(--fs-lg);font-weight:var(--fw-medium);transition:opacity var(--dur);background:linear-gradient(#0009,#0000);display:none;position:absolute;inset:0 0 auto}:is(.player:fullscreen .player-top,.player.mini .player-top){display:block}.player.idle .player-top{opacity:0}.player.mini .player-top{font-size:var(--fs-sm);padding:var(--s2) var(--s2) 32px;gap:var(--s2);align-items:flex-start;display:flex}.timeline{cursor:pointer;touch-action:none;align-items:center;height:20px;display:flex;position:relative}.timeline-track{width:100%;height:3px;transition:height var(--dur-fast);background:#ffffff40;gap:2px;display:flex;position:relative}.timeline:hover .timeline-track,.timeline:focus-visible .timeline-track,.timeline.dragging .timeline-track{height:5px}.timeline-seg{background:#ffffff40;height:100%;position:relative;overflow:hidden}.timeline-seg .buf{background:#ffffff73;position:absolute;inset:0 auto 0 0}.timeline-seg .played{background:#ff1645;position:absolute;inset:0 auto 0 0}.timeline-thumb{width:13px;height:13px;transition:transform var(--dur-fast);background:#ff1645;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.timeline:hover .timeline-thumb,.timeline.dragging .timeline-thumb,.timeline:focus-visible .timeline-thumb{transform:translate(-50%,-50%)scale(1)}.timeline-tip{font-size:var(--fs-xs);white-space:nowrap;pointer-events:none;text-align:center;background:#000c;border-radius:6px;padding:4px 8px;position:absolute;bottom:24px;transform:translate(-50%)}.controls{align-items:center;gap:2px;height:44px;display:flex}.controls .icon-btn{color:#fff;width:40px;height:40px}.controls .icon-btn:hover:not(:disabled){background:#ffffff1f}.controls .icon-btn svg{width:22px;height:22px}.controls .icon-btn.on{color:#ff1645}.controls .time{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;margin:0 var(--s2);white-space:nowrap}.controls .chapter-name{font-size:var(--fs-sm);color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.volume{align-items:center;display:flex}.volume input{opacity:0;width:0;transition:width var(--dur) var(--ease), opacity var(--dur);accent-color:#fff;height:4px}.volume:hover input,.volume:focus-within input{opacity:1;width:72px;margin-right:var(--s2)}@media (hover:none){.volume input{display:none}}.player.mini .controls .hide-mini{display:none}.autoplay-toggle{font-size:var(--fs-xs);padding:0 var(--s2);color:#fff;align-items:center;gap:6px;display:flex}.autoplay-toggle .switch{width:32px;height:18px}.autoplay-toggle .switch:after{width:12px;height:12px}.autoplay-toggle .switch:checked:after{transform:translate(14px)}.settings-panel{right:var(--s3);border-radius:var(--r-md);width:260px;max-height:calc(100% - 80px);padding:var(--s2) 0;font-size:var(--fs-md);z-index:5;background:#1c1d21f2;position:absolute;bottom:60px;overflow-y:auto}.settings-panel button{width:100%;padding:var(--s2) var(--s4);align-items:center;gap:var(--s3);color:#fff;text-align:left;min-height:40px;display:flex}.settings-panel button:hover,.settings-panel button:focus-visible{background:#ffffff1a;outline:none}.settings-panel .val{color:#ffffffb3;font-size:var(--fs-sm);margin-left:auto}.settings-panel svg{width:20px;height:20px}.settings-panel .check{width:20px}.upnext{text-align:center;padding:var(--s5);z-index:6;background:#000000d1;place-items:center;display:grid;position:absolute;inset:0}.upnext-card{gap:var(--s3);flex-direction:column;align-items:center;max-width:360px;display:flex}.upnext-card img{border-radius:var(--r-md);aspect-ratio:16/9;object-fit:cover;width:100%}.ring{width:64px;height:64px}.kbd{font-family:var(--font-mono);font-size:var(--fs-xs);background:var(--surface);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:1px 6px}.comments-head{align-items:center;gap:var(--s5);margin:var(--s4) 0 var(--s5);display:flex}.comments-head h2{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.composer{gap:var(--s3);align-items:flex-start;display:flex}.composer-body{gap:var(--s2);flex-direction:column;flex:1;display:flex}.composer textarea{border:0;border-bottom:1px solid var(--border-strong);padding:var(--s1) 0;resize:none;background:0 0;border-radius:0;outline:none;width:100%;min-height:28px;line-height:1.5}.composer textarea:focus{border-bottom:2px solid var(--text)}.comment{gap:var(--s3);padding:var(--s3) 0;display:flex}.comment-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.comment-meta{align-items:center;gap:var(--s2);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.comment-meta .author{font-weight:var(--fw-semibold)}.comment-meta .creator{background:var(--surface-2);border-radius:var(--r-pill);padding:0 8px}.comment-text{font-size:var(--fs-md);white-space:pre-wrap;overflow-wrap:anywhere}.comment-actions{align-items:center;gap:var(--s1);font-size:var(--fs-sm);color:var(--text-2);margin-left:calc(var(--s2) * -1);display:flex}.comment-actions .icon-btn{width:32px;height:32px}.comment-actions .icon-btn svg{width:16px;height:16px}.heart-badge{display:inline-flex;position:relative}.heart-badge img{width:16px;height:16px}.heart-badge svg{width:12px;height:12px;fill:var(--live);color:var(--live);position:absolute;bottom:-4px;right:-6px}.replies-toggle{color:var(--text);font-weight:var(--fw-semibold);font-size:var(--fs-md);align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-pill);margin-left:calc(var(--s3) * -1);display:inline-flex}.replies-toggle:hover{background:var(--surface)}.held-note{font-size:var(--fs-xs);color:var(--warn);align-items:center;gap:4px;display:flex}.channel-banner{aspect-ratio:2048/400;border-radius:var(--r-lg);background:linear-gradient(120deg, var(--accent-soft), var(--surface-2));margin-top:var(--s4);overflow:hidden}.channel-banner img{object-fit:cover;width:100%;height:100%}@media (width<=791px){.channel-banner{border-radius:0;margin-top:0}}.channel-head{gap:var(--s5);padding:var(--s5) 0;align-items:center;display:flex}@media (width<=791px){.channel-head{padding:var(--s4);gap:var(--s4);align-items:flex-start}.channel-head .avatar{width:72px!important;height:72px!important}}.channel-head h1{font-size:var(--fs-3xl);font-weight:var(--fw-bold);letter-spacing:-.02em}@media (width<=791px){.channel-head h1{font-size:var(--fs-2xl)}}.tabs{gap:var(--s5);border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.tabs a,.tabs button{padding:var(--s3) 0;font-weight:var(--fw-medium);color:var(--text-2);white-space:nowrap;border-bottom:2px solid #0000}.tabs a:hover,.tabs button:hover{color:var(--text)}.tabs [aria-current=page],.tabs [aria-selected=true]{color:var(--text);border-bottom-color:var(--text)}@media (width<=791px){.tabs{padding:0 var(--s4)}}.shorts{height:calc(100dvh - var(--header-h));scroll-snap-type:y mandatory;scrollbar-width:none;overflow-y:scroll}.shorts::-webkit-scrollbar{display:none}.short{height:calc(100dvh - var(--header-h));scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;gap:var(--s4);padding:var(--s4) 0;display:flex}.short-stage{aspect-ratio:9/16;border-radius:var(--r-lg);color:#fff;background:#000;max-width:100vw;height:100%;position:relative;overflow:hidden}.short-stage video{object-fit:contain;width:100%;height:100%}.short-stage img.poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.short-overlay{padding:var(--s7) var(--s4) var(--s4);gap:var(--s2);background:linear-gradient(#0000,#000000bf);flex-direction:column;display:flex;position:absolute;inset:auto 0 0}.short-overlay .title{font-size:var(--fs-md)}.short-top{padding:var(--s3);justify-content:space-between;display:flex;position:absolute;inset:0 0 auto}.short-top .icon-btn{color:#fff;background:#00000059}.short-actions{gap:var(--s4);padding-bottom:var(--s4);flex-direction:column;align-self:flex-end;display:flex}.short-actions .act{font-size:var(--fs-xs);font-weight:var(--fw-semibold);flex-direction:column;align-items:center;gap:4px;display:flex}.short-actions .act .icon-btn{background:var(--surface);width:48px;height:48px}.short-actions .act .icon-btn[aria-pressed=true] svg{fill:currentColor}.short-progress{background:#ffffff4d;height:3px;position:absolute;inset:auto 0 0}.short-progress span{background:#fff;height:100%;display:block}.shorts-nav{right:var(--s5);gap:var(--s3);flex-direction:column;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.shorts-nav .icon-btn{background:var(--surface);width:56px;height:56px}@media (width<=791px){.shorts{height:calc(100dvh - var(--header-h) - var(--bottom-nav-h) - env(safe-area-inset-bottom))}.short{height:calc(100dvh - var(--header-h) - var(--bottom-nav-h) - env(safe-area-inset-bottom));padding:0}.short-stage{aspect-ratio:auto;border-radius:0;width:100%}.short-actions{right:var(--s2);z-index:2;position:absolute;bottom:80px}.short-actions .act{color:#fff;text-shadow:0 1px 2px #000}.short-actions .act .icon-btn{color:#fff;background:#00000059}.shorts-nav{display:none}}.sheet{z-index:120;background:var(--bg-menu);box-shadow:var(--shadow-2);flex-direction:column;display:flex;position:fixed}@media (width>=792px){.sheet{right:var(--s5);top:calc(var(--header-h) + var(--s4));bottom:var(--s4);border-radius:var(--r-lg);width:420px}}@media (width<=791px){.sheet{border-radius:var(--r-lg) var(--r-lg) 0 0;inset:30dvh 0 0}}.sheet-head{padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);align-items:center;display:flex}.sheet-head h2{font-size:var(--fs-lg);flex:1}.sheet-body{padding:0 var(--s4) var(--s4);flex:1;overflow-y:auto}.auth-wrap{min-height:calc(100vh - var(--header-h));padding:var(--s5) var(--s4);place-items:center;display:grid}.auth-card{gap:var(--s4);flex-direction:column;width:min(480px,100%);display:flex}.auth-card h1{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.01em}.onboard{gap:var(--s6);width:min(1000px,100%);padding:var(--s6) var(--s4);grid-template-columns:1fr 320px;margin:0 auto;display:grid}@media (width<=900px){.onboard{padding:var(--s5) var(--s4);grid-template-columns:1fr}}.private-box{border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--s4);gap:var(--s3);align-items:center;display:flex}.preview-card{top:calc(var(--header-h) + var(--s5));gap:var(--s3);flex-direction:column;display:flex;position:sticky}.avatar-options{gap:var(--s3);flex-wrap:wrap;display:flex}.avatar-option{align-items:center;gap:var(--s2);padding:var(--s3);border-radius:var(--r-md);border:2px solid var(--border);font-size:var(--fs-sm);flex-direction:column;min-width:104px;display:flex}.avatar-option[aria-checked=true]{border-color:var(--text-3);background:var(--surface)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--s7) var(--s5);align-items:center;gap:var(--s4);text-align:center;transition:background var(--dur), border-color var(--dur);flex-direction:column;display:flex}.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone .big-icon{background:var(--surface);border-radius:50%;place-items:center;width:120px;height:120px;display:grid}.dropzone .big-icon svg{width:52px;height:52px;color:var(--text-3)}.progress{border-radius:var(--r-pill);background:var(--surface-2);height:6px;overflow:hidden}.progress>span{background:var(--accent-ink);height:100%;transition:width var(--dur) linear;display:block}.progress.indeterminate>span{animation:indet 1.2s var(--ease) infinite;width:30%!important}@keyframes indet{0%{transform:translate(-100%)}to{transform:translate(350%)}}.upload-grid{gap:var(--s5);grid-template-columns:1fr 300px;display:grid}@media (width<=791px){.upload-grid{grid-template-columns:1fr}}.thumb-picker{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.thumb-picker button{border-radius:var(--r-sm);aspect-ratio:16/9;background:var(--surface);border:2px solid #0000;position:relative;overflow:hidden}.thumb-picker button[aria-pressed=true]{border-color:var(--accent)}.thumb-picker img{object-fit:cover;width:100%;height:100%}.settings{gap:var(--s6);max-width:1100px;padding-top:var(--s5);grid-template-columns:220px 1fr;margin:0 auto;display:grid}@media (width<=791px){.settings{gap:var(--s3);padding:var(--s3) var(--s4) 0;grid-template-columns:1fr}}.subnav{flex-direction:column;gap:2px;display:flex}@media (width<=791px){.subnav{scrollbar-width:none;flex-direction:row;overflow-x:auto}}.subnav a{padding:var(--s2) var(--s3);border-radius:var(--r-sm);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-2);gap:var(--s3);white-space:nowrap;align-items:center;display:flex}.subnav a svg{width:20px;height:20px}.subnav a:hover{background:var(--surface);color:var(--text)}.subnav a[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:inset 3px 0 0 var(--accent-ink)}.subnav a[aria-current=page] svg{color:var(--accent-ink)}.setting-row{gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.setting-row:last-child{border-bottom:0}.setting-row .txt{flex-direction:column;gap:2px;min-width:0;display:flex}.setting-row .txt b{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.setting-row .txt span{font-size:var(--fs-sm);color:var(--text-2)}.studio{min-height:calc(100vh - var(--header-h));grid-template-columns:240px 1fr;display:grid}.studio-nav{background:var(--bg-nav);border-right:1px solid var(--border);padding:var(--s4) var(--s3);top:var(--header-h);height:calc(100vh - var(--header-h));flex-direction:column;gap:2px;display:flex;position:sticky}.studio-nav .who{align-items:center;gap:var(--s2);padding:var(--s4) 0 var(--s5);text-align:center;flex-direction:column;display:flex}.studio-main{padding:var(--s5) var(--s6) var(--s7);min-width:0}@media (width<=1015px){.studio{grid-template-columns:1fr}.studio-nav{border-right:0;border-bottom:1px solid var(--border);height:auto;padding:var(--s2) var(--s3);scrollbar-width:none;flex-direction:row;position:static;overflow-x:auto}.studio-nav .who{display:none}.studio-main{padding:var(--s4)}}.kpis{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.kpi{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s4);flex-direction:column;gap:2px;min-width:0;display:flex}.kpi .k-label{font-size:var(--fs-sm);color:var(--text-2)}.kpi .k-value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kpi .k-delta{font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.kpi .k-delta.up{color:var(--success)}.kpi .k-delta.down{color:var(--danger)}.panels{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);gap:var(--s3);flex-direction:column;min-width:0;display:flex}.panel h2,.panel h3{font-size:var(--fs-base);font-weight:var(--fw-semibold)}.table-wrap{border:1px solid var(--border);border-radius:var(--r-md);overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}.table th{text-align:left;font-weight:var(--fw-medium);color:var(--text-2);font-size:var(--fs-sm);padding:var(--s3);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface)}.table td{padding:var(--s3);border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:color-mix(in srgb, var(--surface) 50%, transparent)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .thumb-cell{gap:var(--s3);align-items:center;min-width:280px;display:flex}.table .thumb-cell .thumb{border-radius:var(--r-sm);flex:none;width:120px}.bar-list{gap:var(--s2);flex-direction:column;display:flex}.bar-row{gap:var(--s3);font-size:var(--fs-sm);grid-template-columns:110px 1fr 56px;align-items:center;display:grid}.bar-row .bar{background:var(--chart-1);border-radius:0 4px 4px 0;min-width:2px;height:10px}.bar-row .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2)}.chart svg{width:100%;height:auto;overflow:visible}.chart .grid-line{stroke:var(--border);stroke-width:1px}.chart .axis-label{fill:var(--text-3);font-size:11px}.chart .series{fill:none;stroke:var(--chart-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .series-area{fill:color-mix(in srgb, var(--chart-1) 12%, transparent)}.chart .hover-line{stroke:var(--text-3);stroke-dasharray:3 3}.chart .dot{fill:var(--bg);stroke:var(--chart-1);stroke-width:2px}.chart-tip{pointer-events:none;background:var(--bg-menu);border:1px solid var(--border);box-shadow:var(--shadow-2);border-radius:var(--r-sm);padding:var(--s2) var(--s3);font-size:var(--fs-sm);white-space:nowrap;z-index:3;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.severity{width:28px;height:28px;font-weight:var(--fw-bold);font-size:var(--fs-sm);border-radius:50%;place-items:center;display:inline-grid}.severity.s5,.severity.s4{background:var(--danger);color:#fff}.severity.s3{background:var(--warn-soft);color:var(--warn)}.severity.s2,.severity.s1{background:var(--surface-2);color:var(--text-2)}.queue-item{gap:var(--s4);padding:var(--s4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elev);grid-template-columns:auto 1fr auto;display:grid}@media (width<=791px){.queue-item{grid-template-columns:auto 1fr}.queue-item .q-actions{grid-column:1/-1}}.q-actions{gap:var(--s2);flex-direction:column;min-width:180px;display:flex}.status-dot{background:var(--text-3);border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.ok{background:var(--success)}.status-dot.warn{background:var(--warn)}.status-dot.bad{background:var(--danger)}.help-article{max-width:760px;padding:var(--s5) var(--s4) var(--s7);margin:0 auto}.help-article h2{font-size:var(--fs-lg);margin:var(--s6) 0 var(--s2)}.help-article p,.help-article li{color:var(--text-2);line-height:1.7}details.faq{border-bottom:1px solid var(--border);padding:var(--s3) 0}details.faq summary{cursor:pointer;font-weight:var(--fw-semibold);justify-content:space-between;list-style:none;display:flex}details.faq summary:after{content:"+";color:var(--text-3)}details.faq[open] summary:after{content:"–"}details.faq p{margin-top:var(--s2)}.legal h2{scroll-margin-top:calc(var(--header-h) + var(--s4))}.legal ul{color:var(--text-2);line-height:1.7}.legal-meta{margin:0 0 var(--s5);font-size:var(--fs-md);grid-template-columns:max-content 1fr;gap:4px 16px;display:grid}.legal-meta>div{display:contents}.legal-meta dt{color:var(--text-3)}.legal-meta dd{margin:0}.legal-toc{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3) var(--s4);background:var(--bg-elev)}.legal-toc summary{cursor:pointer;font-weight:var(--fw-semibold)}.legal-toc ol{columns:2;column-gap:var(--s6);margin:var(--s3) 0 0;padding-left:var(--s5);font-size:var(--fs-md);line-height:1.9}@media (width<=559px){.legal-toc ol{columns:1}}mark.placeholder{background:var(--warn-soft);color:var(--warn);border-radius:4px;padding:0 4px}.agreement{border:1px solid var(--border-strong);border-radius:var(--r-md);padding:var(--s4);background:var(--bg-elev);gap:var(--s3);flex-direction:column;display:flex}.agreement ul{padding-left:var(--s5);color:var(--text-2);font-size:var(--fs-md);margin:0;line-height:1.7}.agreement .checkbox{font-weight:var(--fw-semibold)}.top-loader{z-index:400;pointer-events:none;height:3px;position:fixed;inset:0 0 auto;overflow:hidden}.top-loader:after{content:"";background:var(--accent-ink);width:40%;box-shadow:0 0 8px var(--accent-ink);animation:top-load 1.1s var(--ease) infinite;position:absolute;inset:0 auto 0 0}@keyframes top-load{0%{transform:translate(-100%)}to{transform:translate(260%)}}.award-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.award-tile{padding:var(--s5) var(--s3);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);flex-direction:column;align-items:center;gap:4px;display:flex}.award-tile:hover{background:var(--surface)}.award-tile[aria-pressed=true]{border-color:var(--accent-ink)}.award-tile b{font-size:var(--fs-2xl);font-variant-numeric:tabular-nums}.award-tile .badge{margin-top:var(--s2)}.award-icon{width:36px;height:36px;color:var(--accent-ink)}.award-tile.locked .award-icon{color:var(--text-3)}.award-thumb{object-fit:contain;width:56px;height:56px}.award-progress{width:100%;margin-top:var(--s2);flex-direction:column;gap:4px;display:flex}.award-image{border-radius:var(--r-md);align-self:center;max-width:min(100%,420px)}.award-won{align-items:flex-start}.award-review{gap:var(--s4);grid-template-columns:auto 1fr;align-items:start;display:grid}.award-review .name-check{align-items:center;gap:6px;display:inline-flex}@media (width<=600px){.award-review{grid-template-columns:1fr}}.switch-list{margin-bottom:var(--s4);flex-direction:column;gap:4px;display:flex}.switch-item{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-md);text-align:left;width:100%;display:flex}.switch-item:hover:not(:disabled){background:var(--surface)}.switch-item[aria-current=true]{background:var(--surface);cursor:default}.switch-item:disabled:not([aria-current]){opacity:.6}.switch-text{flex-direction:column;flex:1;min-width:0;display:flex}.switch-text b{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.check-list{gap:var(--s2);font-size:var(--fs-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.check-list li{gap:var(--s2);align-items:flex-start;display:flex}.check-list li svg{flex:none;margin-top:2px}.check-list li.ok svg{color:var(--success)}.check-list li.bad svg{color:var(--danger)}.mod-log{gap:var(--s2);font-size:var(--fs-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mod-log li{justify-content:space-between;gap:var(--s3);display:flex}.live-pill{background:var(--live);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.04em;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex;position:absolute;top:8px;left:8px}.live-pill.inline{vertical-align:middle;margin-right:6px;position:static}.live-card .duration{align-items:center;gap:3px;display:inline-flex}.live-thumb-fallback{background:var(--surface);place-items:center;display:grid;position:absolute;inset:0}.live-layout{gap:var(--s5);padding:var(--s5);grid-template-columns:minmax(0,1fr) 380px;max-width:1720px;margin:0 auto;display:grid}.live-main{gap:var(--s3);flex-direction:column;min-width:0;display:flex}@media (width<=1023px){.live-layout{padding:0 0 var(--s5);grid-template-columns:1fr}.live-main>:not(.live-player):not(.live-offline){padding:0 var(--s4)}}.live-player{aspect-ratio:16/9;border-radius:var(--r-lg);background:#000;position:relative;overflow:hidden}.live-player video{width:100%;height:100%;display:block}.live-player-wait{justify-content:center;align-items:center;gap:var(--s2);color:#fff;pointer-events:none;font-size:var(--fs-md);background:#00000073;display:flex;position:absolute;inset:0}.live-unmute{position:absolute;top:12px;left:12px}.live-offline{aspect-ratio:16/9;justify-content:center;align-items:center;gap:var(--s2);text-align:center;padding:var(--s5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;display:flex}.live-chat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);height:min(720px, calc(100dvh - var(--header-h) - 40px));top:calc(var(--header-h) + 16px);flex-direction:column;min-width:0;display:flex;position:sticky}@media (width<=1023px){.live-chat{height:460px;margin:0 var(--s4);position:static}}.live-chat-head{justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);display:flex}.live-chat-list{padding:var(--s2) 0;overscroll-behavior:contain;flex:1;overflow-y:auto}.chat-msg{gap:var(--s2);padding:4px var(--s4);font-size:var(--fs-md);align-items:flex-start;line-height:1.45;display:flex}.chat-msg:hover{background:var(--surface)}.chat-msg p{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.chat-author{color:var(--text-2);font-weight:var(--fw-semibold);margin-right:6px}.chat-author.owner{color:var(--accent-ink)}.chat-author.mod{color:#6ea8fe}.chat-badge{font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);color:var(--text-2);vertical-align:1px;border-radius:4px;margin-right:6px;padding:1px 5px}.chat-badge.owner{background:var(--accent);color:#fff}.chat-badge.mod{color:#cfe2ff;background:#1f3a5f}.chat-tools{opacity:0}.chat-msg:hover .chat-tools,.chat-tools:focus-visible,.chat-tools[aria-expanded=true]{opacity:1}@media (hover:none){.chat-tools{opacity:1}}.live-chat-send{gap:var(--s2);padding:var(--s3);border-top:1px solid var(--border);display:flex}.live-chat-off{padding:var(--s3) var(--s4);border-top:1px solid var(--border);margin:0}.golive{gap:var(--s5);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}@media (width<=1100px){.golive{grid-template-columns:1fr}.golive .live-chat{height:460px;margin:0;position:static}}.golive-preview{aspect-ratio:16/9;border-radius:var(--r-lg);background:#000;position:relative;overflow:hidden}.golive-preview video{object-fit:contain;width:100%;height:100%;display:block}.golive-empty{justify-content:center;align-items:center;gap:var(--s2);color:#c7c9cf;font-size:var(--fs-md);flex-direction:column;display:flex;position:absolute;inset:0}.golive-status{align-items:center;gap:var(--s3);color:#fff;border-radius:var(--r-pill);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;background:#0009;padding:4px 10px 4px 4px;display:flex;position:absolute;top:12px;left:12px}.golive-status .live-pill{position:static}.golive-status span{align-items:center;gap:4px;display:inline-flex}.steps{color:var(--text-2);gap:6px;margin:0;padding-left:1.3em;display:grid}.steps b{color:var(--text);font-weight:var(--fw-medium)}.pulse-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.pulse-dot{animation:none}}.signin-choices{gap:var(--s3);display:grid}.signin-choice{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4);gap:var(--s2);display:grid}.signin-choice h2{font-size:var(--fs-lg);align-items:center;gap:8px;margin:0;display:flex}.signin-choice p{margin:0}.queue-item.focused,.panel.focused{outline:2px solid var(--accent);outline-offset:2px}.site-footer{margin:var(--s8,64px) calc(-1 * var(--s5)) 0;padding:var(--s7) var(--s6) var(--s5);border-top:1px solid var(--border);background:var(--bg-nav)}.footer-top{gap:var(--s6);grid-template-columns:1.4fr repeat(3,1fr);max-width:1200px;margin:0 auto;display:grid}.footer-brand{gap:var(--s3);align-content:start;justify-items:start;display:grid}.footer-brand p{color:var(--text-2);margin:0}.footer-col h2{font-size:var(--fs-md);margin:0 0 var(--s3)}.footer-col ul,.footer-bottom ul{margin:0;padding:0;list-style:none}.footer-col li{margin:0 0 var(--s2)}.footer-col a,.footer-bottom a{color:var(--text-2)}.footer-col a:hover,.footer-bottom a:hover{color:var(--text);text-decoration:underline}.footer-bottom{max-width:1200px;margin:var(--s6) auto 0;padding-top:var(--s4);border-top:1px solid var(--border);gap:var(--s3) var(--s5);font-size:var(--fs-sm);color:var(--text-2);flex-wrap:wrap;align-items:center;display:flex}.footer-bottom ul{gap:var(--s2) var(--s4);flex-wrap:wrap;display:flex}.footer-note{flex-basis:100%;margin:0}@media (width<=900px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=791px){.site-footer{margin:var(--s7) 0 0;padding:var(--s6) var(--s4) var(--s5)}}@media (width<=480px){.footer-top{grid-template-columns:1fr}}.policy-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.policy-card{padding:var(--s4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elev);color:var(--text);gap:6px;display:grid}.policy-card:hover{border-color:var(--accent)}.help-article .lead{font-size:var(--fs-lg);color:var(--text)}.help-article h2 svg{vertical-align:-3px;color:var(--accent-ink);margin-right:6px}.verified.staff{color:var(--accent);fill:var(--accent)}.short-card-wrap{position:relative}.short-card-wrap .card-title{padding-right:32px}.short-card-menu{position:absolute;bottom:22px;right:0}.staff-standing{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.staff-actions{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;display:grid}.radio-card.danger span{color:var(--danger)}.channel-banner{position:relative}.banner-edit{color:#fff;background:#0009;position:absolute;bottom:12px;right:12px}.banner-preview{margin-top:0}.storyboard-frame{box-sizing:content-box;background-repeat:no-repeat;border:2px solid #fff;border-radius:6px;margin:0 auto 4px}.short-scrub{cursor:pointer;touch-action:none;z-index:3;align-items:flex-end;height:18px;display:flex;position:absolute;inset:auto 0 0}.short-scrub-track{background:#ffffff4d;width:100%;height:3px;transition:height .12s}.short-scrub-track span{background:var(--accent);height:100%;display:block}.short-scrub:hover .short-scrub-track,.short-scrub.dragging .short-scrub-track,.short-scrub:focus-visible .short-scrub-track{height:6px}.short-scrub-thumb{background:var(--accent);opacity:0;border-radius:50%;width:14px;height:14px;transition:opacity .12s;position:absolute;bottom:-4px;transform:translate(-50%)}.short-scrub:hover .short-scrub-thumb,.short-scrub.dragging .short-scrub-thumb{opacity:1}.short-scrub-tip{color:#fff;text-shadow:0 1px 3px #000c;pointer-events:none;justify-items:center;gap:4px;font-weight:600;display:grid;position:absolute;bottom:28px;transform:translate(-50%)}.channel-head h1 .verified.staff{fill:var(--accent);opacity:1}.thumb-picker{gap:var(--s3);flex-wrap:wrap;align-items:flex-start;display:flex}.thumb-picker-img{aspect-ratio:16/9;border-radius:var(--r-md);border:1px dashed var(--border-strong,var(--border));background:var(--surface);width:192px;color:var(--text-2);cursor:pointer;font:inherit;font-size:var(--fs-sm);place-items:center;padding:0;display:grid;overflow:hidden}.thumb-picker-img img{object-fit:cover;width:100%;height:100%;display:block}.thumb-picker-img:hover{border-color:var(--text-2)}.live-pill.upcoming{background:#000000bf}.live-offline.has-poster{color:#fff;background:#000;border:0;position:relative;overflow:hidden}.live-offline.has-poster>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.live-offline.has-poster:after{content:"";background:linear-gradient(#00000040,#000c);position:absolute;inset:0}.live-offline.has-poster>:not(img){z-index:1;position:relative}.live-offline.has-poster .subtle{color:#fffc}.upcoming-row{gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--border);align-items:center;display:flex}.upcoming-row:last-child{border-bottom:0}.upcoming-row .thumb-mini{aspect-ratio:16/9;border-radius:var(--r-sm,6px);background:var(--surface);width:112px;color:var(--text-2);flex:none;place-items:center;display:grid;overflow:hidden}.upcoming-row .thumb-mini img{object-fit:cover;width:100%;height:100%}
