:root{--bg-base:#07090b;--bg-surface:#0f1114;--bg-elevated:#16191d;--bg-overlay:#1d2126;--bg-scrim:#030507b8;--border:#24282e;--border-strong:#32373e;--fg:#f5f7f8;--fg-muted:#9aa2ab;--fg-subtle:#676e76;--accent:#ff8a1f;--chart-1:#e06d0a;--accent-hover:#f07400;--accent-press:#d96200;--accent-fg:#140a02;--accent-soft:color-mix(in oklab, var(--accent) 14%, var(--bg-surface));--accent-ring:color-mix(in oklab, var(--accent) 55%, transparent);--scan-bg:#fff;--scan-fg:#07090b;--live:#e00e40;--live-hover:#c20c38;--live-soft:#e00e4024;--success:#22c55e;--warning:#f5a623;--danger:#ef4444;--danger-hover:#d93434;--danger-soft:color-mix(in oklab, var(--danger) 14%, var(--bg-surface));--info:#3b9eff;--tier-1:#6ea8ff;--tier-2:#a78bfa;--tier-3:#ffd43b;--mod:#22c55e;--vip:#ec4899;--broadcaster:var(--live);--font-sans:"Inter", "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-display:32px;--lh-display:40px;--fs-h1:24px;--lh-h1:32px;--fs-h2:20px;--lh-h2:28px;--fs-h3:16px;--lh-h3:24px;--fs-body:14px;--lh-body:20px;--fs-small:13px;--lh-small:18px;--fs-caption:12px;--lh-caption:16px;--fs-micro:11px;--lh-micro:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 32px #0000008c;--glow-accent:0 0 0 1px var(--accent-ring), 0 4px 24px -4px color-mix(in oklab, var(--accent) 40%, transparent);--dur-micro:.1s;--dur-fast:.15s;--dur-base:.2s;--dur-slow:.25s;--ease-out:cubic-bezier(.2, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1);--topbar-h:56px;--sidebar-w:240px;--sidebar-w-collapsed:72px;--chat-w:340px;--chat-w-min:300px;--chat-w-max:440px;--control-h-sm:28px;--control-h:36px;--control-h-lg:44px;--avatar-xs:20px;--avatar-sm:28px;--avatar-md:40px;--avatar-lg:64px;--avatar-xl:96px;--icon-sm:16px;--icon-md:20px;--icon-lg:28px;--cover-fg:#fff;--cover-scrim:#0000008c;--cover-1a:#ff4655;--cover-1b:#2a0910;--cover-2a:#2f6bff;--cover-2b:#08122e;--cover-3a:#f08a24;--cover-3b:#241105;--cover-4a:#3fae4f;--cover-4b:#0a200e;--cover-5a:#8b5cf6;--cover-5b:#170c30;--cover-6a:#e0478f;--cover-6b:#26091a;--cover-7a:#14b8a6;--cover-7b:#05221f;--cover-8a:#22a5e8;--cover-8b:#071733;--cover-9a:#f5b014;--cover-9b:#241603;--cover-0a:#64748b;--cover-0b:#0e1319;--z-sticky:100;--z-dropdown:200;--z-scrim:300;--z-modal:400;--z-toast:500;--z-tooltip:600}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-base:#fff;--bg-surface:#f6f7f9;--bg-elevated:#fff;--bg-overlay:#eef0f3;--bg-scrim:#0c0f1373;--border:#e2e5e9;--border-strong:#cdd2d8;--fg:#0d1014;--fg-muted:#585f67;--fg-subtle:#868d95;--accent:#c45800;--chart-1:#c45800;--accent-hover:#a84a00;--accent-press:#8d3e00;--accent-fg:#fff;--live:#c20c38;--live-hover:#a60a2f;--live-soft:#c20c381a;--success:#15794a;--warning:#9a6200;--danger:#c2203c;--danger-hover:#a51a32;--info:#1668c7;--shadow-sm:0 1px 2px #0d101414;--shadow-md:0 4px 12px #0d10141a;--shadow-lg:0 12px 32px #0d101424}}:root[data-theme=light]{--bg-base:#fff;--bg-surface:#f6f7f9;--bg-elevated:#fff;--bg-overlay:#eef0f3;--bg-scrim:#0c0f1373;--border:#e2e5e9;--border-strong:#cdd2d8;--fg:#0d1014;--fg-muted:#585f67;--fg-subtle:#868d95;--accent:#c45800;--chart-1:#c45800;--accent-hover:#a84a00;--accent-press:#8d3e00;--accent-fg:#fff;--live:#c20c38;--live-hover:#a60a2f;--live-soft:#c20c381a;--success:#15794a;--warning:#9a6200;--danger:#c2203c;--danger-hover:#a51a32;--info:#1668c7;--shadow-sm:0 1px 2px #0d101414;--shadow-md:0 4px 12px #0d10141a;--shadow-lg:0 12px 32px #0d101424}:root[data-theme=night]{--bg-base:#000;--bg-surface:#0a0c0e;--bg-elevated:#121519;--bg-overlay:#191d22;--bg-scrim:#000c;--border:#1e2227;--border-strong:#2e343b;--fg:#fff;--fg-muted:#a2aab2;--fg-subtle:#6d757d;--accent:#ff8a1f;--chart-1:#e06d0a;--accent-hover:#ffa047;--accent-press:#f07400;--accent-fg:#140a02;--live:#ff1f4f;--live-hover:#e00e40;--live-soft:#ff1f4f24;--success:#2ad36a;--warning:#ffb02e;--danger:#ff4d4d;--danger-hover:#ef3b3b;--info:#4aa8ff;--shadow-sm:0 0 0 1px var(--border);--shadow-md:0 8px 24px #000000e6, 0 0 0 1px var(--border);--shadow-lg:0 16px 48px #000000f2, 0 0 0 1px var(--border-strong)}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-base);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400;line-height:1.45}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;margin:0}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}a:not(.btn):hover{color:var(--accent)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent);color:var(--accent-fg)}.t-display{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:-.02em;font-weight:700}.t-h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:-.015em;font-weight:700}.t-h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:-.01em;font-weight:600}.t-h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:600}.t-body{font-size:var(--fs-body);line-height:var(--lh-body)}.t-strong{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:600}.t-small{font-size:var(--fs-small);line-height:var(--lh-small)}.t-caption{font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:500}.t-micro{font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.04em;font-weight:700}.t-muted{color:var(--fg-muted)}.t-subtle{color:var(--fg-subtle)}.t-accent{color:var(--accent)}.t-live{color:var(--live)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--fg-subtle);background-clip:content-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.brand{align-items:center;gap:calc(var(--brand-size,30px) * .24);color:var(--accent);display:inline-flex}.brand__mark{width:var(--brand-size,30px);height:var(--brand-size,30px);flex:none}.brand__word{font-size:var(--brand-size,30px);letter-spacing:-.045em;color:var(--fg);font-weight:800;line-height:1}.brand--lg{--brand-size:46px}.brand--md{--brand-size:30px}.brand--sm{--brand-size:24px}.brand--xs{--brand-size:20px}.brand--mark-only .brand__word{display:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-small);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-micro) var(--ease-out);border:1px solid #0000;font-weight:700;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(.98)}.btn svg{width:var(--icon-sm);height:var(--icon-sm);flex:none}.btn--primary{background:var(--accent);color:var(--accent-fg)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg-overlay);color:var(--fg);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--fg-subtle)}.btn--ghost{color:var(--fg-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--fg)}.btn--outline{color:var(--accent);border-color:var(--accent-ring);background:0 0}.btn--outline:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.btn--live{background:var(--live);color:#fff}.btn--live:hover:not(:disabled){background:var(--live-hover)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:var(--danger-hover)}.btn--sm{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--fs-caption)}.btn--lg{height:var(--control-h-lg);padding:0 var(--space-5);font-size:var(--fs-body)}.btn--lg svg{width:var(--icon-md);height:var(--icon-md)}.btn--block{width:100%}.btn--icon{width:var(--control-h);padding:0}.btn--icon.btn--sm{width:var(--control-h-sm)}.btn--icon.btn--lg{width:var(--control-h-lg)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn.is-loading{pointer-events:none}.btn.is-loading .btn__label{opacity:.55}.btn.is-loading:before{content:"";border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.btn-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:.06em;font-weight:700;display:inline-flex}.badge--live{background:var(--live);color:#fff}.badge--accent{background:var(--accent);color:var(--accent-fg)}.badge--team{background:var(--bg-scrim);color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge--mature{background:var(--bg-scrim);color:var(--warning)}.badge--neutral{background:var(--bg-overlay);color:var(--fg-muted);letter-spacing:0}.badge--verified{background:var(--info);color:#fff}.chip{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--bg-overlay);color:var(--fg-muted);font-size:var(--fs-caption);line-height:var(--lh-caption);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);display:inline-flex}a.chip:hover,button.chip:hover{background:var(--bg-elevated);color:var(--fg)}.chip--active{background:var(--accent-soft);color:var(--accent)}.chip-row{gap:var(--space-1);flex-wrap:wrap;display:flex}.chip--button{cursor:pointer;border:1px solid #0000}.chip--button:hover:not(:disabled){background:var(--bg-elevated);color:var(--fg)}.chip--button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip--button:active:not(:disabled){transform:scale(.97)}.chip--button:disabled{opacity:.45;cursor:not-allowed}.chip--button.chip--active:hover:not(:disabled){background:var(--accent);color:var(--accent-fg)}.dot{border-radius:var(--radius-full);background:var(--live);flex:none;width:6px;height:6px}.dot--pulse{animation:pulse 2s var(--ease-out) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.avatar{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full);background:var(--bg-elevated);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.avatar__fallback{width:58%;height:58%;color:var(--avatar-tint,var(--accent))}.avatar__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avatar--photo{background:linear-gradient(140deg,#3a4452,#1b2027)}.avatar--photo .avatar__fallback{display:none}.avatar--xs{width:var(--avatar-xs);height:var(--avatar-xs)}.avatar--sm{width:var(--avatar-sm);height:var(--avatar-sm)}.avatar--lg{width:var(--avatar-lg);height:var(--avatar-lg)}.avatar--xl{width:var(--avatar-xl);height:var(--avatar-xl)}.avatar-ring{flex:none;display:inline-flex;position:relative}.avatar-ring--live{box-shadow:0 0 0 2px var(--live), 0 0 0 4px var(--bg-surface);border-radius:var(--radius-full)}.avatar-ring--offline{opacity:.55}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--fs-small);color:var(--fg);font-weight:600}.field__hint{font-size:var(--fs-caption);color:var(--fg-subtle)}.field__error{font-size:var(--fs-caption);color:var(--danger)}.input,.textarea,.select{height:var(--control-h);padding:0 var(--space-3);background:var(--bg-overlay);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg);font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out)}.textarea{height:auto;min-height:88px;padding:var(--space-3);line-height:var(--lh-body);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--fg-subtle)}.input:hover,.textarea:hover,.select:hover{border-color:var(--border-strong)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);background:var(--bg-elevated)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.input:disabled,.textarea:disabled,.select:disabled{opacity:.5;cursor:not-allowed}.select{appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg, transparent 50%, var(--fg-muted) 50%), linear-gradient(135deg, var(--fg-muted) 50%, transparent 50%);background-position:calc(100% - 18px) 16px,calc(100% - 13px) 16px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.search{align-items:center;display:flex;position:relative}.search .input{width:100%;padding-left:var(--space-10)}.search__icon{left:var(--space-3);width:var(--icon-sm);height:var(--icon-sm);color:var(--fg-subtle);pointer-events:none;position:absolute}.search input::-webkit-search-cancel-button{appearance:none}.search__kbd{right:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--fg-subtle);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);pointer-events:none;padding:2px 6px;position:absolute}.search__results{top:calc(100% + var(--space-1));z-index:var(--z-dropdown);max-height:min(480px,70vh);animation:search-results-in var(--dur-base) var(--ease-out) both;position:absolute;left:0;right:0;overflow-y:auto}.search__opt{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--fg);transition:background-color var(--dur-micro) var(--ease-out);display:flex}.search__opt:hover,.search__opt[aria-selected=true]{background:var(--bg-overlay)}.search__opt-text{flex-direction:column;flex:1;min-width:0;display:flex}.search__opt-name{font-size:var(--fs-small);font-weight:600}.search__opt-meta{font-size:var(--fs-caption);color:var(--fg-muted)}.search__all{font-size:var(--fs-small);color:var(--accent)}@keyframes search-results-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.search__results{animation:none}}.switch{align-items:center;gap:var(--space-3);cursor:pointer;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-full);width:38px;height:22px;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);position:relative}.switch__track:after{content:"";background:var(--fg-muted);border-radius:var(--radius-full);width:16px;height:16px;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);position:absolute;top:2px;left:2px}.switch input:checked+.switch__track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch__track:after{background:var(--accent-fg);transform:translate(16px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.switch:has(input:disabled){cursor:not-allowed;opacity:.5}.switch input:disabled+.switch__track{cursor:not-allowed}.keyfield{gap:var(--space-2);display:flex}.keyfield .input{font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.02em;flex:1}.tabs{gap:var(--space-5);border-bottom:1px solid var(--border);display:flex}.tab{padding:var(--space-3) 0;font-size:var(--fs-body);color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-out);font-weight:600;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--fg)}.tab[aria-selected=true]:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.segmented{background:var(--bg-overlay);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;display:inline-flex}.segmented__opt{align-items:center;gap:var(--space-2);height:calc(var(--control-h) - 6px);padding:0 var(--space-3);border-radius:calc(var(--radius-md) - 2px);font-size:var(--fs-caption);color:var(--fg-muted);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:600;display:inline-flex}.segmented__opt:hover{color:var(--fg)}.segmented__opt[aria-pressed=true],.segmented__opt[aria-checked=true]{background:var(--bg-elevated);color:var(--fg);box-shadow:var(--shadow-sm)}.segmented__opt svg{flex:none;width:14px;height:14px}.segmented--sm .segmented__opt{height:calc(var(--control-h-sm) - 6px);padding:0 var(--space-2)}.pillbar{gap:var(--space-2);flex-wrap:wrap;display:flex}.pill{align-items:center;gap:var(--space-2);height:var(--control-h-sm);padding:0 var(--space-3);background:var(--bg-overlay);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--fs-caption);color:var(--fg-muted);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);font-weight:600;display:inline-flex}.pill:hover{background:var(--bg-elevated);color:var(--fg)}.pill[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-ring);color:var(--accent)}.grid-channels{gap:var(--space-4) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.grid-categories{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid}.card{gap:var(--space-2);flex-direction:column;display:flex}.thumb{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(110% 90% at 22% 18%, var(--bg-overlay) 0%, transparent 58%), linear-gradient(145deg, var(--bg-elevated) 0%, var(--bg-base) 100%);transition:border-color var(--dur-fast) var(--ease-out);position:relative;overflow:hidden}.thumb__tl{top:var(--space-2);left:var(--space-2);position:absolute}.thumb__tr{top:var(--space-2);right:var(--space-2);position:absolute}.thumb__bl{bottom:var(--space-2);left:var(--space-2);position:absolute}.thumb__br{bottom:var(--space-2);right:var(--space-2);position:absolute}.ovl{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--bg-scrim);color:#fff;font-family:var(--font-mono);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:inline-flex}.card__body{gap:var(--space-2);display:flex}.card__text{flex-direction:column;gap:1px;min-width:0;display:flex}.card__title{font-size:var(--fs-small);color:var(--fg);font-weight:600;line-height:1.35}.card__chan{font-size:var(--fs-caption);color:var(--fg-muted)}.card__cat{font-size:var(--fs-caption);color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-out)}.card__cat:hover{color:var(--accent)}.card:hover .thumb{border-color:var(--accent-ring)}.card:hover .card__title{color:var(--accent)}.card-cat{gap:var(--space-2);flex-direction:column;display:flex}.card-cat__art{aspect-ratio:2/3;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(160deg, var(--bg-overlay), var(--bg-base));transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}.card-cat:hover .card-cat__art{border-color:var(--accent-ring);transform:translateY(-3px)}.cover{isolation:isolate;color:var(--cover-fg);background:radial-gradient(90% 55% at 25% 12%, color-mix(in oklab, var(--a) 60%, transparent) 0%, transparent 70%), linear-gradient(180deg, color-mix(in oklab, var(--a) 85%, var(--b)) 0%, var(--b) 78%);position:relative;overflow:hidden;container-type:inline-size}.cover:before{content:"";z-index:-1;background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--cover-fg) 5%, transparent) 0 2px, transparent 2px 14px);position:absolute;inset:0}.cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover__echo{z-index:-1;opacity:.1;width:105cqw;height:105cqw;position:absolute;bottom:8cqw;right:-28cqw;transform:rotate(-14deg)}.cover__glyph{width:40cqw;height:40cqw;filter:drop-shadow(0 6px 18px var(--cover-scrim));position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.cover__kind{border-radius:var(--radius-sm);background:var(--cover-scrim);letter-spacing:.06em;padding:1.5cqw 3.5cqw;font-size:max(9px,5cqw);font-weight:700;position:absolute;top:6cqw;left:6cqw}.cover__name{letter-spacing:-.02em;text-wrap:balance;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11.5cqw;font-weight:800;line-height:1.05;display:-webkit-box;position:absolute;bottom:7cqw;left:7cqw;right:7cqw;overflow:hidden}.cover--1{--a:var(--cover-1a);--b:var(--cover-1b)}.cover--2{--a:var(--cover-2a);--b:var(--cover-2b)}.cover--3{--a:var(--cover-3a);--b:var(--cover-3b)}.cover--4{--a:var(--cover-4a);--b:var(--cover-4b)}.cover--5{--a:var(--cover-5a);--b:var(--cover-5b)}.cover--6{--a:var(--cover-6a);--b:var(--cover-6b)}.cover--7{--a:var(--cover-7a);--b:var(--cover-7b)}.cover--8{--a:var(--cover-8a);--b:var(--cover-8b)}.cover--9{--a:var(--cover-9a);--b:var(--cover-9b)}.cover--0{--a:var(--cover-0a);--b:var(--cover-0b)}.qrbox{padding:var(--space-3);background:var(--scan-bg);border-radius:var(--radius-md);flex:none;display:inline-flex}.qrbox img{width:176px;height:176px;image-rendering:pixelated;display:block}.codes{gap:var(--space-2) var(--space-4);padding:var(--space-4);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--fs-small);font-variant-numeric:tabular-nums;color:var(--fg);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.codes li{letter-spacing:.04em}.side-row{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--dur-fast) var(--ease-out);display:flex}.side-row:hover{background:var(--bg-elevated)}.side-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.side-row__name{font-size:var(--fs-small);color:var(--fg);font-weight:600}.side-row__cat{font-size:var(--fs-caption);color:var(--fg-muted)}.side-row__count{align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:var(--fg);display:flex}.side-head{padding:var(--space-2) var(--space-2) var(--space-2);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;color:var(--fg-subtle)}.topbar{height:var(--topbar-h);align-items:center;gap:var(--space-5);padding:0 var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex}.topbar__nav{gap:var(--space-5);display:flex}.topbar__link{font-size:var(--fs-body);color:var(--fg-muted);font-weight:600}.topbar__link:hover,.topbar__link--active{color:var(--fg)}.topbar__spacer{min-width:var(--space-4);flex:1}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.panel__head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.panel__body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.section-head{align-items:center;gap:var(--space-2);display:flex}.section-head h2{font-size:var(--fs-h3);font-weight:700}.stat{gap:var(--space-1);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.stat__label{font-size:var(--fs-caption);color:var(--fg-muted)}.stat__value{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-weight:700}.stat__delta{font-size:var(--fs-caption);font-variant-numeric:tabular-nums;font-weight:600}.stat__delta--up{color:var(--success)}.stat__delta--down{color:var(--danger)}.stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat__value--sm{font-size:var(--fs-h2);line-height:var(--lh-h2)}.chart{-webkit-user-select:none;user-select:none;width:100%;position:relative}.chart svg{width:100%;display:block;overflow:visible}.chart:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-md)}.chart__grid{stroke:var(--border);stroke-width:1px;shape-rendering:crispedges}.chart__tick{fill:var(--fg-subtle);font-family:var(--font-mono);font-size:var(--fs-micro);font-variant-numeric:tabular-nums}.chart__bar{fill:var(--chart-1);transition:opacity var(--dur-fast) var(--ease-out)}.chart__bar--dim{opacity:.45}.chart__hit{fill:#0000;cursor:default;outline:none}.chart__line{fill:none;stroke:var(--chart-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart__area{fill:color-mix(in oklab, var(--chart-1) 10%, transparent)}.chart__cross{stroke:var(--fg-subtle);stroke-width:1px;shape-rendering:crispedges}.chart__dot{fill:var(--chart-1);stroke:var(--bg-surface);stroke-width:2px}.chart__label{fill:var(--fg);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;font-weight:600}.chart__tip{padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:none;white-space:nowrap;z-index:var(--z-dropdown);flex-direction:column;gap:2px;display:flex;position:absolute;top:0}.chart__tip-value{font-size:var(--fs-small);color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700}.chart__tip-label{font-size:var(--fs-caption);color:var(--fg-muted)}.chart__table summary{cursor:pointer;font-size:var(--fs-caption);color:var(--fg-muted)}.chart__table summary:hover{color:var(--fg)}.chart__table summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart__table .table-wrap{margin-top:var(--space-2);max-height:280px;overflow-y:auto}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;background:var(--bg-surface);width:100%}.table th,.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);font-weight:500}.table td{font-size:var(--fs-small)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--bg-elevated)}.table .num{text-align:right;font-family:var(--font-mono)}.media-edit{border-radius:inherit;background:var(--bg-scrim);color:#fff;opacity:0;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.media-edit:hover,.media-edit:focus-visible,.media-edit[aria-busy=true]{opacity:1}.media-edit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.media-edit--corner{inset:auto var(--space-4) var(--space-4) auto;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-caption);align-items:center;font-weight:600;display:inline-flex}:hover>.media-edit--corner{opacity:1}@media (hover:none){.media-edit--corner{opacity:1}}@media (prefers-reduced-motion:reduce){.media-edit{transition:none}}.menu{min-width:200px;padding:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.menu__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--fg);transition:background-color var(--dur-micro) var(--ease-out);display:flex}.menu__item:hover{background:var(--bg-overlay);color:var(--fg)}.menu__item--danger{color:var(--danger)}.menu__sep{background:var(--border);height:1px;margin:var(--space-1) 0}.tooltip{padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-size:var(--fs-caption);color:var(--fg);white-space:nowrap}.scrim{background:var(--bg-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--z-scrim);position:fixed;inset:0}.dialog{width:min(480px, calc(100vw - var(--space-8)));background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.dialog__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3);display:flex}.dialog__title{font-size:var(--fs-h3);font-weight:700}.dialog__body{padding:0 var(--space-5) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.dialog__foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border-top:1px solid var(--border);display:flex}.toast{align-items:flex-start;gap:var(--space-3);min-width:280px;max-width:420px;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--fg-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--fs-small);display:flex}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--live{border-left-color:var(--live)}.toast--accent{border-left-color:var(--accent)}.toast__title{color:var(--fg);font-weight:600}.toast__text{color:var(--fg-muted)}.banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);font-size:var(--fs-small);color:var(--fg-muted);display:flex}.banner--warning{border-color:color-mix(in oklab, var(--warning) 40%, transparent);background:color-mix(in oklab, var(--warning) 8%, var(--bg-surface))}.banner--danger{border-color:color-mix(in oklab, var(--danger) 40%, transparent);background:color-mix(in oklab, var(--danger) 8%, var(--bg-surface))}.banner--accent{border-color:var(--accent-ring);background:var(--accent-soft)}.banner--success{border-color:color-mix(in oklab, var(--success) 40%, transparent);background:color-mix(in oklab, var(--success) 8%, var(--bg-surface))}.banner--success .banner__icon{color:var(--success)}.banner strong{color:var(--fg);font-weight:600}.imgdrop{gap:var(--space-3);flex-direction:column;display:flex}.imgdrop__frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);background-image:linear-gradient(45deg, var(--bg-surface) 25%, transparent 25%), linear-gradient(-45deg, var(--bg-surface) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--bg-surface) 75%), linear-gradient(-45deg, transparent 75%, var(--bg-surface) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.imgdrop__frame--wide{aspect-ratio:4}.imgdrop__frame--video{aspect-ratio:16/9}.imgdrop__frame img{object-fit:cover;width:100%;height:100%;display:block}.imgdrop__empty{align-items:center;gap:var(--space-2);color:var(--fg-subtle);font-size:var(--fs-caption);text-align:center;padding:var(--space-4);flex-direction:column;display:flex}.imgdrop__empty svg{width:var(--icon-lg);height:var(--icon-lg)}.imgdrop__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.meter{background:var(--bg-overlay);border-radius:var(--radius-full);height:6px;display:block;overflow:hidden}.meter__fill{background:var(--accent);border-radius:var(--radius-full);height:100%;transition:width var(--dur-base) var(--ease-out);display:block}.meter__fill--warning{background:var(--warning)}.meter__fill--danger{background:var(--danger)}.meter__fill--success{background:var(--success)}.sk{background:linear-gradient(90deg, var(--bg-overlay) 0%, var(--bg-elevated) 40%, var(--bg-overlay) 80%);border-radius:var(--radius-sm);background-size:300% 100%;animation:1.4s linear infinite shimmer}.sk--thumb{aspect-ratio:16/9;border-radius:var(--radius-lg)}.sk--line{height:12px}.sk--line-sm{height:10px}.sk--avatar{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full)}@keyframes shimmer{to{background-position:-300% 0}}.state{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-5);text-align:center;flex-direction:column;display:flex}.state__icon{border-radius:var(--radius-full);background:var(--bg-overlay);width:44px;height:44px;color:var(--fg-subtle);place-items:center;display:grid}.state__title{font-size:var(--fs-h3);font-weight:700}.state__text{font-size:var(--fs-small);color:var(--fg-muted);max-width:42ch}.state__actions{margin-top:var(--space-2)}.chat{width:var(--chat-w);background:var(--bg-surface);border-left:1px solid var(--border);flex-direction:column;display:flex}.chat__head{height:var(--topbar-h);padding:0 var(--space-3);border-bottom:1px solid var(--border);font-size:var(--fs-small);justify-content:space-between;align-items:center;font-weight:600;display:flex}.chat__body{padding:var(--space-2) 0;flex:1;overflow-y:auto}.chat__foot{padding:var(--space-3);border-top:1px solid var(--border);gap:var(--space-2);flex-direction:column;display:flex}.msg{padding:5px var(--space-3);font-size:var(--fs-small);word-wrap:break-word;line-height:1.45}.msg:hover{background:var(--bg-elevated)}.msg__badges{vertical-align:-3px;margin-right:var(--space-1);gap:2px;display:inline-flex}.msg__name{font-weight:700}.msg--mention{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.msg--deleted{color:var(--fg-subtle);font-style:italic}.cbadge{border-radius:var(--radius-sm);color:#fff;place-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:inline-grid}.cbadge--broadcaster{background:var(--broadcaster)}.cbadge--mod{background:var(--mod)}.cbadge--vip{background:var(--vip)}.cbadge--tier1{background:var(--tier-1);color:#0d1014}.cbadge--tier2{background:var(--tier-2);color:#0d1014}.cbadge--tier3{background:var(--tier-3);color:#0d1014}.chat-event{margin:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);background:var(--accent-soft);border:1px solid var(--accent-ring);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--fg)}.chat-event strong{font-weight:700}.chat-event--alert{border-color:var(--accent-ring)}.chat-event--live{background:var(--live-soft);border-color:color-mix(in oklab, var(--live) 40%, transparent)}.chat-pinned{gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-overlay);border-bottom:1px solid var(--border);font-size:var(--fs-caption);color:var(--fg-muted);display:flex}.player{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;position:relative;overflow:hidden}.player__canvas{background:radial-gradient(120% 100% at 30% 25%, var(--bg-overlay) 0%, transparent 60%), linear-gradient(160deg, var(--bg-elevated) 0%, #05070a 100%);position:absolute;inset:0}.stream-alert{top:var(--space-6);align-items:center;gap:var(--space-3);max-width:calc(100% - var(--space-8));padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3);background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-size:var(--fs-body);color:var(--fg);pointer-events:none;animation:stream-alert-in var(--dur-slow) var(--ease-spring) both;display:flex;position:absolute;left:50%;transform:translate(-50%)}.stream-alert--leaving{animation:stream-alert-out var(--dur-base) var(--ease-in) both}.stream-alert__icon{border-radius:var(--radius-full);background:var(--accent);width:32px;height:32px;color:var(--accent-fg);flex:none;place-items:center;display:grid}.stream-alert__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stream-alert__text strong{color:var(--accent)}@keyframes stream-alert-in{0%{opacity:0;transform:translate(-50%,-12px)scale(.96)}}@keyframes stream-alert-out{to{opacity:0;transform:translate(-50%,-8px)}}@media (prefers-reduced-motion:reduce){.stream-alert,.stream-alert--leaving{animation:none}}.player__top{top:var(--space-3);left:var(--space-3);right:var(--space-3);gap:var(--space-2);display:flex;position:absolute}.player__bar{height:var(--topbar-h);align-items:center;gap:var(--space-3);padding:0 var(--space-3);color:#fff;background:linear-gradient(#0000,#000000d9);display:flex;position:absolute;bottom:0;left:0;right:0}.player__btn{border-radius:var(--radius-md);color:#fff;width:32px;height:32px;transition:background-color var(--dur-fast) var(--ease-out);place-items:center;display:grid}.player__btn:hover{background:#ffffff24}.player__time{font-family:var(--font-mono);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:#fff}.player__spacer{flex:1}.player__top,.player__bar{transition:opacity var(--dur-slow) var(--ease-out)}.player--idle .player__top,.player--idle .player__bar{opacity:0}.player--idle{cursor:none}.player__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.player__btn:active{transform:scale(.96)}.player__btn[aria-expanded=true]{background:#ffffff24}@media (pointer:coarse){.player__btn{width:40px;height:40px}.player__golive{height:36px}.player__menu .menu__item{min-height:44px}}.player__volume{accent-color:#fff;cursor:pointer;width:80px}.player__volume:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.player__golive{align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-caption);color:#fff;transition:background-color var(--dur-fast) var(--ease-out);background:#ffffff24;font-weight:700;display:inline-flex}.player__golive:hover{background:#ffffff3d}.player__golive:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.player__menu{right:var(--space-3);bottom:calc(var(--topbar-h) + var(--space-2));width:240px;max-height:calc(100% - var(--topbar-h) - var(--space-6));animation:player-menu-in var(--dur-base) var(--ease-out) both;position:absolute;overflow-y:auto}.player__menu .menu__item[aria-checked=true]{color:var(--accent);font-weight:600}.player__menu .menu__item{text-align:left}.player__menu .menu__item .stack{align-items:flex-start}.player__menu .menu__item svg{flex:none;margin-left:auto}.menu__label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--fs-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-subtle);font-weight:700;display:block}@keyframes player-menu-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.player__top,.player__bar{transition:none}.player__menu{animation:none}}.app{background:var(--bg-base);display:flex;overflow:hidden}.app__side{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);padding:var(--space-2);gap:var(--space-1);flex-direction:column;flex:none;display:flex;overflow-y:auto}.app__side--collapsed{width:var(--sidebar-w-collapsed);align-items:center}.app__main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app__body{flex:1;min-height:0;display:flex;overflow:hidden}.app__content{flex:1;min-width:0;overflow-y:auto}.app__chat{width:var(--chat-w);flex:none;min-height:0}.watch{flex-direction:column;display:flex}.watch__player{background:#000}.watch__player .player{border-radius:0}.watch__banner{aspect-ratio:4;background:var(--bg-elevated);border-bottom:1px solid var(--border);width:100%;max-height:220px;overflow:hidden}.watch__banner img{object-fit:cover;width:100%;height:100%;display:block}.watch__info{gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.watch__head{align-items:flex-start;gap:var(--space-3);display:flex}.watch__id{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.watch__title{font-size:var(--fs-h3);color:var(--fg);font-weight:700;line-height:1.35}.watch__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.watch__chan{font-size:var(--fs-body);color:var(--fg);font-weight:700}.watch__actions{align-items:center;gap:var(--space-2);flex:none;display:flex}.watch__stats{align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-small);font-variant-numeric:tabular-nums;color:var(--fg-muted);display:flex}.watch__team{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.teamtile{align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--fg-muted);white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:600;display:inline-flex}.teamtile .avatar{width:22px;height:22px}.teamtile:hover{border-color:var(--accent-ring);color:var(--fg)}.teamtile--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chatgate{gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-md);text-align:center;flex-direction:column;display:flex}.chatgate__title{font-size:var(--fs-small);color:var(--fg);font-weight:700}.chatgate__actions{gap:var(--space-2);display:flex}.chatgate__actions .btn{flex:1}.chatgate__note{font-size:var(--fs-caption);color:var(--fg-subtle)}.authcard{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(420px,100%);box-shadow:var(--shadow-lg);overflow:hidden}.authcard__head{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-4);text-align:center;flex-direction:column;display:flex}.authcard__title{font-size:var(--fs-h2);letter-spacing:-.012em;font-weight:700}.authcard__sub{font-size:var(--fs-small);color:var(--fg-muted);max-width:32ch}.authcard__body{padding:0 var(--space-6) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.authcard__foot{padding:var(--space-4) var(--space-6);background:var(--bg-surface);border-top:1px solid var(--border);text-align:center;font-size:var(--fs-small);color:var(--fg-muted)}.authcard__foot a{color:var(--accent);font-weight:600}.oauth{gap:var(--space-2);flex-direction:column;display:flex}.oauth-btn{align-items:center;gap:var(--space-3);height:var(--control-h-lg);padding:0 var(--space-4);background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--fg);font-size:var(--fs-body);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);font-weight:600;display:flex}.oauth-btn:hover{background:var(--bg-elevated);border-color:var(--fg-subtle);color:var(--fg)}.oauth-btn__icon{flex:none;width:20px;height:20px}.oauth-btn__label{text-align:center;flex:1;margin-right:20px}.divider{align-items:center;gap:var(--space-3);font-size:var(--fs-caption);color:var(--fg-subtle);display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.legalnote{font-size:var(--fs-caption);color:var(--fg-subtle);text-align:center;line-height:1.5}.legalnote a{color:var(--fg-muted);text-decoration:underline}.strength{gap:3px;display:flex}.strength span{background:var(--bg-overlay);border-radius:99px;flex:1;height:3px}.strength span.on-weak{background:var(--danger)}.strength span.on-ok{background:var(--warning)}.strength span.on-strong{background:var(--success)}.dash{min-height:0;display:flex}.dash__nav{background:var(--bg-surface);border-right:1px solid var(--border);width:208px;padding:var(--space-3) var(--space-2);flex-direction:column;flex:none;gap:2px;display:flex}.dash__navhead{padding:var(--space-2) var(--space-3) var(--space-1);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;color:var(--fg-subtle)}.dash__link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--fg-muted);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:600;display:flex}.dash__link:hover{background:var(--bg-elevated);color:var(--fg)}.dash__link--active{background:var(--accent-soft);color:var(--accent)}.dash__main{min-width:0;padding:var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.dash__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.livestrip{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--live-soft);border:1px solid color-mix(in oklab, var(--live) 40%, transparent);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.livestrip--offline{background:var(--bg-surface);border-color:var(--border)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.g-1{gap:var(--space-1)}.g-2{gap:var(--space-2)}.g-3{gap:var(--space-3)}.g-4{gap:var(--space-4)}.g-5{gap:var(--space-5)}.g-6{gap:var(--space-6)}.g-8{gap:var(--space-8)}.g-12{gap:var(--space-12)}.flex-1{flex:1;min-width:0}
html,body{height:100%}body{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:var(--z-sticky);flex:none;position:sticky;top:0}.topbar__ctx{font-size:var(--fs-small);color:var(--fg-muted);font-weight:600}.dash{flex:1;min-height:0;display:flex}.dash__main{min-width:0;padding:var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.app{flex:1;min-height:0;display:flex}.app__side{gap:1px}.app__content{flex:1;min-width:0;overflow-y:auto}.page{padding:var(--space-6);gap:var(--space-8);flex-direction:column;display:flex}.page--flush{gap:0;padding:0}.row-head{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.row-head h2{font-size:var(--fs-h2);letter-spacing:-.012em;font-weight:700}.row-head__more{font-size:var(--fs-small);color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-out);font-weight:600}.row-head__more:hover{color:var(--accent)}.sec{gap:var(--space-4);flex-direction:column;display:flex}.thumb{background:radial-gradient(70% 90% at 28% 22%, color-mix(in oklab, var(--accent) 7%, transparent) 0%, transparent 58%), radial-gradient(60% 80% at 84% 80%, #5a6c8233 0%, transparent 62%), linear-gradient(152deg, var(--bg-elevated) 0%, var(--bg-base) 82%)}.promo{min-height:300px;padding:var(--space-10) var(--space-8);border-radius:var(--radius-xl);isolation:isolate;color:var(--cover-fg);background:radial-gradient(60% 90% at 88% 20%, color-mix(in oklab, var(--accent) 55%, transparent) 0%, transparent 70%), radial-gradient(50% 70% at 10% 100%, color-mix(in oklab, var(--cover-5a) 40%, transparent) 0%, transparent 70%), linear-gradient(135deg, var(--cover-0b) 0%, var(--cover-3b) 100%);align-items:center;display:flex;position:relative;overflow:hidden}.promo:before{content:"";z-index:-1;background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--cover-fg) 4%, transparent) 0 2px, transparent 2px 16px);position:absolute;inset:0}.promo__mark{z-index:-1;aspect-ratio:1;background:var(--accent);opacity:.9;width:min(420px,48%);filter:drop-shadow(0 20px 60px var(--cover-scrim));position:absolute;top:50%;right:-40px;transform:translateY(-50%)rotate(-8deg);-webkit-mask:url(/brand/mark-t-cut.svg) 50%/contain no-repeat;mask:url(/brand/mark-t-cut.svg) 50%/contain no-repeat}.promo__body{gap:var(--space-4);flex-direction:column;max-width:560px;display:flex}.promo__eyebrow{font-size:var(--fs-caption);letter-spacing:.08em;color:var(--accent);font-weight:700}.promo__title{letter-spacing:-.025em;font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1.08}.promo__text{font-size:var(--fs-body);color:color-mix(in oklab, var(--cover-fg) 78%, transparent)}.chan-tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.chan-tile{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3) var(--space-4);text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.chan-tile:hover{border-color:var(--accent-ring);transform:translateY(-2px)}.chan-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chan-tile__name{max-width:100%;color:var(--fg);font-weight:700}.chan-tile__meta{max-width:100%;font-size:var(--fs-caption);color:var(--fg-muted)}.features{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.feature{gap:var(--space-2);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.teamtile{border-color:var(--accent-ring)}.teamtile__avatars{display:flex}.teamtile__avatars>*+*{margin-left:calc(var(--space-3) * -1)}.teamtile__avatars>*{border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--bg-surface)}.teamband{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--accent-ring);border-radius:var(--radius-lg);background:var(--accent-soft);flex-wrap:wrap;display:flex}.teamband .badge{gap:var(--space-1)}.teamband__members{gap:var(--space-2);flex-wrap:wrap;display:flex}.teamband__member{align-items:center;gap:var(--space-2);max-width:200px;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border);font-size:var(--fs-small);transition:border-color var(--dur-fast) var(--ease-out);font-weight:600;display:inline-flex}.teamband__member:hover{border-color:var(--accent-ring)}.teamband__member:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.teamband__member--here{border-color:var(--accent)}button.feature{text-align:left;color:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out)}button.feature:hover:not(:disabled){border-color:var(--border-strong)}button.feature:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.feature[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}button.feature:disabled{opacity:.6;cursor:not-allowed}.feature__icon{border-radius:var(--radius-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);place-items:center;display:grid}.feature__title{font-weight:700}.feature__text{font-size:var(--fs-small);color:var(--fg-muted)}.steps{gap:var(--space-3);counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.step{gap:var(--space-1);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-16);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);counter-increment:step;flex-direction:column;display:flex;position:relative}.step:before{content:counter(step);left:var(--space-5);top:var(--space-5);border-radius:var(--radius-full);background:var(--accent);width:32px;height:32px;color:var(--accent-fg);place-items:center;font-weight:800;display:grid;position:absolute}@media (max-width:640px){.promo{min-height:0;padding:var(--space-8) var(--space-5)}.promo__mark{opacity:.35;width:220px;right:-60px}}@media (prefers-reduced-motion:reduce){.chan-tile{transition:none}}.cathead__art{aspect-ratio:2/3;border-radius:var(--radius-md);border:1px solid var(--border);flex:none;width:72px;display:block}.cathead__art .cover__kind,.cathead__art .cover__name{display:none}.cathead__art .cover__glyph{width:50cqw;height:50cqw;top:50%}.rail{gap:var(--space-4);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.rail>*{flex:0 0 240px}.rail--cat>*{flex:0 0 150px}.hero{aspect-ratio:21/7;border-radius:var(--radius-xl);border:1px solid var(--border);background:radial-gradient(60% 80% at 24% 22%, var(--bg-overlay) 0%, transparent 62%), radial-gradient(44% 70% at 92% 6%, color-mix(in oklab, var(--accent) 24%, transparent) 0%, transparent 62%), linear-gradient(152deg, var(--bg-elevated) 0%, var(--bg-base) 78%);min-height:260px;display:block;position:relative;overflow:hidden}.hero__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero__body{padding:var(--space-10) var(--space-8) var(--space-6);align-items:flex-end;gap:var(--space-5);background:linear-gradient(#0000,#030507bf 36%,#030507f5);flex-wrap:wrap;display:flex;position:absolute;bottom:0;left:0;right:0}.hero__text{gap:var(--space-2);flex-direction:column;flex:1;min-width:260px;display:flex}.hero__title{letter-spacing:-.02em;color:#fff;font-size:clamp(20px,2.4vw,30px);font-weight:800;line-height:1.15}.hero__sub{font-size:var(--fs-small);color:#ffffffb8}.hero__top{top:var(--space-4);left:var(--space-5);gap:var(--space-2);display:flex;position:absolute}.hero__cut{background:var(--accent);clip-path:polygon(100% 0,100% 100%,0 100%);width:56px;height:56px;position:absolute;bottom:0;right:0}.app__content.watchwrap{gap:0;padding:0;display:flex;overflow:hidden}.watchwrap__main{flex:1;min-width:0;overflow-y:auto}.watchwrap .app__chat{flex-direction:column;display:flex}.watchwrap .chat{flex:1;height:100%;min-height:0}.playerbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.pbanner{background:radial-gradient(50% 90% at 20% 20%, var(--bg-overlay) 0%, transparent 60%), radial-gradient(40% 80% at 88% 10%, color-mix(in oklab, var(--accent) 20%, transparent) 0%, transparent 60%), linear-gradient(140deg, var(--bg-elevated), var(--bg-base));border-bottom:1px solid var(--border);height:180px;position:relative;overflow:hidden}.pbanner img{object-fit:cover;width:100%;height:100%;display:block}.phead{align-items:flex-start;gap:var(--space-5);padding:0 var(--space-6) var(--space-5);flex-wrap:wrap;margin-top:-40px;display:flex;position:relative}.phead__id{gap:var(--space-2);min-width:220px;padding-top:calc(40px + var(--space-4));flex-direction:column;flex:1;display:flex}.phead>.btn-row{padding-top:calc(40px + var(--space-4))}.phead__avatar{border-radius:var(--radius-full);position:relative}.plinks{gap:var(--space-2);flex-wrap:wrap;display:flex}.plink{align-items:center;gap:var(--space-2);height:var(--control-h-sm);padding:0 var(--space-3);background:var(--bg-overlay);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--fs-caption);color:var(--fg-muted);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:600;display:inline-flex}.plink:hover{border-color:var(--accent-ring);color:var(--fg)}.bare{padding:var(--space-12) var(--space-5);background:radial-gradient(70% 60% at 50% 0%, color-mix(in oklab, var(--accent) 8%, transparent) 0%, transparent 60%), var(--bg-base);flex:1;place-items:center;display:grid}.acct{position:relative}.acct__btn{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-out);padding:2px;display:inline-flex}.acct__btn:hover{color:var(--fg)}.acct__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.acct__menu{right:0;top:calc(100% + var(--space-2));z-index:var(--z-dropdown);width:220px;position:absolute}.banner__icon{flex:none}.banner--warning .banner__icon{color:var(--warning)}.banner--danger .banner__icon{color:var(--danger)}.banner--accent .banner__icon{color:var(--accent)}.player__video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.player__overlay{text-align:center;padding:var(--space-5);place-items:center;display:grid;position:absolute;inset:0}.player__overlay--poster{background:linear-gradient(#05070a73 0%,#05070a40 45%,#05070aa6 100%)}.livestrip--offline .dot{background:var(--fg-subtle)}.state__icon--danger{color:var(--danger);background:var(--danger-soft)}.modal{background:0 0;border:0;max-width:none;max-height:none;margin:auto;padding:0;overflow:visible}.modal::backdrop{background:var(--bg-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal:not([open]){display:none}.keyreveal{gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in oklab, var(--accent) 45%, transparent);border-radius:var(--radius-lg);background:var(--accent-soft);flex-direction:column;display:flex}.keyreveal .input{overflow-wrap:anywhere}.toaster{right:var(--space-5);bottom:var(--space-5);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toaster .toast{pointer-events:auto;animation:toast-in var(--dur-base) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.toaster .toast{animation:none}}.keyrow{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border);display:flex}.keyrow:first-of-type{border-top:0}.keyrow__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}@media (max-width:900px){.dash__nav{display:none}.dash__main{padding:var(--space-4)}.app__side{display:none}.page:not(.page--flush){padding:var(--space-4)}.app__content.watchwrap{flex-direction:column;overflow-y:auto}.watchwrap__main{flex:none;overflow:visible}.watchwrap .app__chat{border-top:1px solid var(--border);width:auto;height:70vh}.watchwrap .chat{border-left:0;width:auto}.phead{padding:0 var(--space-4) var(--space-4)}}.thumb__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.show-sm{display:none}@media (max-width:640px){.hide-sm{display:none}.show-sm{display:inline-flex}.topbar{gap:var(--space-2);padding-left:var(--space-3);padding-right:var(--space-3)}.topbar__spacer{min-width:0}.topbar__nav{gap:var(--space-3)}.watch__head{flex-wrap:wrap}.watch__stats{gap:var(--space-2) var(--space-4);flex-wrap:wrap}.phead{margin-top:-32px}.phead__id,.phead>.btn-row{padding-top:var(--space-2)}}.topbar{view-transition-name:topbar}.app__side{view-transition-name:app-side}.dash__nav{view-transition-name:dash-nav}::view-transition-group(topbar){animation:none}::view-transition-group(app-side){animation:none}::view-transition-group(dash-nav){animation:none}::view-transition-new(topbar){animation:none}::view-transition-new(app-side){animation:none}::view-transition-new(dash-nav){animation:none}::view-transition-old(topbar){display:none}::view-transition-old(app-side){display:none}::view-transition-old(dash-nav){display:none}::view-transition-old(.page-swap){animation:page-out var(--dur-fast) var(--ease-in) both}::view-transition-new(.page-swap){animation:page-in var(--dur-slow) var(--ease-out) both}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.panel,.card,.card-cat,.state,.hero,.phead{animation:rise-in var(--dur-slow) var(--ease-out) both}@keyframes rise-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.panel,.card,.card-cat,.state,.hero,.phead{animation:none}}