:root,[data-theme=dark]{--bg-dark:#1c1917;--bg-darker:#121110;--bg-card:#272420;--bg-input:#353230;--text-primary:#e0ddd8;--text-secondary:#9a9590;--text-muted:#8a8580;--accent:#c0a040;--accent-hover:#d4b44e;--danger:#d9534f;--danger-hover:#c9302c;--success:#5cb85c;--warning:#f0ad4e;--border:#353230;--radius-sm:3px;--radius:6px;--radius-lg:8px;--radius-pill:10px;--shadow:0 2px 8px rgba(0,0,0,0.4);--shadow-popup:0 8px 32px rgba(0,0,0,0.5);--ring-focus:0 0 0 2px color-mix(in srgb, var(--accent) 15%, transparent);--sp-micro:2px;--hover-overlay:rgba(255,255,255,0.05);--subtle-overlay:rgba(255,255,255,0.04);--faint-overlay:rgba(255,255,255,0.02);--badge-overlay:rgba(255,255,255,0.06);--active-row:rgba(192, 160, 64, 0.08);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--text-on-accent:#000;--text-on-status:#fff;--accent-blue:#58a6ff;--accent-purple:#9b7ed8;--sp-xs:4px;--sp-sm:8px;--sp-md:12px;--sp-lg:16px;--sp-xl:20px;--sp-2xl:24px;--sp-3xl:32px;--sp-4xl:48px;--text-xs:0.6875rem;--text-sm:0.75rem;--text-base:0.8125rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--text-display:3rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65}[data-theme=midnight]{--bg-dark:#0d1117;--bg-darker:#010409;--bg-card:#161b22;--bg-input:#21262d;--text-primary:#c9d1d9;--text-secondary:#8b949e;--text-muted:#6e7681;--accent:#58a6ff;--accent-hover:#79b8ff;--danger:#f85149;--danger-hover:#da3633;--success:#3fb950;--warning:#d29922;--border:#30363d;--shadow:0 2px 8px rgba(1,4,9,0.7);--hover-overlay:rgba(136,192,255,0.06);--subtle-overlay:rgba(136,192,255,0.04);--faint-overlay:rgba(136,192,255,0.02);--badge-overlay:rgba(136,192,255,0.07);--active-row:rgba(88, 166, 255, 0.08)}[data-theme=crimson]{--bg-dark:#1a1015;--bg-darker:#110a0e;--bg-card:#2a1520;--bg-input:#351a28;--text-primary:#e8d0d8;--text-secondary:#a0808a;--text-muted:#8a6878;--accent:#e04060;--accent-hover:#f05070;--danger:#e08040;--danger-hover:#cc6e30;--success:#50b878;--warning:#e0a840;--border:#402030;--shadow:0 2px 8px rgba(17,10,14,0.7);--hover-overlay:rgba(224,64,96,0.06);--subtle-overlay:rgba(224,64,96,0.04);--faint-overlay:rgba(224,64,96,0.02);--badge-overlay:rgba(224,64,96,0.07);--active-row:rgba(224, 64, 96, 0.08)}[data-theme=forest]{--bg-dark:#0f1a14;--bg-darker:#0a120e;--bg-card:#152a1e;--bg-input:#1a3525;--text-primary:#d0e8d8;--text-secondary:#80a890;--text-muted:#688870;--accent:#40c070;--accent-hover:#50d080;--danger:#d06050;--danger-hover:#b84840;--success:#80d8a0;--warning:#c8a840;--border:#203828;--shadow:0 2px 8px rgba(10,18,14,0.7);--hover-overlay:rgba(64,192,112,0.06);--subtle-overlay:rgba(64,192,112,0.04);--faint-overlay:rgba(64,192,112,0.02);--badge-overlay:rgba(64,192,112,0.07);--active-row:rgba(64, 192, 112, 0.08)}[data-theme=hacker]{--bg-dark:#080a08;--bg-darker:#030503;--bg-card:#0c100c;--bg-input:#161a16;--text-primary:#33d17a;--text-secondary:#28a060;--text-muted:#1e7848;--accent:#33d17a;--accent-hover:#55e094;--danger:#d05040;--danger-hover:#b83830;--success:#33d17a;--warning:#c8a830;--border:#1a2a1a;--shadow:0 2px 8px rgba(3,5,3,0.8);--hover-overlay:rgba(51,209,122,0.06);--subtle-overlay:rgba(51,209,122,0.04);--faint-overlay:rgba(51,209,122,0.02);--badge-overlay:rgba(51,209,122,0.07);--active-row:rgba(51, 209, 122, 0.1)}[data-theme=vapor]{--bg-dark:#1a0a2e;--bg-darker:#0f0520;--bg-card:#261040;--bg-input:#301850;--text-primary:#e0d0f0;--text-secondary:#a080c0;--text-muted:#8060a0;--accent:#ff71ce;--accent-hover:#ff99dd;--danger:#ff6060;--danger-hover:#e04848;--success:#60e0a0;--warning:#f0c060;--border:#3a2060;--shadow:0 2px 8px rgba(15,5,32,0.7);--hover-overlay:rgba(255,113,206,0.06);--subtle-overlay:rgba(255,113,206,0.04);--faint-overlay:rgba(255,113,206,0.02);--badge-overlay:rgba(255,113,206,0.07);--active-row:rgba(255, 113, 206, 0.08)}[data-theme=evangelion]{--bg-dark:#1a0820;--bg-darker:#0d0412;--bg-card:#241030;--bg-input:#2e1840;--text-primary:#e0d8f0;--text-secondary:#9080a8;--text-muted:#6a5880;--accent:#ff6a00;--accent-hover:#ff8a30;--danger:#e03030;--danger-hover:#c02020;--success:#33d17a;--warning:#ff6a00;--border:#3a1850;--shadow:0 2px 12px rgba(255,106,0,0.12),0 2px 8px rgba(14,5,21,0.8);--hover-overlay:rgba(255,106,0,0.08);--subtle-overlay:rgba(255,106,0,0.04);--faint-overlay:rgba(255,106,0,0.02);--badge-overlay:rgba(255,106,0,0.07);--active-row:rgba(255, 106, 0, 0.1)}[data-theme=synthwave]{--bg-dark:#0d0221;--bg-darker:#09011a;--bg-card:#150535;--bg-input:#1e0c42;--text-primary:#f0e0ff;--text-secondary:#b090d0;--text-muted:#8060a8;--accent:#b24dff;--accent-hover:#c77dff;--danger:#ff1744;--danger-hover:#d50000;--success:#39ff8e;--warning:#ffab40;--border:#301060;--shadow:0 2px 12px rgba(178, 77, 255, 0.15);--hover-overlay:rgba(178, 77, 255, 0.08);--subtle-overlay:rgba(178, 77, 255, 0.04);--faint-overlay:rgba(178, 77, 255, 0.02);--badge-overlay:rgba(0, 229, 255, 0.1);--active-row:rgba(178, 77, 255, 0.1);--sw-pink:#ff2975;--sw-cyan:#00fff5;--sw-blue:#4d8aff;--sw-purple:#b24dff;--sw-orange:#ff6b35;--sw-yellow:#ffd319;--sw-grid:rgba(0, 255, 245, 0.2);--sw-glow:0 0 8px rgba(178, 77, 255, 0.5),0 0 16px rgba(178, 77, 255, 0.2);--sw-cyan-glow:0 0 8px rgba(0, 255, 245, 0.5),0 0 16px rgba(0, 255, 245, 0.2)}[data-theme=twinpeaks]{--bg-dark:#0e0504;--bg-darker:#060201;--bg-card:#1c0a0a;--bg-input:#2a1110;--text-primary:#f4e7d0;--text-secondary:#c8a878;--text-muted:#8a6a4a;--accent:#c41e3a;--accent-hover:#e0324e;--danger:#ff4040;--danger-hover:#e02020;--success:#5a8a3a;--warning:#d4a04a;--border:#3a1a14;--shadow:0 2px 12px rgba(196,30,58,0.18),0 2px 8px rgba(6,2,1,0.8);--hover-overlay:rgba(196,30,58,0.08);--subtle-overlay:rgba(196,30,58,0.04);--faint-overlay:rgba(196,30,58,0.02);--badge-overlay:rgba(212,160,74,0.1);--active-row:rgba(196,30,58,0.1);--tp-red:#c41e3a;--tp-red-deep:#8b0010;--tp-cream:#f4e7d0;--tp-coffee:#4a2810;--tp-gold:#d4a04a;--tp-fir:#2c4a2c;--tp-chevron-a:#1a0a0a;--tp-chevron-b:#f4e7d0}[data-theme=belzona]{--bg-dark:#1d1f21;--bg-darker:#141517;--bg-card:#26282b;--bg-input:#2f3134;--text-primary:#ecebe8;--text-secondary:#a8a59f;--text-muted:#7a7770;--accent:#004888;--accent-hover:#1a5fa8;--danger:#ff4040;--danger-hover:#e02020;--success:#4ca357;--warning:#f5b800;--border:#3a3c3f;--shadow:0 2px 12px rgba(0,72,136,0.18),0 2px 8px rgba(0,0,0,0.6);--hover-overlay:rgba(0,72,136,0.10);--subtle-overlay:rgba(0,72,136,0.05);--faint-overlay:rgba(0,72,136,0.025);--badge-overlay:rgba(245,184,0,0.12);--active-row:rgba(0,72,136,0.12);--bz-red:#004888;--bz-red-deep:#00254a;--bz-concrete:#3a3a3a;--bz-steel:#5a6570;--bz-yellow:#f5b800;--bz-chalk:#ecebe8}[data-theme=hellokitty]{--bg-dark:#fff4f7;--bg-darker:#ffeaf0;--bg-card:#ffffff;--bg-input:#fff8fb;--text-primary:#3a1420;--text-secondary:#8a4a60;--text-muted:#b07088;--accent:#f46c8c;--accent-hover:#ff83a3;--danger:#ee7974;--danger-hover:#d65e59;--success:#5cb85c;--warning:#f0ad4e;--border:#f4bfc4;--shadow:0 2px 10px rgba(244, 108, 140, 0.18),0 1px 4px rgba(58, 20, 32, 0.08);--shadow-popup:0 8px 32px rgba(244, 108, 140, 0.25);--ring-focus:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);--hover-overlay:rgba(244, 108, 140, 0.08);--subtle-overlay:rgba(244, 108, 140, 0.05);--faint-overlay:rgba(244, 108, 140, 0.03);--badge-overlay:rgba(244, 108, 140, 0.10);--active-row:rgba(244, 108, 140, 0.12);--text-on-accent:#fff;--text-on-status:#fff}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:100%}body{height:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);background:var(--bg-dark);-webkit-font-smoothing:antialiased;font-kerning:normal;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}.flash{position:fixed;top:var(--sp-md);left:50%;transform:translateX(-50%);z-index:9999;padding:var(--sp-md) var(--sp-2xl);border-radius:var(--radius);font-weight:600;cursor:pointer;animation:flashIn .3s var(--ease-out-quart);max-width:min(500px,calc(100vw - 20px));text-align:center}.flash-success{background:var(--success);color:var(--text-on-status);border-left:3px solid rgba(0,0,0,.25)}.flash-error{background:var(--danger);color:var(--text-on-status);border-left:3px solid rgba(0,0,0,.25)}.flash-close{margin-left:var(--sp-md);font-size:var(--text-xl);background:0 0;border:none;color:inherit;cursor:pointer;padding:0 var(--sp-xs);line-height:1;transition:opacity .15s var(--ease-out-quart),transform .15s var(--ease-out-quart)}.flash-close:hover{opacity:.7;transform:scale(1.15)}.flash-close:active{transform:scale(.9)}@keyframes flashIn{from{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes flashOut{from{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.btn{display:inline-flex;align-items:center;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);border:none;border-radius:var(--radius);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .2s var(--ease-out-quart),color .2s,border-color .2s,transform .15s var(--ease-out-quart),box-shadow .2s;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;pointer-events:none}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);color:var(--text-on-accent)}.btn-danger{background:var(--danger);color:var(--text-on-status)}.btn-danger:hover{background:var(--danger-hover)}.btn-success{background:var(--success);color:var(--text-on-status)}.btn-success:hover{filter:brightness(1.1)}.btn-ghost{background:0 0;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--text-secondary)}.btn-sm{padding:var(--sp-xs) var(--sp-sm);font-size:var(--text-sm)}.btn-lg{padding:var(--sp-md) var(--sp-2xl);font-size:var(--text-lg)}.btn-block{display:flex;width:100%;justify-content:center}.btn-icon{background:0 0;border:none;cursor:pointer;color:var(--text-secondary);font-size:var(--text-lg);padding:var(--sp-xs);border-radius:var(--radius-sm);transition:color .2s var(--ease-out-quart),transform .15s var(--ease-out-quart),background .2s}.btn-icon:hover{color:var(--text-primary);background:var(--hover-overlay)}.btn-icon:active{transform:scale(.9)}.btn-icon.btn-danger{color:var(--danger)}.btn-icon.btn-danger:hover{color:var(--danger-hover)}.form-group{margin-bottom:var(--sp-lg);flex:1}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--sp-xs);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--sp-sm) var(--sp-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--accent);box-shadow:var(--ring-focus)}.form-group input:invalid:not(:focus):not(:placeholder-shown),.form-group textarea:invalid:not(:focus):not(:placeholder-shown){border-color:var(--danger);box-shadow:0 0 0 2px rgba(217,83,79,.12)}.form-row{display:flex;gap:var(--sp-md);flex-wrap:wrap}.inline-form{display:inline-flex;align-items:center}.inline-select{padding:var(--sp-xs) var(--sp-sm);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-sm)}.inline-select:focus{outline:0;border-color:var(--accent);box-shadow:var(--ring-focus)}.public-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-darker)}.site-banner{display:flex;justify-content:center;align-items:center;background:var(--bg-darker);padding:var(--sp-xs) 0;border-bottom:1px solid transparent;box-shadow:0 1px 0 0 color-mix(in srgb,var(--accent) 28%,transparent),0 2px 0 0 color-mix(in srgb,var(--accent) 8%,transparent);flex-shrink:0;animation:bannerSlideDown .5s var(--ease-out-expo);transition:max-height .45s var(--ease-out-expo),padding .45s var(--ease-out-expo),opacity .3s var(--ease-out-quart);max-height:96px;overflow:hidden}.banner-img{height:8.8vh;max-height:72px;width:auto}.motd-bar{display:flex;align-items:center;justify-content:center;gap:var(--sp-sm);background:color-mix(in srgb,var(--accent) 12%,var(--bg-dark));border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,transparent);padding:var(--sp-xs) var(--sp-lg);font-size:var(--text-sm);color:var(--text-primary);animation:bannerSlideDown .4s var(--ease-out-expo);flex-shrink:0;transition:max-height .4s var(--ease-out-expo),padding .4s var(--ease-out-expo),opacity .25s var(--ease-out-quart),border-bottom-width .4s var(--ease-out-expo);max-height:60px;overflow:hidden}.motd-text{flex:1;text-align:center}.motd-text i{color:var(--accent);margin-right:var(--sp-xs)}.motd-dismiss{background:0 0;border:none;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;padding:0 var(--sp-xs);line-height:1}.motd-dismiss:hover{color:var(--text-primary)}.theater .motd-bar{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-width:0;pointer-events:none}.stream-layout{flex:1;display:flex;overflow:hidden;min-height:0;position:relative;animation:streamFadeIn .7s .2s var(--ease-out-expo) both}.stream-layout.chat-left{flex-direction:row-reverse}.stream-layout.chat-left .stream-chat{border-left:none;border-right:1px solid var(--border)}.stream-player{flex:1;background:var(--bg-darker);position:relative;min-width:0;contain:layout style}.stream-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.stream-chat{width:25%;flex-shrink:0;border-left:1px solid var(--border);background:var(--bg-darker);overflow:hidden;transition:width .35s var(--ease-out-expo),opacity .25s var(--ease-out-quart),border-width .35s var(--ease-out-expo);opacity:1;contain:layout style}.no-stream-bg{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:1}.stream-player:has(.no-stream-bg)::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1}@media (prefers-reduced-motion:reduce){.no-stream-bg{display:none}.stream-player:has(.no-stream)::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(192,160,64,.06) 0,#121110 70%);z-index:0}}.no-stream{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:var(--sp-md)}.no-stream-reveal{opacity:0;transform:translateY(12px);animation:noStreamReveal .7s var(--ease-out-expo) forwards}.no-stream-reveal:first-child{animation-delay:.3s}.no-stream-reveal:nth-child(2){animation-delay:.55s}.no-stream-reveal:nth-child(3){animation-delay:.75s}.no-stream-reveal:nth-child(4){animation-delay:.95s}@keyframes noStreamReveal{to{opacity:1;transform:translateY(0)}}.no-stream i{font-size:var(--text-display);color:var(--accent);opacity:.25}.no-stream-headline{font-size:var(--text-lg);color:var(--text-primary);font-weight:600;letter-spacing:-.01em}.no-stream-sub{font-size:var(--text-sm);color:var(--text-secondary)}.no-stream-links{display:flex;gap:var(--sp-sm);margin-top:var(--sp-sm)}.bottom-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-darker);border-top:1px solid var(--border);padding:var(--sp-xs) var(--sp-lg);flex-shrink:0;min-height:48px;gap:var(--sp-md);animation:bottomBarSlideUp .5s .35s var(--ease-out-expo) both}.bottom-bar a,.bottom-bar button{color:var(--text-secondary);background:0 0;border:none;cursor:pointer;padding:var(--sp-xs) var(--sp-sm);font-size:var(--text-base);display:inline-flex;align-items:center}.bottom-bar a>.fab,.bottom-bar a>.far,.bottom-bar a>.fas,.bottom-bar button>.fab,.bottom-bar button>.far,.bottom-bar button>.fas{width:16px;height:16px;font-size:14px;line-height:16px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.bottom-bar a:hover,.bottom-bar button:hover{color:var(--accent)}.bottom-left{display:flex;align-items:center;gap:var(--sp-lg)}.bottom-right{display:flex;align-items:center;gap:2px}.bar-group{display:flex;align-items:center;gap:2px;position:relative}.bar-divider{width:0;height:20px;margin:0 var(--sp-sm);flex-shrink:0}.now-playing{font-size:var(--text-base);color:var(--text-secondary);margin:0 var(--sp-xs);padding:0 var(--sp-xs);display:inline-flex;align-items:center;gap:var(--sp-sm);min-width:0}.now-playing .np-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}.theater .site-banner{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-width:0;pointer-events:none}.chat-hidden .stream-chat{width:0;opacity:0;border-left-width:0;pointer-events:none}.chat-hidden .stream-player{flex:1}.stream-custom{width:0;flex-shrink:0;border-left:0 solid var(--border);background:var(--bg-darker);overflow:hidden;transition:width .35s var(--ease-out-expo),opacity .25s var(--ease-out-quart),border-width .35s var(--ease-out-expo);opacity:0;contain:layout style}.stream-custom.active{opacity:1;border-left-width:1px}.layout-picker{position:relative;display:inline-flex}.layout-menu{display:none;position:absolute;bottom:100%;right:0;left:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--sp-sm);box-shadow:var(--shadow-popup);z-index:100;min-width:220px;max-width:calc(100vw - var(--sp-lg) * 2);padding:var(--sp-sm) var(--sp-md) var(--sp-md);max-height:calc(100vh - 80px);overflow-y:auto;overscroll-behavior:contain}.layout-menu.open{display:block;animation:channelMenuIn .25s var(--ease-out-expo)}.layout-menu-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-bottom:var(--sp-xs);margin-bottom:var(--sp-sm);border-bottom:1px solid var(--border)}.layout-reset{background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:var(--sp-micro) var(--sp-xs);border-radius:var(--radius-sm);font-size:var(--text-xs);display:inline-flex;align-items:center;justify-content:center;transition:color .15s var(--ease-out-quart),background .15s var(--ease-out-quart)}.layout-reset:hover{color:var(--accent);background:var(--bg-input)}.layout-presets{display:flex;gap:var(--sp-xs);margin-bottom:var(--sp-sm)}.layout-preset{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-xs);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);font-size:var(--text-xs);transition:all .15s}.layout-preset:hover{border-color:var(--accent);color:var(--text-primary)}.layout-preset.active{border-color:var(--accent);background:rgba(192,160,64,.08);color:var(--accent)}.preset-icon{display:flex;gap:2px;width:40px;height:24px}.pi-stream{flex:3;background:var(--accent);border-radius:2px;opacity:.6}.pi-stream.pi-full{flex:1}.pi-chat{flex:1;background:var(--text-muted);border-radius:2px;opacity:.4}.pi-chat.pi-sm{flex:0.7}.pi-custom{flex:1;background:var(--success,#5cb85c);border-radius:2px;opacity:.4}.preset-label{white-space:nowrap;line-height:1}.layout-fine-tune{padding-top:var(--sp-xs)}.layout-slider-group{margin-bottom:var(--sp-sm)}.layout-slider-group label{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--sp-xs)}.layout-slider-group label span{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.layout-slider-group input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--bg-input);outline:0;cursor:pointer}.layout-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 1px 3px rgba(0,0,0,.3)}.layout-slider-group input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 1px 3px rgba(0,0,0,.3)}.layout-custom-url{margin-bottom:var(--sp-sm)}.layout-custom-url label{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--sp-xs)}.layout-url-row{display:flex;gap:var(--sp-xs)}.layout-url-input{flex:1;min-width:0;padding:var(--sp-xs) var(--sp-sm);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-xs);font-family:inherit}.layout-url-input:focus{outline:0;border-color:var(--accent);box-shadow:var(--ring-focus)}.btn-accent{background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius);padding:var(--sp-xs) var(--sp-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer}.btn-accent:hover{opacity:.85}.layout-actions{display:flex;justify-content:flex-end;padding-top:var(--sp-xs);border-top:1px solid var(--border);margin-top:var(--sp-xs)}.layout-section{padding-top:var(--sp-sm);margin-top:var(--sp-sm);border-top:1px solid var(--border)}.layout-section-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--sp-xs)}.layout-view-toggles{display:flex;gap:var(--sp-xs)}.layout-view-toggles button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-xs);background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);padding:var(--sp-xs) var(--sp-sm);border-radius:var(--radius);font-size:var(--text-xs);font-family:inherit;cursor:pointer;transition:color .15s var(--ease-out-quart),border-color .15s var(--ease-out-quart),background .15s var(--ease-out-quart)}.layout-view-toggles button:hover{color:var(--text-primary);border-color:var(--accent)}.layout-view-toggles button.active,.layout-view-toggles button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:rgba(192,160,64,.08)}.theme-picker{position:relative;display:inline-flex}.theme-menu{display:none;position:absolute;bottom:100%;left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-xs);margin-bottom:var(--sp-sm);box-shadow:var(--shadow);z-index:100;white-space:nowrap}.theme-menu.open{display:flex;flex-direction:column;gap:1px;animation:menuSlideUp .2s var(--ease-out-expo)}@keyframes menuSlideUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.theme-menu button{background:0 0;border:none;color:var(--text-secondary);padding:var(--sp-xs) var(--sp-md);font-size:var(--text-sm);cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:all .15s;display:flex;align-items:center;gap:var(--sp-xs)}.theme-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.theme-menu button:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.theme-menu button.active{color:var(--accent);font-weight:600}.theme-menu.theme-menu-inline{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0;margin:0;background:0 0;border:none;box-shadow:none;z-index:auto;white-space:normal;animation:none}.theme-menu.theme-menu-inline button{padding:var(--sp-xs) var(--sp-sm);font-size:var(--text-xs)}.channel-picker{position:relative;display:inline-flex}#btnChannels{position:relative;padding-right:var(--sp-lg)}.channel-picker+.channel-flipper{margin-left:var(--sp-sm)}.channel-count{position:absolute;top:-6px;right:-6px;background:var(--accent);color:var(--bg-darker);font-size:.625rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;line-height:1;letter-spacing:0;pointer-events:none;box-shadow:0 0 0 2px var(--bg-darker)}.channel-menu{display:none;position:absolute;bottom:100%;left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--sp-sm);box-shadow:var(--shadow-popup);z-index:100;width:min(360px,90vw);overflow:hidden}.channel-menu.open{display:flex;flex-direction:column;animation:channelMenuIn .25s var(--ease-out-expo)}@keyframes channelMenuIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.channel-tabs{display:flex;gap:2px;padding:4px;background:var(--bg-darker);border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.channel-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);background:0 0;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:color .18s var(--ease-out-quart),background-color .18s var(--ease-out-quart),border-color .18s var(--ease-out-quart),transform .15s var(--ease-out-quart);font-family:inherit}.channel-tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.channel-tab:active{transform:translateY(1px)}.channel-tab.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:inset 0 -2px 0 0 var(--accent),0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:16px;padding:0 5px;font-size:.625rem;font-weight:700;letter-spacing:0;color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;transition:color .18s var(--ease-out-quart),background-color .18s var(--ease-out-quart)}.channel-tab.active .tab-count{color:var(--bg-darker);background:var(--accent)}.channel-tab:hover:not(.active) .tab-count{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 16%,transparent)}.channel-panel{flex:1;min-height:0}.channel-list{height:min(calc(100vh - 120px),560px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.channel-list::-webkit-scrollbar{width:5px}.channel-list::-webkit-scrollbar-track{background:0 0}.channel-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.channel-item{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-xs) var(--sp-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:background .12s var(--ease-out-quart),color .12s var(--ease-out-quart);cursor:pointer;border:none;border-left:2px solid transparent;background:0 0;width:100%;text-align:left;font-family:inherit;min-height:34px;min-width:0}.channel-item.active{background:var(--active-row);color:var(--accent);font-weight:600;border-left-color:var(--accent)}.channel-item.channel-offline{opacity:.55}.channel-item.channel-offline:hover{opacity:.75}.channel-item.channel-offline .channel-live-dot{background:var(--danger,#d9534f);box-shadow:0 0 4px rgba(217,83,79,.5);animation:none}.channel-main-badge{font-size:.5625rem;color:var(--success);flex-shrink:0;line-height:1}.channel-live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0;animation:livePulse 2s ease-in-out infinite;box-shadow:0 0 4px rgba(92,184,92,.4)}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-auto-badge{color:var(--accent);font-size:.5625rem;flex-shrink:0;opacity:.8}.channel-svc-badge{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-darker);padding:var(--sp-micro) var(--sp-sm);border-radius:var(--radius-sm);flex-shrink:0;white-space:nowrap}.channel-svc-badge[data-service]{--svc-color:var(--text-muted);color:var(--svc-color);border-left:2px solid var(--svc-color)}.channel-svc-badge[data-service*=twitch]{--svc-color:#9146ff}.channel-svc-badge[data-service*=kick]{--svc-color:#53fc18}.channel-svc-badge[data-service*=youtube]{--svc-color:#e04040}.channel-svc-badge[data-service*=rumble]{--svc-color:#85c742}.channel-svc-badge[data-service*=trovo]{--svc-color:#30d870}.channel-svc-badge[data-service*=custom]{--svc-color:var(--accent)}.channel-viewers{font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;gap:var(--sp-xs);flex-shrink:0}.live-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);animation:livePulse 2s ease-in-out infinite;box-shadow:0 0 6px rgba(92,184,92,.5),0 0 14px rgba(92,184,92,.25),0 0 24px rgba(92,184,92,.1);vertical-align:middle;flex-shrink:0}.channel-live-dot{box-shadow:0 0 4px rgba(92,184,92,.6),0 0 10px rgba(92,184,92,.3);animation:livePulse 2s ease-in-out infinite,liveGlow 2s ease-in-out infinite}.channel-item.active .channel-live-dot{background:var(--accent);box-shadow:0 0 6px rgba(192,160,64,.8),0 0 16px rgba(192,160,64,.4);animation:livePulse 1.4s ease-in-out infinite,liveGlowAccent 1.4s ease-in-out infinite}@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}@keyframes liveGlow{0%,100%{box-shadow:0 0 4px rgba(92,184,92,.6),0 0 10px rgba(92,184,92,.3)}50%{box-shadow:0 0 6px rgba(92,184,92,.8),0 0 16px rgba(92,184,92,.4)}}@keyframes liveGlowAccent{0%,100%{box-shadow:0 0 6px rgba(192,160,64,.8),0 0 14px rgba(192,160,64,.4)}50%{box-shadow:0 0 8px #c0a040,0 0 20px rgba(192,160,64,.5)}}.stream-player{position:relative}.ch-switch-overlay{position:absolute;inset:0;z-index:10;pointer-events:none;opacity:0;will-change:opacity}.ch-switch-overlay.active{animation:chGlitchIn .5s var(--ease-out-expo) forwards}.ch-switch-overlay::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.2) 2px,rgba(0,0,0,.2) 4px);opacity:.7}.ch-switch-overlay::after{content:'';position:absolute;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 12px var(--accent),0 0 30px rgba(192,160,64,.3);animation:chScanSweep .5s linear}.ch-tear-slice{position:absolute;left:0;right:0;background:var(--bg-darker);pointer-events:none;z-index:10;opacity:0;will-change:transform,opacity}.ch-tear-slice.active{animation:tearSlice .5s var(--ease-out-expo) forwards}.ch-tear-slice:nth-child(odd){animation-name:tearSliceLeft}@keyframes chGlitchIn{0%{opacity:0}8%{opacity:.9}20%{opacity:.7}50%{opacity:.3}100%{opacity:0}}@keyframes chScanSweep{from{top:-4px}to{top:100%}}@keyframes tearSlice{0%{opacity:.8;transform:translateX(8px) scaleY(1.2)}40%{opacity:.5;transform:translateX(-3px) scaleY(1)}100%{opacity:0;transform:translateX(0)}}@keyframes tearSliceLeft{0%{opacity:.8;transform:translateX(-8px) scaleY(1.2)}40%{opacity:.5;transform:translateX(3px) scaleY(1)}100%{opacity:0;transform:translateX(0)}}.now-playing strong{display:inline-block;min-width:2ch;max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.now-playing strong.scrambling{color:var(--accent);opacity:.8}.channel-flipper{display:flex;align-items:center;gap:2px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px;margin-right:var(--sp-sm);position:relative}.channel-flipper::before{content:'';position:absolute;inset:-1px;border-radius:var(--radius-pill);opacity:0;background:linear-gradient(135deg,var(--accent),transparent 60%);transition:opacity .3s var(--ease-out-quart);z-index:-1}.channel-flipper:hover::before{opacity:.15}.channel-flipper button{display:flex;align-items:center;justify-content:center;width:30px;height:26px;padding:0!important;font-size:var(--text-sm)!important;line-height:1;border-radius:var(--radius-sm);transition:background .15s var(--ease-out-quart),color .15s var(--ease-out-quart),transform .1s var(--ease-out-quart)}.channel-flipper button:hover{background:var(--hover-overlay);color:var(--accent)!important}.channel-flipper button:active{transform:scale(.88)}.channel-flipper .flip-divider{width:1px;height:var(--sp-lg);background:var(--border);flex-shrink:0}.tv-static-overlay{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:0}.tv-static-overlay.active{opacity:1;animation:tvStaticFlash .42s steps(3) forwards}.tv-static-overlay canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.tv-static-overlay::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,.25) 2px,rgba(0,0,0,.25) 4px);mix-blend-mode:multiply}.tv-static-overlay::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.7) 100%);z-index:1}@keyframes tvStaticFlash{0%{opacity:.85;filter:brightness(2.2) saturate(0)}25%{opacity:.95;filter:brightness(.4) saturate(0)}45%{opacity:.8;filter:brightness(1.6) saturate(0)}75%{opacity:.3;filter:brightness(1.1) saturate(.7)}100%{opacity:0;filter:brightness(1) saturate(1)}}@media (prefers-reduced-motion:reduce){.tv-static-overlay.active{animation:none;opacity:0}}.flip-slide-up{animation:flipSlideUp .42s var(--ease-out-expo);transform-origin:center center}.flip-slide-down{animation:flipSlideDown .42s var(--ease-out-expo);transform-origin:center center}@keyframes flipSlideUp{0%{opacity:.35;transform:translateX(16px) scale(1.01,.72);filter:brightness(1.25) blur(1px)}40%{opacity:.7;transform:translateX(4px) scale(1,.94);filter:brightness(1.1) blur(.5px)}100%{opacity:1;transform:translateX(0) scale(1,1);filter:brightness(1) blur(0)}}@keyframes flipSlideDown{0%{opacity:.35;transform:translateX(-16px) scale(1.01,.72);filter:brightness(1.25) blur(1px)}40%{opacity:.7;transform:translateX(-4px) scale(1,.94);filter:brightness(1.1) blur(.5px)}100%{opacity:1;transform:translateX(0) scale(1,1);filter:brightness(1) blur(0)}}@media (prefers-reduced-motion:reduce){.flip-slide-down,.flip-slide-up{animation:none}}.ch-number-flash{position:absolute;top:var(--sp-lg);right:var(--sp-lg);z-index:25;font-family:Consolas,Monaco,monospace;font-size:var(--text-3xl);font-weight:800;letter-spacing:.12em;color:var(--accent);text-shadow:0 0 6px var(--accent),0 0 14px rgba(192,160,64,.6),0 2px 4px rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.55));padding:var(--sp-xs) var(--sp-md);border-radius:var(--radius-sm);border:1px solid rgba(192,160,64,.35);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.5),inset 0 0 8px rgba(192,160,64,.08);pointer-events:none;opacity:0}.ch-number-flash::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);margin-right:6px;vertical-align:2px;animation:chLedBlink .4s steps(2,end) infinite}.ch-number-flash.active{animation:chNumberIn 1.2s var(--ease-out-expo) forwards}@keyframes chLedBlink{0%,49%{opacity:1}100%,50%{opacity:.35}}@keyframes chNumberIn{0%{opacity:0;transform:translateX(12px) scale(1.15)}8%{opacity:1;transform:translateX(0) scale(1)}75%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateX(0) scale(.98)}}@media (prefers-reduced-motion:reduce){.ch-number-flash::before{animation:none}.ch-number-flash.active{animation:chNumberInReduced .8s linear forwards}@keyframes chNumberInReduced{0%{opacity:0}10%,75%{opacity:1}100%{opacity:0}}}.flip-kick{animation:flipKick .25s var(--ease-out-expo)!important}@keyframes flipKick{0%{transform:scale(.7)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-30px) scaleY(.8)}60%{opacity:1;transform:translateY(3px) scaleY(1.02)}100%{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes bottomBarSlideUp{0%{opacity:0;transform:translateY(30px)}60%{opacity:1;transform:translateY(-2px)}80%{transform:translateY(1px)}100%{opacity:1;transform:translateY(0)}}@keyframes streamFadeIn{0%{opacity:0;clip-path:inset(0 0 100% 0)}30%{opacity:.4;clip-path:inset(0 0 60% 0)}100%{opacity:1;clip-path:inset(0 0 0% 0)}}.stream-layout::after{content:'';position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 10%,var(--accent) 50%,transparent 90%);box-shadow:0 0 10px var(--accent),0 0 20px rgba(192,160,64,.3);z-index:5;pointer-events:none;animation:bootScanline .8s .1s var(--ease-out-expo) both}@keyframes bootScanline{0%{top:0;opacity:1}80%{opacity:.6}100%{top:100%;opacity:0}}.bottom-bar a,.bottom-bar button{transition:color .2s,transform .4s var(--ease-out-expo)}.bottom-bar a:hover,.bottom-bar button:hover{transform:translateY(-2px) scale(1.05);color:var(--accent)}.bottom-bar a:active,.bottom-bar button:active{transform:translateY(1px) scale(.9);transition-duration:.1s}.channel-item,.channel-item:active,.channel-item:hover,.channel-tab,.channel-tab:active,.channel-tab:hover{transform:none!important}.bar-bounce{animation:barSpringBounce .4s var(--ease-out-expo)}@keyframes barSpringBounce{0%{transform:scale(.85)}100%{transform:scale(1) translateY(0)}}.now-playing strong{color:var(--accent)}.bar-label{display:none;font-size:var(--text-sm);margin-left:var(--sp-xs);vertical-align:middle;letter-spacing:.01em}@media (min-width:1024px){.bar-label{display:inline}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset;transition:background-color 5000s ease-in-out 0s;caret-color:var(--text-primary)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-darker)}.login-wrapper{width:100%;max-width:380px;padding:var(--sp-lg)}.login-banner{text-align:center;margin-bottom:var(--sp-xl)}.login-banner img{height:56px}.login-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2xl);animation:loginIn .4s var(--ease-out-expo)}@keyframes loginIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-box h2{text-align:center;margin-bottom:var(--sp-xl);color:var(--accent);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.01em}.login-notice{background:color-mix(in srgb,var(--accent) 12%,transparent);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:var(--sp-sm) var(--sp-md);margin-bottom:var(--sp-lg);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.login-notice i{color:var(--accent);margin-right:var(--sp-xs)}.login-alt{text-align:center;margin-top:var(--sp-lg);font-size:var(--text-sm);color:var(--text-muted)}.login-alt a{color:var(--accent);text-decoration:none}.login-alt a:hover{text-decoration:underline}.error-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-darker)}.error-box{text-align:center;padding:var(--sp-4xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);animation:loginIn .4s var(--ease-out-expo);max-width:560px}.error-box h1{font-size:var(--text-display);line-height:var(--leading-tight);color:var(--accent);font-weight:800;letter-spacing:-.02em}.error-message{margin-top:var(--sp-md);color:var(--text-primary);max-width:90vw;word-wrap:break-word;overflow-wrap:break-word}.error-actions{margin-top:var(--sp-xl);display:flex;gap:var(--sp-sm);justify-content:center;flex-wrap:wrap}.text-green{color:var(--success)}.text-red{color:var(--danger)}.text-muted{color:var(--text-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wrap{overflow-wrap:break-word;word-break:break-word}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:0;z-index:10000;padding:var(--sp-sm) var(--sp-lg);background:var(--accent);color:var(--text-on-accent);font-weight:700;border-radius:0 0 var(--radius) 0;transition:top .2s}.skip-link:focus{top:0}.form-hint{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--sp-xs)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9000;animation:modalBgIn .2s var(--ease-out-quart)}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-2xl);width:100%;max-width:560px;box-shadow:var(--shadow);animation:modalIn .3s var(--ease-out-expo)}@keyframes modalBgIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h3{margin-bottom:var(--sp-lg);color:var(--accent)}.form-actions{display:flex;gap:var(--sp-sm);margin-top:var(--sp-lg)}@media (max-width:1023px) and (min-width:769px){.stream-chat{width:280px}.form-row{flex-wrap:wrap}.form-row .form-group{min-width:200px}}@media (max-width:768px){.stream-layout{flex-direction:column}.stream-player{position:relative;padding-bottom:56.25%;height:0;flex:none}.stream-chat{flex:1;width:100%;min-height:200px;border-left:none;border-top:1px solid var(--border);transition:min-height .35s var(--ease-out-expo),flex .35s var(--ease-out-expo),opacity .25s var(--ease-out-quart),border-top-width .35s var(--ease-out-expo)}.chat-hidden .stream-chat{width:0;min-height:0;flex:0;opacity:0;border-top-width:0;pointer-events:none}.chat-hidden .stream-player{flex:1;padding-bottom:0;height:auto}.banner-img{height:32px}.site-banner{padding:var(--sp-xs) 0}.eva-banner{display:none!important}.bottom-right a{font-size:0}.bottom-right a i{font-size:var(--text-lg)}.channel-menu{left:auto;right:0;width:min(320px,90vw)}.bottom-bar{height:auto;min-height:44px;flex-wrap:wrap;padding:var(--sp-xs) var(--sp-sm);gap:var(--sp-xs)}.bottom-bar a,.bottom-bar button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.now-playing{display:none}.bar-divider{display:none}.theme-menu{left:auto;right:0}.form-row{flex-direction:column}.form-row .form-group{min-width:0}.modal-content{margin:var(--sp-lg);max-width:calc(100vw - var(--sp-3xl))}.login-wrapper{padding:var(--sp-md)}.login-box{padding:var(--sp-lg)}.btn-lg{width:100%;justify-content:center}.error-box h1{font-size:var(--text-4xl)}.error-box{padding:var(--sp-xl)}}@media (max-width:812px) and (orientation:landscape){.stream-layout{flex-direction:row}.stream-player{padding-bottom:0;height:auto;flex:1}.stream-chat{width:260px;min-height:0;border-left:1px solid var(--border);border-top:none}.site-banner{padding:2px 0}.banner-img{height:26px}.bottom-bar{height:auto;min-height:44px}.bottom-bar a,.bottom-bar button{min-width:44px;min-height:44px}}@media (max-width:380px){.login-wrapper{padding:var(--sp-sm)}.login-box{padding:var(--sp-md)}.login-box h2{font-size:var(--text-xl)}.modal-content{margin:var(--sp-sm);max-width:calc(100vw - var(--sp-lg));padding:var(--sp-lg)}.bottom-left{gap:var(--sp-sm)}.bottom-right{gap:0}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.stream-layout::after{display:none}.ch-tear-slice{display:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (forced-colors:active){.btn,.btn-danger,.btn-ghost,.btn-primary{border:1px solid ButtonText}.flash{border:2px solid CanvasText}.role-badge{border:1px solid CanvasText}}body[data-theme=evangelion]{background:#0a0512;position:relative}body[data-theme=evangelion]::before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,rgba(10,5,18,.55) 0,rgba(10,5,18,.35) 35%,rgba(10,5,18,.45) 65%,rgba(10,5,18,.7) 100%),url('../themes/evangelion/bg.jpg') center 40%/cover no-repeat;z-index:0;pointer-events:none}body[data-theme=evangelion]::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:50}[data-theme=evangelion] .stream-layout::before{content:'';position:fixed;right:-60px;bottom:-40px;width:380px;height:700px;background:url('../themes/evangelion/unit01.webp') center bottom/contain no-repeat;opacity:.06;pointer-events:none;z-index:0;filter:saturate(.3) brightness(1.4)}[data-theme=evangelion] .bottom-bar,[data-theme=evangelion] .site-banner,[data-theme=evangelion] .stream-layout{position:relative;z-index:1}.eva-banner{display:none}[data-theme=evangelion] .banner-img{display:none!important}[data-theme=evangelion] .site-banner{background:0 0;border-bottom:none;padding:0;overflow:visible;box-shadow:0 4px 30px rgba(255,106,0,.1),0 2px 10px rgba(90,40,160,.15)}@media (max-width:768px){[data-theme=evangelion] .banner-img{display:block!important}[data-theme=evangelion] .site-banner{background:var(--bg-darker);border-bottom:1px solid var(--border);padding:var(--sp-xs) 0;overflow:hidden}}[data-theme=evangelion] .eva-banner{display:flex!important;align-items:center;justify-content:center;position:relative;width:100%;height:12.8vh;max-height:102px;min-height:52px;overflow:hidden;background:linear-gradient(90deg,rgba(10,5,18,.5) 0,rgba(10,5,18,0) 20%,rgba(10,5,18,0) 80%,rgba(10,5,18,.5) 100%),url('../themes/evangelion/bg.jpg') center 38%/cover no-repeat;animation:bannerSlideDown .6s var(--ease-out-expo) both}[data-theme=evangelion] .eva-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(10,5,18,.4) 100%);z-index:1;pointer-events:none}.eva-warning-stripe-bottom,.eva-warning-stripe-top{position:absolute;left:-20px;right:-20px;height:3px;z-index:5;background:repeating-linear-gradient(-45deg,#ff6a00 0,#ff6a00 8px,#110015 8px,#110015 16px);background-size:22.62px 22.62px;animation:hazardScroll 1.5s linear infinite;box-shadow:0 0 6px rgba(255,106,0,.3)}.eva-warning-stripe-bottom{bottom:0;animation-direction:reverse}.eva-warning-stripe-top{top:0}@keyframes hazardScroll{to{background-position:22.62px 0}}.eva-hex-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6;mix-blend-mode:screen}.eva-nerv-text{font-family:Consolas,Monaco,monospace;font-size:clamp(2rem, 5vh, 3.2rem);font-weight:900;letter-spacing:.6em;text-indent:.6em;text-transform:uppercase;color:#ff6a00;text-shadow:0 0 10px rgba(255,106,0,.8),0 0 30px rgba(255,106,0,.3),0 0 60px rgba(255,106,0,.15);z-index:2;animation:nervPulse 4s ease-in-out infinite;position:relative;user-select:none;transform:scaleY(1.15) scaleX(1.05)}.eva-nerv-text::after,.eva-nerv-text::before{content:attr(data-text);position:absolute;top:0;left:0;right:0;bottom:0;opacity:.8}.eva-nerv-text::before{animation:nervGlitch 3s cubic-bezier(.25,.46,.45,.94) both infinite;color:rgba(255,106,0,.9);z-index:-1}.eva-nerv-text::after{animation:nervGlitch 3s cubic-bezier(.25,.46,.45,.94) both infinite reverse;color:rgba(90,40,160,.9);z-index:-2}@keyframes nervGlitch{0%{transform:translate(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}2%{transform:translate(-2px,1px);clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%)}4%{transform:translate(2px,-1px);clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)}6%{transform:translate(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{transform:translate(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes nervPulse{0%,100%{opacity:.95;text-shadow:0 0 15px rgba(255,106,0,.9),0 0 40px rgba(255,106,0,.3)}50%{opacity:1;text-shadow:0 0 25px #ff6a00,0 0 60px rgba(255,106,0,.5)}}.eva-tagline{position:absolute;bottom:10px;font-family:Consolas,Monaco,monospace;font-size:.55rem;letter-spacing:.3em;color:rgba(90,40,160,.8);text-transform:uppercase;z-index:2;user-select:none;font-weight:700;text-shadow:0 0 5px rgba(90,40,160,.4);animation:fadePulse 6s ease-in-out infinite alternate}@keyframes fadePulse{from{opacity:.4}to{opacity:1}}.eva-terminal-bar{position:absolute;top:3px;left:0;right:0;height:18px;background:rgba(0,0,0,.75);border-bottom:1px solid rgba(51,255,102,.25);border-top:1px solid rgba(51,255,102,.08);overflow:hidden;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.5)}.eva-terminal-text{display:inline-block;white-space:nowrap;font-family:Consolas,Monaco,monospace;font-size:.65rem;color:#3f6;font-weight:700;line-height:18px;animation:evaTerminalScroll 40s linear infinite;text-shadow:0 0 6px rgba(51,255,102,.5);will-change:transform}@keyframes evaTerminalScroll{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}.eva-status-lights{position:absolute;bottom:10px;right:16px;display:flex;gap:8px;z-index:4;align-items:center;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:3px;border:1px solid rgba(90,40,160,.2)}.eva-light{width:8px;height:8px;border-radius:50%;position:relative}.eva-light::after{content:'';position:absolute;inset:2px;background:#fff;border-radius:50%;opacity:.5}.eva-light-label{font-family:Consolas,Monaco,monospace;font-size:.55rem;font-weight:700;color:#ff6a00;text-shadow:0 0 4px rgba(255,106,0,.3);text-transform:uppercase;letter-spacing:.1em;margin-right:4px}.eva-light.green.melchior{background:#3f6;box-shadow:0 0 6px #3f6,0 0 12px rgba(51,255,102,.4);animation:magiFlickerA 7s infinite}.eva-light.green.balthasar{background:#3f6;box-shadow:0 0 6px #3f6,0 0 12px rgba(51,255,102,.4);animation:magiFlickerB 11s infinite}.eva-light.orange.casper{background:#ffb800;box-shadow:0 0 6px #ffb800,0 0 12px rgba(255,184,0,.4);animation:magiFlickerC 4s infinite}@keyframes magiFlickerA{0%,100%,96%,98%{opacity:1}97%{opacity:.1}}@keyframes magiFlickerB{0%,100%,40%,42%{opacity:1}41%{opacity:.1}}@keyframes magiFlickerC{0%,100%,80%,84%{opacity:1;box-shadow:0 0 6px #ffb800,0 0 12px rgba(255,184,0,.4)}82%{opacity:.4;box-shadow:none}}.eva-pilot{display:none}[data-theme=evangelion] .eva-pilot{display:block;position:absolute;right:3%;bottom:0;width:clamp(55px,11vh,100px);height:clamp(70px,13vh,130px);z-index:2;opacity:.85;background:url('../themes/evangelion/berserk.webp') center bottom/contain no-repeat;pointer-events:none;animation:evaPilotBreathe 5s ease-in-out infinite alternate;filter:drop-shadow(0 0 16px rgba(255,106,0,.5)) brightness(1.2)}@keyframes evaPilotBreathe{0%{opacity:.7;filter:drop-shadow(0 0 12px rgba(255,106,0,.4)) brightness(1.1)}100%{opacity:.9;filter:drop-shadow(0 0 22px rgba(255,106,0,.6)) brightness(1.3)}}@media (max-width:768px){[data-theme=evangelion] .eva-pilot{right:2%;width:40px;height:55px}[data-theme=evangelion] .stream-layout::before{display:none}}[data-theme=evangelion] .bottom-bar a:hover,[data-theme=evangelion] .bottom-bar button:hover{text-shadow:0 0 8px rgba(255,106,0,.5)}[data-theme=evangelion] .channel-item:hover{background:rgba(90,40,160,.1)}[data-theme=evangelion] .channel-item.active{box-shadow:inset 3px 0 12px rgba(255,106,0,.12)}[data-theme=evangelion] .channel-svc-badge{background:rgba(90,40,160,.15);border:1px solid rgba(90,40,160,.25);color:rgba(160,120,220,.8)}[data-theme=evangelion] .channel-menu{border-color:rgba(90,40,160,.3);box-shadow:0 8px 40px rgba(255,106,0,.08),0 0 1px rgba(90,40,160,.5);background:rgba(10,5,18,.95)}[data-theme=evangelion] .theme-menu{border-color:rgba(90,40,160,.3);box-shadow:0 4px 20px rgba(255,106,0,.08);background:rgba(10,5,18,.95)}[data-theme=evangelion] .channel-list{scrollbar-color:rgba(255,106,0,0.35) rgba(90,40,160,0.1)}[data-theme=evangelion] .channel-list::-webkit-scrollbar-thumb{background:rgba(255,106,0,.35)}[data-theme=evangelion] .channel-list::-webkit-scrollbar-track{background:rgba(90,40,160,.1)}[data-theme=evangelion] .channel-tab{border-bottom-color:transparent}[data-theme=evangelion] .channel-tab.active{border-bottom-color:#ff6a00;text-shadow:0 0 8px rgba(255,106,0,.3)}[data-theme=evangelion] .channel-flipper{border-color:rgba(90,40,160,.3);background:rgba(10,5,18,.85)}[data-theme=evangelion] .channel-flipper::before{background:linear-gradient(135deg,rgba(255,106,0,.2),rgba(90,40,160,.15) 60%)}[data-theme=evangelion] .channel-flipper button:hover{text-shadow:0 0 6px rgba(255,106,0,.5)}[data-theme=evangelion] .bottom-bar{background:rgba(10,5,18,.95);border-top:1px solid rgba(90,40,160,.2)}[data-theme=evangelion] .stream-layout::after{background:linear-gradient(90deg,transparent 10%,#ff6a00 50%,transparent 90%);box-shadow:0 0 10px #ff6a00,0 0 20px rgba(255,106,0,.3)}[data-theme=evangelion] .motd-bar{background:rgba(90,40,160,.1);border-bottom-color:rgba(90,40,160,.2)}[data-theme=evangelion] .layout-menu{border-color:rgba(90,40,160,.3);box-shadow:0 8px 30px rgba(255,106,0,.06);background:rgba(10,5,18,.95)}[data-theme=evangelion] .channel-live-dot{background:#3f6;box-shadow:0 0 4px rgba(51,255,102,.6),0 0 10px rgba(51,255,102,.3)}[data-theme=evangelion] .channel-item.active .channel-live-dot{background:#ff6a00;box-shadow:0 0 6px rgba(255,106,0,.8),0 0 16px rgba(255,106,0,.4)}[data-theme=evangelion] .channel-item.channel-offline .channel-live-dot{background:var(--danger,#d9534f);box-shadow:0 0 4px rgba(217,83,79,.5);animation:none}[data-theme=evangelion] .live-pulse{background:#3f6;box-shadow:0 0 6px rgba(51,255,102,.5),0 0 14px rgba(51,255,102,.25)}@media (prefers-reduced-motion:reduce){.eva-nerv-text{animation:none!important}.eva-nerv-text::after,.eva-nerv-text::before{animation:none!important}.eva-terminal-text{animation:none!important}.eva-light{animation:none!important}.eva-hex-canvas{display:none}.eva-warning-stripe-bottom,.eva-warning-stripe-top{animation:none!important}body[data-theme=evangelion]::after{display:none}[data-theme=evangelion] .eva-pilot{animation:none!important}}body[data-theme=hellokitty]{background:radial-gradient(circle at 20% 15%,rgba(244,108,140,.08) 0 3px,transparent 4px),radial-gradient(circle at 75% 55%,rgba(244,108,140,.06) 0 2.5px,transparent 3.5px),radial-gradient(circle at 45% 85%,rgba(244,108,140,.05) 0 2px,transparent 3px),linear-gradient(180deg,#fff4f7 0,#ffe6ee 55%,#fed5dd 100%);background-size:180px 180px,240px 240px,200px 200px,100% 100%;background-attachment:fixed;color:var(--text-primary)}[data-theme=hellokitty] .banner-img{display:none!important}[data-theme=hellokitty] .site-banner{background-color:#ffc6d6;background-image:url('../themes/hellokitty/banner.jpg');background-repeat:repeat-x;background-position:center center;background-size:auto 100%;border-bottom:2px solid #f46c8c;box-shadow:0 2px 0 #ffd4e0,0 4px 12px rgba(244,108,140,.15);height:110px;padding:0;overflow:hidden}[data-theme=hellokitty] .bottom-bar,[data-theme=hellokitty] .stream-layout{position:relative;z-index:1}[data-theme=hellokitty] .bottom-bar{background:linear-gradient(180deg,#ffeaf0 0,#ffd4e0 100%);border-top:1px solid var(--border)}[data-theme=hellokitty] .text-muted,[data-theme=hellokitty] .text-secondary{font-weight:500}[data-theme=hellokitty] input,[data-theme=hellokitty] select,[data-theme=hellokitty] textarea{background:#fff;border-color:var(--border);color:var(--text-primary)}[data-theme=hellokitty] input:focus,[data-theme=hellokitty] select:focus,[data-theme=hellokitty] textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}@media (prefers-reduced-motion:reduce){body[data-theme=hellokitty]{background-attachment:scroll}}[data-theme=synthwave] .banner-img{display:none!important}[data-theme=synthwave] .eva-banner{display:none!important}.sw-banner{display:none;position:relative;width:100%;height:150px;overflow:hidden;contain:layout paint;background:linear-gradient(180deg,#05010f 0,#0d0221 18%,#1a0533 40%,#2d1b69 60%,#6b2fa0 76%,#ff2975 88%,#ff6b35 95%,#ffd319 100%)}[data-theme=synthwave] .sw-banner{display:block}.sw-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 15% 15%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 40% 22%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 70% 18%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 85% 12%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 60% 28%,rgba(255,255,255,.4),transparent);pointer-events:none}.sw-mountains{position:absolute;left:0;right:0;bottom:48px;height:26px;background:linear-gradient(135deg,transparent 49.5%,#1a0533 50%) 0 0/60px 22px,linear-gradient(45deg,transparent 49.5%,#1a0533 50%) 30px 0/60px 22px;opacity:.55;pointer-events:none;z-index:0}.sw-sun{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:200px;height:100px;border-radius:200px 200px 0 0;background:linear-gradient(180deg,#ffd319 0,#fa2 28%,#ff6b35 55%,#ff2975 85%,#b24dff 100%);box-shadow:0 0 80px rgba(255,107,53,.35);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 38%,transparent 40%,transparent 45%,#000 45%,#000 52%,transparent 54%,transparent 60%,#000 60%,#000 68%,transparent 70%,transparent 78%,#000 78%,#000 88%,transparent 90%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 38%,transparent 40%,transparent 45%,#000 45%,#000 52%,transparent 54%,transparent 60%,#000 60%,#000 68%,transparent 70%,transparent 78%,#000 78%,#000 88%,transparent 90%,transparent 100%);z-index:0}.sw-palms{position:absolute;bottom:44px;width:70px;height:60px;pointer-events:none;z-index:1;background-repeat:no-repeat;background-position:bottom center;background-size:contain;opacity:.85}.sw-palms-left{left:4%}.sw-palms-right{right:4%;transform:scaleX(-1)}.sw-palms::after,.sw-palms::before{content:'';position:absolute;bottom:0;background:#0a0118}.sw-palms::before{left:50%;width:3px;height:52px;margin-left:-1.5px;background:linear-gradient(180deg,#160528 0,#0a0118 100%);box-shadow:0 0 4px rgba(255,41,117,.35);transform:skewX(-2deg)}.sw-palms::after{left:50%;bottom:48px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#0a0118;box-shadow:-14px -2px 0 -1px #0a0118,14px -2px 0 -1px #0a0118,-10px -8px 0 -1px #0a0118,10px -8px 0 -1px #0a0118,-18px 2px 0 -2px #0a0118,18px 2px 0 -2px #0a0118,0 -10px 0 -1px #0a0118}.sw-horizon-glow{position:absolute;bottom:50px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 2%,rgba(255,41,117,.5) 18%,rgba(255,107,53,.7) 40%,rgba(255,211,25,.85) 50%,rgba(255,107,53,.7) 60%,rgba(255,41,117,.5) 82%,transparent 98%);box-shadow:0 0 18px rgba(255,107,53,.6),0 0 36px rgba(255,41,117,.3),0 1px 0 rgba(0,255,245,.4);z-index:1}.sw-grid-floor{position:absolute;bottom:0;left:-20%;width:140%;height:50px;background:repeating-linear-gradient(90deg,var(--sw-grid) 0,var(--sw-grid) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,var(--sw-grid) 0,var(--sw-grid) 1px,transparent 1px,transparent 12px);transform:perspective(150px) rotateX(45deg);transform-origin:center top}@keyframes sw-grid-scroll{from{background-position:0 0}to{background-position:0 12px}}.sw-title-wrap{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3}.sw-title{position:relative;display:block;font-family:'Arial Black','Helvetica Neue',Impact,sans-serif;font-size:2.4rem;font-weight:900;font-style:italic;letter-spacing:.18em;color:#fff;line-height:1;text-shadow:2px 0 0 rgba(255,41,117,.85),-2px 0 0 rgba(0,255,245,.85),0 3px 0 #b24dff,0 5px 14px rgba(255,41,117,.4);transform:perspective(400px) rotateX(2deg)}.sw-title::before{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,transparent 45%,#ffd319 46%,#ff6b35 62%,#ff2975 80%,#b24dff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;pointer-events:none;letter-spacing:inherit}.sw-subtitle{display:inline-flex;gap:.45em;align-items:center;font-family:Consolas,Monaco,monospace;font-size:.6875rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;margin-top:10px;padding:3px 10px;background:rgba(10,1,24,.55);border:1px solid rgba(0,255,245,.25);border-radius:2px;box-shadow:0 0 12px rgba(0,255,245,.15),inset 0 0 8px rgba(255,41,117,.06)}.sw-sub-live{color:var(--sw-pink);text-shadow:0 0 6px rgba(255,41,117,.9),0 0 12px rgba(255,41,117,.4);animation:sw-blink 1.6s steps(2,end) infinite}.sw-sub-sep{color:rgba(255,255,255,.35)}.sw-sub-ch{color:var(--sw-yellow);text-shadow:0 0 6px rgba(255,211,25,.5)}@keyframes sw-blink{0%,60%{opacity:1}100%,61%{opacity:.35}}.sw-vhs-track{display:none}[data-theme=synthwave] .public-page{background:radial-gradient(ellipse at 50% 100%,rgba(178,77,255,.04) 0,transparent 60%),var(--bg-darker)}body[data-theme=synthwave]::after{content:none}[data-theme=synthwave] .bottom-bar{background:linear-gradient(180deg,rgba(13,2,33,.95) 0,rgba(21,5,53,.98) 100%);border-top:1px solid var(--sw-purple);box-shadow:0 -2px 12px rgba(178,77,255,.12),0 -1px 0 rgba(0,255,245,.06)}[data-theme=synthwave] .bottom-bar a,[data-theme=synthwave] .bottom-bar button{color:var(--sw-cyan);text-shadow:0 0 6px rgba(0,255,245,.2);transition:color .2s,text-shadow .2s}[data-theme=synthwave] .bottom-bar a:hover,[data-theme=synthwave] .bottom-bar button:hover{color:var(--sw-yellow);text-shadow:0 0 8px rgba(255,211,25,.4)}[data-theme=synthwave] .channel-menu{background:rgba(13,2,33,.96);border:1px solid var(--sw-purple);box-shadow:0 4px 24px rgba(178,77,255,.12),0 0 1px rgba(0,255,245,.15),inset 0 0 30px rgba(178,77,255,.03)}[data-theme=synthwave] .channel-tab{transition:color .2s,border-color .2s,text-shadow .2s}[data-theme=synthwave] .channel-tab:hover{color:var(--sw-cyan)}[data-theme=synthwave] .channel-tab.active{color:var(--sw-cyan);border-bottom-color:var(--sw-cyan);text-shadow:0 0 6px rgba(0,255,245,.4)}[data-theme=synthwave] .channel-item{border-left:2px solid transparent;transition:background .2s,border-color .2s}[data-theme=synthwave] .channel-item:hover{background:rgba(178,77,255,.06);border-left-color:rgba(0,255,245,.3)}[data-theme=synthwave] .channel-item.active{background:rgba(178,77,255,.08);border-left-color:var(--sw-cyan);box-shadow:inset 3px 0 12px rgba(0,255,245,.06)}[data-theme=synthwave] .channel-svc-badge{border-radius:var(--radius-sm);letter-spacing:.03em}[data-theme=synthwave] .channel-svc-badge[data-service=twitch]{background:rgba(178,77,255,.15);border:1px solid rgba(178,77,255,.3);color:var(--sw-purple)}[data-theme=synthwave] .channel-svc-badge[data-service=kick]{background:rgba(57,255,142,.1);border:1px solid rgba(57,255,142,.2);color:var(--success)}[data-theme=synthwave] .channel-svc-badge[data-service=custom],[data-theme=synthwave] .channel-svc-badge[data-service=customembed]{background:rgba(255,107,53,.12);border:1px solid rgba(255,107,53,.25);color:var(--sw-orange)}[data-theme=synthwave] .channel-live-dot{background:var(--sw-cyan);box-shadow:0 0 4px rgba(0,255,245,.6),0 0 10px rgba(0,255,245,.3)}[data-theme=synthwave] .channel-item.active .channel-live-dot{background:var(--sw-pink);box-shadow:0 0 6px rgba(255,41,117,.8),0 0 14px rgba(255,41,117,.3)}[data-theme=synthwave] .channel-item.channel-offline .channel-live-dot{background:var(--danger,#d9534f);box-shadow:0 0 4px rgba(217,83,79,.5);animation:none}[data-theme=synthwave] .theme-menu{background:rgba(13,2,33,.96);border:1px solid var(--sw-purple);box-shadow:0 4px 24px rgba(178,77,255,.12)}[data-theme=synthwave] .layout-menu{background:rgba(13,2,33,.96);border:1px solid var(--sw-purple);box-shadow:0 8px 30px rgba(178,77,255,.1)}[data-theme=synthwave] .channel-flipper{border-color:rgba(178,77,255,.3);background:rgba(13,2,33,.9)}[data-theme=synthwave] .channel-flipper::before{background:linear-gradient(135deg,rgba(178,77,255,.1),rgba(0,255,245,.06) 60%)}[data-theme=synthwave] .channel-flipper button{color:var(--sw-cyan);text-shadow:0 0 6px rgba(0,255,245,.25)}[data-theme=synthwave] .channel-flipper button:hover{color:var(--sw-yellow);text-shadow:0 0 8px rgba(255,211,25,.4);background:rgba(255,211,25,.06)}[data-theme=synthwave] .channel-list{scrollbar-color:rgba(178,77,255,0.35) rgba(178,77,255,0.06)}[data-theme=synthwave] .channel-list::-webkit-scrollbar-thumb{background:rgba(178,77,255,.35)}[data-theme=synthwave] .channel-list::-webkit-scrollbar-thumb:hover{background:rgba(178,77,255,.5)}[data-theme=synthwave] .channel-list::-webkit-scrollbar-track{background:rgba(178,77,255,.06)}[data-theme=synthwave] .stream-layout::after{background:linear-gradient(180deg,transparent 10%,var(--sw-purple) 25%,var(--sw-cyan) 50%,var(--sw-purple) 75%,transparent 90%);box-shadow:0 0 8px rgba(0,255,245,.3),0 0 16px rgba(178,77,255,.2)}[data-theme=synthwave] .motd-bar{background:rgba(178,77,255,.05);border-bottom:1px solid rgba(178,77,255,.25)}[data-theme=synthwave] .motd-bar .motd-text{color:var(--sw-cyan);text-shadow:0 0 6px rgba(0,255,245,.2)}[data-theme=synthwave] .now-playing{color:var(--text-secondary);border-left-color:rgba(178,77,255,.3);border-right-color:rgba(178,77,255,.3)}[data-theme=synthwave] .now-playing strong{color:var(--sw-cyan);text-shadow:0 0 6px rgba(0,255,245,.3)}[data-theme=synthwave] .live-pulse{background:var(--sw-cyan);box-shadow:0 0 6px rgba(0,255,245,.6),0 0 14px rgba(0,255,245,.25)}[data-theme=synthwave] .feedback-modal{background:#150535;border:1px solid var(--sw-purple);box-shadow:0 0 20px rgba(178,77,255,.15),0 0 40px rgba(0,255,245,.04)}[data-theme=synthwave] .feedback-modal .feedback-header{border-bottom-color:rgba(178,77,255,.3)}[data-theme=synthwave] .feedback-modal h2{color:var(--sw-cyan);text-shadow:0 0 8px rgba(0,255,245,.3)}[data-theme=synthwave] .shortcuts-modal{background:#150535;border:1px solid var(--sw-purple);box-shadow:0 0 20px rgba(178,77,255,.15),0 0 40px rgba(0,255,245,.04)}[data-theme=synthwave] .shortcuts-header{border-bottom-color:rgba(178,77,255,.3)}[data-theme=synthwave] .shortcuts-header h2{color:var(--sw-cyan);text-shadow:0 0 8px rgba(0,255,245,.3)}[data-theme=synthwave] .shortcuts-group h3{color:var(--sw-pink)}[data-theme=synthwave] .more-menu-popup{background:#150535;border:1px solid var(--sw-purple);box-shadow:0 0 20px rgba(178,77,255,.15)}[data-theme=synthwave] .login-box{border:1px solid var(--sw-purple);background:rgba(21,5,53,.95);box-shadow:0 0 30px rgba(178,77,255,.1),0 0 60px rgba(178,77,255,.05)}[data-theme=synthwave] .login-box input:focus{border-color:var(--sw-cyan);box-shadow:0 0 0 2px rgba(0,255,245,.15),0 0 8px rgba(0,255,245,.1)}@media (prefers-reduced-motion:reduce){.sw-grid-floor{animation:none!important}body[data-theme=synthwave]::after{display:none}}body.overlay-open[data-theme=synthwave] .sw-grid-floor{animation-play-state:paused}body.overlay-open[data-theme=synthwave]::after{display:none}body.overlay-open[data-theme=synthwave] .sw-sun{box-shadow:none}body.overlay-open .feedback-overlay,body.overlay-open .shortcuts-overlay{backdrop-filter:none}@media (max-width:768px){.sw-banner{height:72px}.sw-sun{width:70px;height:35px;bottom:12px}.sw-title{font-size:1rem;letter-spacing:.15em}.sw-subtitle{font-size:.4rem}.sw-grid-floor{height:22px}.sw-horizon-glow{bottom:24px}}.feedback-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s var(--ease-out-quart),visibility .25s}.feedback-overlay.open{opacity:1;visibility:visible}.feedback-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);width:90%;max-width:440px;transform:translateY(12px) scale(.97);transition:transform .25s var(--ease-out-quart)}.feedback-overlay.open .feedback-modal{transform:translateY(0) scale(1)}.feedback-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--border)}.feedback-header h2{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.feedback-close{background:0 0;border:none;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;padding:var(--sp-xs);border-radius:var(--radius-sm);transition:color .15s}.feedback-close:hover{color:var(--text-primary)}.feedback-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#feedbackForm{padding:var(--sp-lg)}.feedback-type-row{display:flex;gap:var(--sp-sm);margin-bottom:var(--sp-md)}.feedback-type-btn{flex:1;cursor:pointer}.feedback-type-btn input{position:absolute;opacity:0;pointer-events:none}.feedback-type-btn span{display:flex;align-items:center;justify-content:center;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:all .15s var(--ease-out-quart)}.feedback-type-btn input:checked+span{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb,192,160,64),.08)}.feedback-type-btn input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}#feedbackMessage{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--sp-sm) var(--sp-md);resize:vertical;min-height:80px;transition:border-color .15s}#feedbackMessage:focus{outline:0;border-color:var(--accent)}#feedbackMessage::placeholder{color:var(--text-muted)}.feedback-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-md)}.feedback-char-count{font-size:var(--text-xs);color:var(--text-muted)}.feedback-status{margin-top:var(--sp-sm);font-size:var(--text-sm);min-height:1.2em}.feedback-status.success{color:var(--success)}.feedback-status.error{color:var(--danger)}@media (prefers-reduced-motion:reduce){.feedback-overlay{transition:none}.feedback-modal{transition:none}}@media (forced-colors:active){.feedback-type-btn input:checked+span{border:2px solid ButtonText}.feedback-modal{border:2px solid CanvasText}}.more-menu{position:relative}.more-menu-popup{position:absolute;bottom:calc(100% + var(--sp-sm));right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);min-width:180px;padding:var(--sp-xs) 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s var(--ease-out-quart),transform .2s var(--ease-out-quart),visibility .2s;z-index:800}.more-menu-popup.open{opacity:1;visibility:visible;transform:translateY(0)}.more-menu-item{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:500;white-space:nowrap;transition:background .15s,color .15s;text-decoration:none;background:0 0;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.more-menu-item:hover{background:var(--bg-input);color:var(--accent);transform:none}.more-menu-item i{width:1.2em;text-align:center;font-size:var(--text-lg)}.shortcuts-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s var(--ease-out-quart),visibility .25s}.shortcuts-overlay.open{opacity:1;visibility:visible}.shortcuts-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);width:90%;max-width:400px;transform:translateY(12px) scale(.97);transition:transform .25s var(--ease-out-quart)}.shortcuts-overlay.open .shortcuts-modal{transform:translateY(0) scale(1)}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--border)}.shortcuts-header h2{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.shortcuts-body{padding:var(--sp-lg)}.shortcuts-group{margin-bottom:var(--sp-lg)}.shortcuts-group:last-child{margin-bottom:0}.shortcuts-group h3{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--sp-sm)}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-xs) 0;font-size:var(--text-sm);color:var(--text-secondary)}.shortcut-keys{display:flex;gap:var(--sp-xs)}kbd{display:inline-block;padding:var(--sp-micro) var(--sp-sm);font-family:Consolas,Monaco,monospace;font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-darker);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:1.6em;text-align:center;line-height:1.5}@media (prefers-reduced-motion:reduce){.more-menu-popup{transition:none}.shortcuts-overlay{transition:none}.shortcuts-modal{transition:none}}@media (forced-colors:active){.shortcuts-modal{border:2px solid CanvasText}.more-menu-popup{border:2px solid CanvasText}kbd{border:1px solid CanvasText}}@media (max-width:768px){.more-menu-popup{right:calc(-1 * var(--sp-sm));min-width:160px}}.stream-loading{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-md);background:radial-gradient(ellipse at center,rgba(192,160,64,.08),transparent 70%),linear-gradient(180deg,#141210 0,#0a0908 100%);color:var(--text-primary);padding:var(--sp-lg);text-align:center;opacity:1;pointer-events:auto;transition:opacity .4s var(--ease-out-quart)}.stream-loading.hidden{opacity:0;pointer-events:none}.stream-loading-spinner{width:36px;height:36px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:fa-spin .9s linear infinite}.stream-loading-title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);letter-spacing:.02em}.stream-loading-sub{margin:0;font-size:var(--text-base);color:var(--accent);font-weight:500}.stream-loading-slow{margin:var(--sp-sm) 0 0;font-size:var(--text-sm);color:var(--text-secondary);max-width:360px;opacity:.75}.link-btn{background:0 0;border:none;color:var(--accent);cursor:pointer;padding:0;font:inherit;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--text-primary)}.now-playing .np-label{font-size:.5625rem;font-weight:800;letter-spacing:.12em;color:var(--danger,#d9534f);text-transform:uppercase;font-variant-numeric:tabular-nums}.now-playing .np-name{color:var(--accent);font-family:Fraunces,'Iowan Old Style',Georgia,serif;font-style:italic;font-weight:500;font-variation-settings:'opsz' 40,'SOFT' 50;font-size:var(--text-lg);letter-spacing:.005em;line-height:1}.now-playing .np-svc{font-size:var(--text-xs);font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.now-playing .np-svc[data-service=kick]{color:#53fc18;border-color:rgba(83,252,24,.3);background:rgba(83,252,24,.08)}.now-playing .np-svc[data-service=twitch]{color:#a970ff;border-color:rgba(169,112,255,.3);background:rgba(169,112,255,.08)}.now-playing .np-svc[data-service=youtube]{color:#ff4040;border-color:rgba(255,64,64,.3);background:rgba(255,64,64,.08)}@media (max-width:768px){.now-playing .np-label,.now-playing .np-svc{display:none}}.stream-chat{display:flex;flex-direction:column}.chat-wrap-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-xs) var(--sp-md);background:var(--bg-card);border-bottom:1px solid var(--border);font-size:var(--text-xs);min-height:28px}.chat-wrap-title{color:var(--accent);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.625rem}.chat-wrap-title i{margin-right:4px}.chat-wrap-hint{color:var(--text-muted);font-size:.625rem;font-style:italic;letter-spacing:.02em}.chat-wrap-body{flex:1;min-height:0;position:relative}.chat-wrap-body>iframe,.chat-wrap-body>script{width:100%!important;height:100%!important}.chat-wrap-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background:var(--bg-darker);pointer-events:none}@media (max-width:768px){.chat-wrap-hint{display:none}}.shortcuts-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:300;padding:var(--sp-lg)}.shortcuts-overlay.open{display:flex;animation:fadeIn .15s var(--ease-out-quart)}.shortcuts-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);width:min(420px,100%);overflow:hidden}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--border)}.shortcuts-header h2{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.shortcuts-header h2 i{color:var(--accent);margin-right:var(--sp-sm)}.shortcuts-close{background:0 0;border:none;color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.shortcuts-close:hover{background:rgba(255,255,255,.06);color:var(--text-primary)}.shortcuts-list{margin:0;padding:var(--sp-md) var(--sp-lg) var(--sp-lg);display:grid;gap:var(--sp-sm)}.shortcuts-row{display:flex;align-items:center;gap:var(--sp-md)}.shortcuts-row dt{display:flex;gap:4px;min-width:90px;flex-shrink:0}.shortcuts-row dd{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.shortcuts-row kbd{display:inline-block;min-width:22px;padding:3px 7px;font-family:var(--font-mono, 'Consolas', monospace);font-size:.75rem;font-weight:600;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-sm);text-align:center;line-height:1}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.tp-banner{display:none}body[data-theme=twinpeaks]{background:#0e0504;position:relative}body[data-theme=twinpeaks]::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(196,30,58,.1) 0,transparent 55%),radial-gradient(ellipse at 0 100%,rgba(196,30,58,.05) 0,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(196,30,58,.05) 0,transparent 50%);pointer-events:none;z-index:0}body[data-theme=twinpeaks]::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.96  0 0 0 0 0.91  0 0 0 0 0.82  0 0 0 0.6 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");opacity:.04;pointer-events:none;z-index:50}[data-theme=twinpeaks] .bottom-bar,[data-theme=twinpeaks] .site-banner,[data-theme=twinpeaks] .stream-layout{position:relative;z-index:1}[data-theme=twinpeaks] .banner-img{display:none!important}[data-theme=twinpeaks] .site-banner{background:0 0;border-bottom:1px solid rgba(196,30,58,.3);padding:0;overflow:visible;box-shadow:0 4px 24px rgba(196,30,58,.18)}@media (max-width:768px){[data-theme=twinpeaks] .banner-img{display:block!important}[data-theme=twinpeaks] .site-banner{background:var(--bg-darker);padding:var(--sp-xs) 0;overflow:hidden}[data-theme=twinpeaks] .tp-banner{display:none!important}}[data-theme=twinpeaks] .tp-banner{display:flex;position:relative;width:100%;height:13vh;max-height:120px;min-height:72px;overflow:hidden;background:#060201;align-items:center;justify-content:center;animation:bannerSlideDown .6s var(--ease-out-expo) both}.tp-forest{position:absolute;inset:0;z-index:1;background-image:url("/assets/themes/twinpeaks/forest.png?v=2");background-size:cover;background-position:center 38%;background-repeat:no-repeat;filter:saturate(1.08) contrast(1.05)}.tp-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(6,2,1,.6) 0,transparent 28%,transparent 62%,rgba(6,2,1,.85) 100%),radial-gradient(ellipse at center,transparent 45%,rgba(6,2,1,.35) 100%)}.tp-curtain{position:absolute;top:0;bottom:0;width:18%;z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(0,0,0,.55) 0,rgba(50,5,10,.55) 10px,rgba(72,10,18,.55) 18px,rgba(0,0,0,.6) 28px)}.tp-curtain-left{left:0;-webkit-mask-image:linear-gradient(90deg,black 0%,black 30%,transparent 100%);mask-image:linear-gradient(90deg,black 0%,black 30%,transparent 100%)}.tp-curtain-right{right:0;-webkit-mask-image:linear-gradient(270deg,black 0%,black 30%,transparent 100%);mask-image:linear-gradient(270deg,black 0%,black 30%,transparent 100%)}.tp-fog{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.75;background:radial-gradient(ellipse at 30% 70%,rgba(244,231,208,.08) 0,transparent 55%),radial-gradient(ellipse at 70% 40%,rgba(244,231,208,.06) 0,transparent 50%)}[data-theme=twinpeaks] .tp-owl{position:absolute;top:2%;right:2%;height:96%;width:auto;z-index:4;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.7));transform-origin:center center}.tp-title-wrap{position:relative;z-index:5;text-align:center;user-select:none;padding:6px 28px 14px;background:radial-gradient(ellipse at center,rgba(6,2,1,.55) 0,transparent 78%)}.tp-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.6rem, 4.5vh, 2.6rem);font-weight:400;letter-spacing:.36em;text-indent:.36em;color:#f4e7d0;text-shadow:0 0 6px rgba(244,231,208,.5),0 0 16px rgba(196,30,58,.7),0 0 32px rgba(196,30,58,.4);position:relative;display:inline-block}.tp-title::after,.tp-title::before{content:attr(data-text);position:absolute;inset:0;letter-spacing:.36em;text-indent:.36em;pointer-events:none}.tp-title::before{color:rgba(196,30,58,.55);transform:translate3d(-1.5px,0,0);text-shadow:none}.tp-title::after{color:rgba(212,160,74,.28);transform:translate3d(1.5px,0,0);text-shadow:none}.tp-tagline{font-family:Georgia,serif;font-style:italic;font-size:clamp(.625rem, 1.5vh, .8125rem);letter-spacing:.18em;color:#d4a04a;margin-top:6px;opacity:.85;text-shadow:0 0 4px rgba(212,160,74,.3)}.tp-ticker{position:absolute;bottom:0;left:0;right:0;height:20px;background:rgba(6,2,1,.92);border-top:1px solid rgba(212,160,74,.22);overflow:hidden;z-index:6;display:flex;align-items:center}.tp-ticker-text{display:inline-block;white-space:nowrap;font-family:Georgia,serif;font-size:.6875rem;font-style:italic;letter-spacing:.18em;color:#c8a878;line-height:1;animation:tpTickerScroll 60s linear infinite;will-change:transform}@keyframes tpTickerScroll{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}[data-theme=twinpeaks] .bottom-bar a:hover,[data-theme=twinpeaks] .bottom-bar button:hover{color:var(--accent);text-shadow:0 0 8px rgba(196,30,58,.55)}[data-theme=twinpeaks] .np-label{color:var(--accent);text-shadow:0 0 6px rgba(196,30,58,.45)}[data-theme=twinpeaks] .live-pulse{background:var(--accent);box-shadow:0 0 8px var(--accent)}[data-theme=twinpeaks] .channel-item:hover{background:rgba(196,30,58,.1)}[data-theme=twinpeaks] .channel-item.active{background:rgba(196,30,58,.15);box-shadow:inset 3px 0 14px rgba(196,30,58,.28)}[data-theme=twinpeaks] .channel-menu,[data-theme=twinpeaks] .layout-menu,[data-theme=twinpeaks] .more-menu-popup,[data-theme=twinpeaks] .shortcuts-modal,[data-theme=twinpeaks] .theme-menu{background:rgba(14,5,4,.97);border-color:rgba(196,30,58,.35);box-shadow:0 8px 40px rgba(196,30,58,.18),0 0 1px rgba(212,160,74,.3)}[data-theme=twinpeaks] .channel-tab.active{border-bottom-color:var(--accent);text-shadow:0 0 6px rgba(196,30,58,.4)}[data-theme=twinpeaks] .channel-svc-badge{background:rgba(212,160,74,.1);border:1px solid rgba(212,160,74,.28);color:var(--tp-gold)}[data-theme=twinpeaks] .channel-list{scrollbar-color:rgba(196,30,58,0.4) rgba(26,10,10,0.6)}[data-theme=twinpeaks] .channel-list::-webkit-scrollbar-thumb{background:rgba(196,30,58,.4)}[data-theme=twinpeaks] .channel-list::-webkit-scrollbar-track{background:rgba(26,10,10,.6)}[data-theme=twinpeaks] .chat-wrap-header{background:linear-gradient(180deg,#1c0a0a,#0e0504);border-bottom-color:rgba(196,30,58,.3)}[data-theme=twinpeaks] .chat-wrap-title{color:var(--accent)}[data-theme=twinpeaks] .channel-flipper{background:rgba(14,5,4,.88);border-color:rgba(196,30,58,.3)}[data-theme=twinpeaks] .np-svc{border-color:rgba(212,160,74,.3);background:rgba(212,160,74,.08)}@media (prefers-reduced-motion:reduce){.tp-forest,.tp-owl,.tp-ticker-text,.tp-title,.tp-title::after,.tp-title::before,[data-theme=twinpeaks] .tp-fog{animation:none!important}}.bz-banner{display:none}body[data-theme=belzona]{background:#141517;position:relative}body[data-theme=belzona]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 0,rgba(0,72,136,.1) 0,transparent 55%),radial-gradient(ellipse at 0 100%,rgba(90,101,112,.08) 0,transparent 50%),radial-gradient(ellipse at 100% 0,rgba(245,184,0,.04) 0,transparent 40%)}body[data-theme=belzona]::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.04;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9  0 0 0 0 0.9  0 0 0 0 0.87  0 0 0 0.7 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}[data-theme=belzona] .bottom-bar,[data-theme=belzona] .site-banner,[data-theme=belzona] .stream-layout{position:relative;z-index:1}[data-theme=belzona] .banner-img{display:none!important}[data-theme=belzona] .site-banner{background:#0e0f11;border-bottom:1px solid rgba(0,72,136,.35);padding:0;overflow:visible;box-shadow:0 2px 0 rgba(245,184,0,.45),0 4px 24px rgba(0,72,136,.18)}@media (max-width:768px){[data-theme=belzona] .banner-img{display:block!important}[data-theme=belzona] .site-banner{background:var(--bg-darker);padding:var(--sp-xs) 0;overflow:hidden;box-shadow:0 2px 0 rgba(245,184,0,.35)}[data-theme=belzona] .bz-banner{display:none!important}}[data-theme=belzona] .bz-banner{display:flex;position:relative;width:100%;height:13vh;max-height:120px;min-height:72px;overflow:hidden;background:#0e0f11;align-items:center;justify-content:center;animation:bannerSlideDown .6s var(--ease-out-expo) both}.bz-pipe{position:absolute;inset:0;z-index:1;background-image:url("/assets/themes/belzona/pipe.png?v=1");background-size:cover;background-position:center 45%;background-repeat:no-repeat;filter:saturate(1.05) contrast(1.08) brightness(.82)}.bz-monitor{position:absolute;top:4px;right:clamp(56px,6vw,80px);bottom:24px;aspect-ratio:16/11;z-index:5;padding:4px 5px 14px;background:linear-gradient(180deg,#2e2e30 0,#18181a 50%,#0a0a0b 100%);border:1px solid #000;border-radius:5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.6),0 1px 0 rgba(245,184,0,.22),0 5px 18px rgba(0,0,0,.6)}@media (max-width:1023px){.bz-monitor{display:none}}.bz-monitor-screen{position:relative;width:100%;height:calc(100% - 8px);overflow:hidden;background:#000;border-radius:3px;box-shadow:inset 0 0 14px rgba(0,0,0,.85),inset 0 0 0 1px rgba(245,184,0,.14)}.bz-monitor-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;pointer-events:none;filter:saturate(.82) contrast(1.2) brightness(.92) sepia(.1)}.bz-monitor-screen::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,rgba(0,0,0,.32) 0,rgba(0,0,0,.32) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}.bz-monitor-screen::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.7) 100%),linear-gradient(180deg,rgba(255,255,255,.05) 0,transparent 8%,transparent 92%,rgba(0,0,0,.4) 100%);animation:bzCrtFlicker 5s steps(2,end) infinite}@keyframes bzCrtFlicker{0%,100%,96%{opacity:1}97%{opacity:.85}98%{opacity:1}99%{opacity:.92}}.bz-monitor-rec{position:absolute;top:4px;left:5px;z-index:4;display:flex;align-items:center;gap:4px;font-family:Consolas,Monaco,monospace;font-size:.5625rem;font-weight:700;letter-spacing:.18em;color:#ecebe8;text-shadow:0 1px 0 rgba(0,0,0,.8);pointer-events:none;user-select:none}.bz-rec-dot{width:6px;height:6px;border-radius:50%;background:#ff3030;box-shadow:0 0 5px rgba(255,48,48,.85);animation:bzRecBlink 1.4s ease-in-out infinite}@keyframes bzRecBlink{0%,100%{opacity:1}55%{opacity:.15}}.bz-monitor-tc{position:absolute;top:4px;right:5px;z-index:4;font-family:Consolas,Monaco,monospace;font-size:.5625rem;letter-spacing:.12em;color:rgba(245,184,0,.92);text-shadow:0 1px 0 rgba(0,0,0,.85);pointer-events:none;user-select:none;font-variant-numeric:tabular-nums}.bz-monitor-roll{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.12) 45%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.12) 55%,transparent 100%);background-size:100% 18px;background-repeat:no-repeat;background-position:0 -20px;mix-blend-mode:screen;animation:bzRollBar 11s linear infinite}@keyframes bzRollBar{0%,88%{background-position:0 -20px}100%,88.01%{background-position:0 calc(100% + 20px)}}.bz-monitor-bezel-label{position:absolute;bottom:1px;right:6px;font-family:Consolas,Monaco,monospace;font-size:.5rem;letter-spacing:.18em;color:rgba(245,184,0,.75);text-transform:uppercase;line-height:12px;pointer-events:none;user-select:none}.bz-monitor-led{position:absolute;bottom:3px;left:6px;width:5px;height:5px;border-radius:50%;background:#4ca357;box-shadow:0 0 6px rgba(76,163,87,.8),inset 0 0 1px rgba(0,0,0,.4);animation:bzLedPulse 2.4s ease-in-out infinite}@keyframes bzLedPulse{0%,100%{opacity:1}50%{opacity:.45}}.bz-grid{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.08;background-image:linear-gradient(90deg,rgba(245,184,0,.55) 1px,transparent 1px),linear-gradient(0deg,rgba(245,184,0,.45) 1px,transparent 1px);background-size:48px 48px,48px 48px}.bz-scanline{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(14,15,17,.55) 0,transparent 26%,transparent 68%,rgba(14,15,17,.85) 100%),radial-gradient(ellipse at center,transparent 40%,rgba(14,15,17,.45) 100%)}.bz-hex-left,.bz-hex-right{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:30px;z-index:4;pointer-events:none;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.22) 0,transparent 50%),linear-gradient(155deg,#1a2a44 0,#0a1524 55%,#03080f 100%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:0;box-shadow:inset 0 0 0 1px rgba(245,184,0,.45),0 1px 2px rgba(0,0,0,.6);filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.bz-hex-left::before,.bz-hex-right::before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5b800 0,#8a6200 70%,#2a1e00 100%);box-shadow:0 0 0 1px rgba(0,0,0,.4),inset 0 0 2px rgba(0,0,0,.6)}.bz-hex-left{left:14px}.bz-hex-right{right:14px}.bz-hazard{position:absolute;top:0;bottom:20px;width:8px;z-index:5;pointer-events:none;background:repeating-linear-gradient(135deg,#f5b800 0,#f5b800 10px,#141517 10px,#141517 20px);opacity:.85}.bz-hazard-left{left:0;-webkit-mask-image:linear-gradient(180deg,black,transparent);mask-image:linear-gradient(180deg,black,transparent)}.bz-hazard-right{right:0;-webkit-mask-image:linear-gradient(180deg,black,transparent);mask-image:linear-gradient(180deg,black,transparent)}.bz-title-wrap{position:relative;z-index:6;text-align:center;user-select:none;padding:6px 32px 22px;background:radial-gradient(ellipse at center,rgba(14,15,17,.6) 0,transparent 72%)}.bz-kicker{font-family:Consolas,Monaco,monospace;font-size:clamp(.5rem, 1.2vh, .6875rem);letter-spacing:.32em;text-transform:uppercase;color:#f5b800;opacity:.9;margin-bottom:4px;text-shadow:0 1px 0 rgba(0,0,0,.8)}.bz-title{font-family:'Arial Black','Helvetica Neue',Impact,sans-serif;font-size:clamp(1.5rem, 4.6vh, 2.4rem);font-weight:900;letter-spacing:.12em;color:#ecebe8;position:relative;display:inline-block;line-height:1;text-shadow:0 1px 0 #00254a,0 2px 0 #001833,0 3px 0 #000f22,0 4px 0 #000814,0 6px 18px rgba(0,72,136,.7),0 0 24px rgba(0,72,136,.45);animation:bzTitleSettle .8s var(--ease-out-expo) both}@keyframes bzTitleSettle{from{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.bz-title::before{content:attr(data-text);position:absolute;inset:0;color:transparent;-webkit-text-stroke:1px rgba(245,184,0,0.35);pointer-events:none}.bz-reg{font-size:.35em;vertical-align:super;color:#f5b800;margin-left:.15em;-webkit-text-stroke:0;text-shadow:0 1px 0 rgba(0,0,0,.8)}.bz-sub{display:flex;gap:8px;justify-content:center;margin-top:6px;flex-wrap:nowrap}.bz-chip{font-family:Consolas,Monaco,monospace;font-size:clamp(.5rem, 1.1vh, .625rem);letter-spacing:.18em;padding:2px 8px;border:1px solid rgba(245,184,0,.5);color:#ecebe8;background:rgba(20,21,23,.78);text-transform:uppercase;line-height:1.4}.bz-chip-hot{color:#141517;background:#f5b800;border-color:#f5b800;font-weight:700}.bz-ticker{position:absolute;bottom:0;left:0;right:0;height:20px;background:#0a0b0c;border-top:1px solid #f5b800;overflow:hidden;z-index:7;display:flex;align-items:center}.bz-ticker::before{content:"";position:absolute;top:0;bottom:0;left:0;width:42px;background:#f5b800;z-index:1;clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}.bz-ticker::after{content:"REC";position:absolute;left:6px;top:50%;transform:translateY(-50%);font-family:Consolas,monospace;font-size:.625rem;font-weight:700;letter-spacing:.15em;color:#141517;z-index:2}.bz-ticker-text{display:inline-block;white-space:nowrap;padding-left:50px;font-family:Consolas,Monaco,monospace;font-size:.6875rem;letter-spacing:.1em;color:#ecebe8;line-height:1;text-transform:uppercase}.bz-t-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ca357;box-shadow:0 0 6px #4ca357;vertical-align:middle;margin-right:8px}.bz-t-sep{display:inline-block;width:14px;text-align:center;color:#f5b800;font-weight:700;margin:0 6px;opacity:.65}.bz-t-sep::before{content:"\25C6"}@keyframes bzTickerScroll{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}[data-theme=belzona] .bottom-bar a:hover,[data-theme=belzona] .bottom-bar button:hover{color:var(--bz-yellow);text-shadow:0 0 8px rgba(245,184,0,.45)}[data-theme=belzona] .np-label{color:var(--bz-yellow);text-shadow:0 0 4px rgba(245,184,0,.4)}[data-theme=belzona] .live-pulse{background:var(--accent);box-shadow:0 0 8px var(--accent)}[data-theme=belzona] .channel-item:hover{background:rgba(0,72,136,.1)}[data-theme=belzona] .channel-item.active{background:rgba(0,72,136,.15);box-shadow:inset 3px 0 14px rgba(0,72,136,.28);border-left:3px solid var(--bz-yellow)}[data-theme=belzona] .channel-menu,[data-theme=belzona] .layout-menu,[data-theme=belzona] .more-menu-popup,[data-theme=belzona] .shortcuts-modal,[data-theme=belzona] .theme-menu{background:rgba(14,15,17,.97);border-color:rgba(0,72,136,.4);box-shadow:0 8px 40px rgba(0,72,136,.22),0 0 0 1px rgba(245,184,0,.15)}[data-theme=belzona] .channel-tab.active{border-bottom-color:var(--bz-yellow);text-shadow:0 0 6px rgba(245,184,0,.4)}[data-theme=belzona] .channel-svc-badge{background:rgba(245,184,0,.12);border:1px solid rgba(245,184,0,.4);color:var(--bz-yellow);font-family:Consolas,monospace}[data-theme=belzona] .channel-list{scrollbar-color:rgba(0,72,136,0.45) rgba(26,27,29,0.6)}[data-theme=belzona] .channel-list::-webkit-scrollbar-thumb{background:rgba(0,72,136,.45)}[data-theme=belzona] .channel-list::-webkit-scrollbar-track{background:rgba(26,27,29,.6)}[data-theme=belzona] .chat-wrap-header{background:linear-gradient(180deg,#26282b,#0e0f11);border-bottom:1px solid rgba(245,184,0,.4)}[data-theme=belzona] .chat-wrap-title{color:var(--bz-yellow);font-family:Consolas,monospace;letter-spacing:.15em}[data-theme=belzona] .channel-flipper{background:rgba(14,15,17,.92);border-color:rgba(0,72,136,.35)}[data-theme=belzona] .np-svc{border-color:rgba(245,184,0,.4);background:rgba(245,184,0,.08);color:var(--bz-yellow)}@media (prefers-reduced-motion:reduce){.bz-monitor-led,.bz-monitor-roll,.bz-monitor-screen::after,.bz-pipe,.bz-rec-dot,.bz-t-dot,.bz-ticker-text,.bz-title{animation:none!important}.bz-monitor-roll{display:none!important}}