:root,[data-theme=default]{--body-bg: radial-gradient(circle at 50% 0%, #082f49 0%, #0b0e14 70%);--bg-color: #0b0e14;--card-bg: rgba(20, 26, 38, .75);--card-bg-solid: #121824;--card-bg-elevated: rgba(18, 24, 38, .96);--card-header-bg: rgba(10, 14, 23, .65);--bg-surface-inset: rgba(15, 23, 42, .75);--card-bg-hover: rgba(56, 189, 248, .08);--border-color: rgba(56, 189, 248, .22);--border-hover: rgba(56, 189, 248, .45);--border-subtle: rgba(255, 255, 255, .06);--text-color: #f1f5f9;--text-muted: #94a3b8;--text-subtle: #64748b;--accent-blue: #38bdf8;--accent-cyan: #06b6d4;--accent-green: #10b981;--accent-primary: #38bdf8;--accent-hover: #0284c7;--accent-gradient: linear-gradient(135deg, #0284c7, #0369a1);--accent-subtle: rgba(56, 189, 248, .15);--accent-glow: rgba(56, 189, 248, .35);--platform-kick: #53fc18;--platform-kick-glow: rgba(83, 252, 24, .35);--platform-kick-subtle: rgba(83, 252, 24, .12);--platform-kick-border: rgba(83, 252, 24, .4);--platform-twitch: #9146ff;--platform-twitch-glow: rgba(145, 70, 255, .4);--platform-twitch-subtle: rgba(145, 70, 255, .14);--platform-twitch-border: rgba(145, 70, 255, .4);--platform-youtube: #ff0000;--platform-youtube-glow: rgba(255, 0, 0, .4);--platform-youtube-subtle: rgba(255, 0, 0, .14);--platform-youtube-border: rgba(255, 0, 0, .4);--tab-bg-inactive: linear-gradient(180deg, rgba(15, 23, 42, .75) 0%, rgba(10, 14, 26, .95) 100%);--tab-border-inactive: rgba(56, 189, 248, .15);--tab-border-inactive-bottom: rgba(56, 189, 248, .25);--tab-bg-hover: linear-gradient(180deg, rgba(28, 41, 68, .85) 0%, rgba(15, 22, 38, .98) 100%);--tab-border-hover: rgba(56, 189, 248, .45);--tab-bg-active: linear-gradient(180deg, #18233c 0%, #0d1527 100%);--tab-border-active: rgba(56, 189, 248, .38);--tab-ridge-active: #00f0ff;--tab-glow-active: rgba(0, 240, 255, .28);--tab-bottom-active: #0d1527;--mention-color: #f59e0b;--mention-border: var(--mention-color);--mention-accent: var(--mention-color);--mention-arrow: var(--mention-color);--mention-bg: linear-gradient(90deg, rgba(245, 158, 11, .16) 0%, rgba(245, 158, 11, .04) 100%);--mention-border-subtle: rgba(245, 158, 11, .28);--mention-glow: rgba(245, 158, 11, .25);--reply-color: #ec4899;--reply-border: var(--reply-color);--reply-accent: var(--reply-color);--reply-arrow: var(--reply-color);--reply-bg: linear-gradient(90deg, rgba(236, 72, 153, .16) 0%, rgba(236, 72, 153, .04) 100%);--reply-border-subtle: rgba(236, 72, 153, .28);--reply-glow: rgba(236, 72, 153, .25);--glass-blur: blur(16px)}[data-theme=sakura]{--body-bg: radial-gradient(circle at 50% 0%, #2b102f 0%, #0d0914 70%);--bg-color: #0d0914;--card-bg: rgba(28, 18, 38, .8);--card-bg-solid: #181022;--card-bg-elevated: rgba(32, 20, 44, .96);--card-header-bg: rgba(20, 12, 28, .75);--bg-surface-inset: rgba(38, 22, 52, .7);--card-bg-hover: rgba(244, 114, 182, .1);--border-color: rgba(244, 114, 182, .24);--border-hover: rgba(244, 114, 182, .5);--border-subtle: rgba(244, 114, 182, .1);--text-color: #fdf2f8;--text-muted: #c4b5cd;--text-subtle: #897396;--accent-blue: #f472b6;--accent-cyan: #e879f9;--accent-green: #34d399;--accent-primary: #f472b6;--accent-hover: #db2777;--accent-gradient: linear-gradient(135deg, #db2777, #be185d);--accent-subtle: rgba(244, 114, 182, .18);--accent-glow: rgba(244, 114, 182, .35);--tab-bg-inactive: linear-gradient(180deg, rgba(35, 20, 48, .75) 0%, rgba(18, 10, 26, .95) 100%);--tab-border-inactive: rgba(244, 114, 182, .18);--tab-border-inactive-bottom: rgba(244, 114, 182, .28);--tab-bg-hover: linear-gradient(180deg, rgba(58, 30, 80, .85) 0%, rgba(30, 16, 44, .98) 100%);--tab-border-hover: rgba(244, 114, 182, .5);--tab-bg-active: linear-gradient(180deg, #3d1c47 0%, #200f28 100%);--tab-border-active: rgba(244, 114, 182, .45);--tab-ridge-active: #f472b6;--tab-glow-active: rgba(244, 114, 182, .35);--tab-bottom-active: #200f28;--mention-color: #fbbf24;--mention-border: var(--mention-color);--mention-accent: var(--mention-color);--mention-arrow: var(--mention-color);--mention-bg: linear-gradient(90deg, rgba(251, 191, 36, .18) 0%, rgba(251, 191, 36, .04) 100%);--mention-border-subtle: rgba(251, 191, 36, .3);--mention-glow: rgba(251, 191, 36, .25);--reply-color: #f43f5e;--reply-border: var(--reply-color);--reply-accent: var(--reply-color);--reply-arrow: var(--reply-color);--reply-bg: linear-gradient(90deg, rgba(244, 63, 94, .18) 0%, rgba(244, 63, 94, .04) 100%);--reply-border-subtle: rgba(244, 63, 94, .3);--reply-glow: rgba(244, 63, 94, .25)}[data-theme=solarized]{--body-bg: radial-gradient(circle at 50% 0%, #00212b 0%, #00141a 75%);--bg-color: #00141a;--card-bg: rgba(0, 31, 41, .88);--card-bg-solid: #001e27;--card-bg-elevated: rgba(0, 38, 50, .98);--card-header-bg: rgba(0, 18, 24, .82);--bg-surface-inset: rgba(0, 18, 24, .9);--card-bg-hover: rgba(42, 161, 152, .12);--border-color: rgba(42, 161, 152, .24);--border-hover: rgba(42, 161, 152, .55);--border-subtle: rgba(88, 110, 117, .18);--text-color: #eee8d5;--text-muted: #839496;--text-subtle: #586e75;--accent-blue: #2aa198;--accent-cyan: #2aa198;--accent-green: #859900;--accent-primary: #2aa198;--accent-hover: #35b4aa;--accent-gradient: linear-gradient(135deg, #2aa198, #207a73);--accent-subtle: rgba(42, 161, 152, .18);--accent-glow: rgba(42, 161, 152, .35);--tab-bg-inactive: linear-gradient(180deg, rgba(0, 30, 40, .8) 0%, rgba(0, 18, 24, .98) 100%);--tab-border-inactive: rgba(42, 161, 152, .18);--tab-border-inactive-bottom: rgba(42, 161, 152, .3);--tab-bg-hover: linear-gradient(180deg, rgba(0, 45, 58, .88) 0%, rgba(0, 24, 32, .98) 100%);--tab-border-hover: rgba(42, 161, 152, .55);--tab-bg-active: linear-gradient(180deg, #073642 0%, #00222c 100%);--tab-border-active: rgba(42, 161, 152, .45);--tab-ridge-active: #2aa198;--tab-glow-active: rgba(42, 161, 152, .35);--tab-bottom-active: #00222c;--mention-color: #b58900;--mention-border: var(--mention-color);--mention-accent: var(--mention-color);--mention-arrow: var(--mention-color);--mention-bg: linear-gradient(90deg, rgba(181, 137, 0, .2) 0%, rgba(181, 137, 0, .04) 100%);--mention-border-subtle: rgba(181, 137, 0, .35);--mention-glow: rgba(181, 137, 0, .28);--reply-color: #d33682;--reply-border: var(--reply-color);--reply-accent: var(--reply-color);--reply-arrow: var(--reply-color);--reply-bg: linear-gradient(90deg, rgba(211, 54, 130, .2) 0%, rgba(211, 54, 130, .04) 100%);--reply-border-subtle: rgba(211, 54, 130, .35);--reply-glow: rgba(211, 54, 130, .28)}[data-theme=ocean]{--body-bg: radial-gradient(circle at 50% 0%, #0c3559 0%, #031022 75%);--bg-color: #031022;--card-bg: rgba(8, 29, 54, .85);--card-bg-solid: #071f3a;--card-bg-elevated: rgba(12, 38, 70, .96);--card-header-bg: rgba(4, 20, 40, .75);--bg-surface-inset: rgba(6, 24, 48, .85);--card-bg-hover: rgba(14, 165, 233, .12);--border-color: rgba(14, 165, 233, .28);--border-hover: rgba(56, 189, 248, .55);--border-subtle: rgba(14, 165, 233, .12);--text-color: #e0f2fe;--text-muted: #7dd3fc;--text-subtle: #38bdf8;--accent-blue: #0284c7;--accent-cyan: #0284c7;--accent-green: #10b981;--accent-primary: #0284c7;--accent-hover: #0369a1;--accent-gradient: linear-gradient(135deg, #0284c7, #0369a1);--accent-subtle: rgba(2, 132, 199, .18);--accent-glow: rgba(2, 132, 199, .35);--tab-bg-inactive: linear-gradient(180deg, rgba(8, 30, 56, .75) 0%, rgba(3, 16, 34, .95) 100%);--tab-border-inactive: rgba(14, 165, 233, .2);--tab-border-inactive-bottom: rgba(14, 165, 233, .35);--tab-bg-hover: linear-gradient(180deg, rgba(14, 48, 86, .85) 0%, rgba(7, 28, 54, .98) 100%);--tab-border-hover: rgba(56, 189, 248, .55);--tab-bg-active: linear-gradient(180deg, #0d3b6a 0%, #061f3d 100%);--tab-border-active: rgba(14, 165, 233, .45);--tab-ridge-active: #0284c7;--tab-glow-active: rgba(2, 132, 199, .35);--tab-bottom-active: #061f3d;--mention-color: #f59e0b;--mention-border: var(--mention-color);--mention-accent: var(--mention-color);--mention-arrow: var(--mention-color);--mention-bg: linear-gradient(90deg, rgba(245, 158, 11, .16) 0%, rgba(245, 158, 11, .04) 100%);--mention-border-subtle: rgba(245, 158, 11, .3);--mention-glow: rgba(245, 158, 11, .25);--reply-color: #0284c7;--reply-border: var(--reply-color);--reply-accent: var(--reply-color);--reply-arrow: var(--reply-color);--reply-bg: linear-gradient(90deg, rgba(2, 132, 199, .18) 0%, rgba(2, 132, 199, .04) 100%);--reply-border-subtle: rgba(2, 132, 199, .3);--reply-glow: rgba(2, 132, 199, .28)}[data-theme=apex]{--body-bg: radial-gradient(circle at 50% 0%, #0c1a15 0%, #060907 75%);--bg-color: #060907;--card-bg: rgba(11, 20, 16, .86);--card-bg-solid: #0d1813;--card-bg-elevated: rgba(14, 26, 21, .97);--card-header-bg: rgba(9, 16, 13, .82);--bg-surface-inset: rgba(7, 13, 10, .9);--card-bg-hover: rgba(0, 245, 155, .09);--border-color: rgba(0, 245, 155, .22);--border-hover: rgba(0, 245, 155, .52);--border-subtle: rgba(0, 245, 155, .08);--text-color: #f0fdf4;--text-muted: #86a898;--text-subtle: #4d685c;--accent-blue: #00f59b;--accent-cyan: #00f5d4;--accent-green: #00f59b;--accent-primary: #00f59b;--accent-hover: #00cc7e;--accent-gradient: linear-gradient(135deg, #00f59b, #00b875);--accent-subtle: rgba(0, 245, 155, .14);--accent-glow: rgba(0, 245, 155, .32);--tab-bg-inactive: linear-gradient(180deg, rgba(12, 22, 17, .8) 0%, rgba(6, 11, 9, .98) 100%);--tab-border-inactive: rgba(0, 245, 155, .16);--tab-border-inactive-bottom: rgba(0, 245, 155, .28);--tab-bg-hover: linear-gradient(180deg, rgba(18, 34, 27, .88) 0%, rgba(8, 15, 12, .98) 100%);--tab-border-hover: rgba(0, 245, 155, .48);--tab-bg-active: linear-gradient(180deg, #132a21 0%, #091712 100%);--tab-border-active: rgba(0, 245, 155, .42);--tab-ridge-active: #00f59b;--tab-glow-active: rgba(0, 245, 155, .32);--tab-bottom-active: #091712;--mention-color: #fbbf24;--mention-border: var(--mention-color);--mention-accent: var(--mention-color);--mention-arrow: var(--mention-color);--mention-bg: linear-gradient(90deg, rgba(251, 191, 36, .18) 0%, rgba(251, 191, 36, .04) 100%);--mention-border-subtle: rgba(251, 191, 36, .3);--mention-glow: rgba(251, 191, 36, .25);--reply-color: #e879f9;--reply-border: var(--reply-color);--reply-accent: var(--reply-color);--reply-arrow: var(--reply-color);--reply-bg: linear-gradient(90deg, rgba(232, 121, 249, .18) 0%, rgba(232, 121, 249, .04) 100%);--reply-border-subtle: rgba(232, 121, 249, .3);--reply-glow: rgba(232, 121, 249, .25)}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html{height:100%;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);width:100%;width:100vw;margin:0;padding:0;overflow:hidden;position:fixed;inset:0}body{background:var(--body-bg);color:var(--text-color);display:block;height:100%;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);width:100%;width:100vw;padding:0;margin:0;overflow:hidden;box-sizing:border-box;position:fixed;inset:0;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1025px)and (min-height:700px){html,body{position:relative}body{display:flex;justify-content:center;align-items:center;padding:8px}}.terminal-layout{display:flex;flex-direction:row;gap:10px;width:100%;height:100%;height:var(--app-height, 100%);max-width:100%;max-height:var(--app-height, 100%);min-height:0;overflow:hidden;position:relative;box-sizing:border-box;transition:gap .32s cubic-bezier(.4,0,.2,1)}.terminal-layout.chat-collapsed{gap:0}body.terminal-chat-only{padding:0}body.terminal-chat-only .video-container,body.terminal-chat-only .terminal-sidebar{display:none}body.terminal-chat-only .chat-container{width:100%;flex:1;border:none;border-radius:0;box-shadow:none}body.terminal-mini .chat-header,body.terminal-mini .status-bar,body.terminal-mini .terminal-sidebar{display:none}body.terminal-ultralight .terminal-sidebar,body.terminal-ultralight .status-bar,body.terminal-ultralight .video-footer{display:none!important}body.terminal-ultralight .video-container,body.terminal-ultralight .chat-container{background:var(--card-bg-solid)!important;box-shadow:none!important;border-radius:0!important;backdrop-filter:none!important;transition:none!important}body.terminal-ultralight .terminal-layout{transition:none!important}body.terminal-ultralight .chat-feed .emote-img,body.terminal-ultralight .chat-feed .badge-icon{animation:none!important}.video-container,.chat-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff1a;transform:translateZ(0);will-change:border-color;contain:layout;box-sizing:border-box}.chat-container{margin-right:0;min-height:0;height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;transition:margin-right .32s cubic-bezier(.4,0,.2,1),border-color .15s ease}.terminal-layout.chat-collapsed .video-container{flex:1 1 100%!important;max-width:100%!important}.terminal-layout.chat-collapsed .video-header{padding-right:0}.terminal-layout.chat-collapsed .chat-container{margin-right:calc(-1 * var(--chat-width, 380px))!important;pointer-events:none!important;box-shadow:none!important}.video-container:hover,.chat-container:hover{border-color:var(--border-hover)}.video-container{flex:1 1 0;height:100%;max-height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:flex .32s cubic-bezier(.4,0,.2,1),max-width .32s cubic-bezier(.4,0,.2,1),border-color .15s ease}.terminal-layout.video-size-hidden .video-wrap{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.terminal-layout.video-size-hidden .video-footer{display:none!important}.terminal-layout.video-size-hidden .video-container{flex:0 0 auto;height:auto;align-self:flex-start}.terminal-layout.video-size-hidden .chat-container{flex:1;width:auto}.terminal-layout.video-size-small .video-container{flex:0 0 380px;max-width:40%;height:100%}.terminal-layout.video-size-small .chat-container{flex:1;width:auto}.terminal-layout.video-size-medium .video-container{flex:0 0 52%;height:100%}.terminal-layout.video-size-medium .chat-container{flex:1;width:auto}.terminal-layout.video-size-large .video-container,.terminal-layout.video-size-theater .video-container{flex:1;height:100%}.terminal-layout.video-size-theater .chat-container{width:280px;flex-shrink:0}.video-header,.chat-header{background:var(--card-header-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:stretch;justify-content:space-between;gap:0;flex-shrink:0;height:28px;min-height:28px;padding:0;box-sizing:border-box;position:relative;z-index:10}.video-header .header-actions{margin:0 0 0 auto;display:flex;align-items:stretch;gap:0;flex-shrink:0;z-index:5;padding:0;height:100%}.video-wrap{flex:1 1 0;width:100%;height:auto;min-height:0;position:relative;background:#000;overflow:hidden;transform:translateZ(0);contain:strict}.video-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;background:#000}.video-footer{height:36px;min-height:36px;padding:0 12px;background:var(--card-header-bg);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;box-sizing:border-box;user-select:none}.video-meta-left{display:flex;align-items:center;gap:9px;min-width:0;flex:1;overflow:hidden}.video-meta-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.video-favorite-btn{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:4px;font-weight:700;font-size:.72rem;line-height:1;background:var(--bg-surface-inset, rgba(15, 23, 42, .75));border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;user-select:none;transition:all .18s cubic-bezier(.2,.8,.2,1);box-sizing:border-box}.video-favorite-btn:hover{color:#fbbf24;border-color:#fbbf24;background:#fbbf2426;box-shadow:0 0 8px #fbbf2459;transform:translateY(-1px)}.video-favorite-btn.is-favorited{color:#fbbf24;border-color:#fbbf24;background:#fbbf2438;box-shadow:0 0 10px #fbbf2473}.video-favorite-btn .video-favorite-star{font-size:.8rem;color:inherit;line-height:1}.video-favorite-btn .video-favorite-text{color:inherit}.video-category-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:4px;font-weight:600;font-size:.72rem;letter-spacing:.02em;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;line-height:1;transition:all .2s ease;box-sizing:border-box}.video-category-badge.is-live{background:var(--accent-subtle);color:var(--accent-green);border:1px solid var(--border-color);box-shadow:0 0 6px var(--accent-glow)}.video-category-badge.is-offline{background:var(--border-subtle);color:var(--text-muted);border:1px solid var(--border-color)}.video-category-badge.is-banned{background:#f43f5e26;color:#f43f5e;border:1px solid rgba(244,63,94,.4);box-shadow:0 0 8px #f43f5e33}.video-stream-title{font-weight:500;font-size:.8rem;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;line-height:1.3}.video-viewers-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:4px;font-weight:600;font-size:.73rem;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1;box-sizing:border-box;transition:all .2s ease}.video-viewers-badge.is-live{background:#ff44541f;color:#ff5e6d;border:1px solid rgba(255,68,84,.28)}.video-viewers-badge.is-offline{background:var(--border-subtle);color:var(--text-muted);border:1px solid var(--border-color)}.video-viewers-badge.is-banned{background:#f43f5e24;color:#f43f5e;border:1px solid rgba(244,63,94,.35)}.video-viewers-badge .viewers-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.video-viewers-badge.is-live .viewers-dot{background:#ff4454;box-shadow:0 0 6px #ff4454d9;will-change:transform,opacity;animation:liveDotPulse 2s cubic-bezier(.4,0,.6,1) infinite}.video-viewers-badge.is-offline .viewers-dot{background:#64748b}.video-viewers-badge.is-banned .viewers-dot{background:#f43f5e;box-shadow:0 0 6px #f43f5ecc}.video-viewers-badge .viewers-count{color:#fff;font-weight:700}.video-viewers-badge .viewers-label{color:#ff9da6;font-weight:500;font-size:.7rem}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.chat-expand-header-btn{display:none!important}.terminal-layout.chat-collapsed .chat-expand-header-btn{display:inline-flex!important;margin-right:0!important;z-index:5}.chat-expand-header-btn svg{display:block;transition:transform .15s ease}.video-wrap.is-empty-tabs{background:var(--bg-color);display:flex;align-items:center;justify-content:center}.terminal-landing-page{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px 16px;box-sizing:border-box;z-index:2;user-select:none;background:radial-gradient(circle at 50% 30%,var(--card-bg) 0%,var(--bg-color) 85%)}.video-tab.is-landing-tab{border-color:var(--tab-border-inactive)}.video-tab.is-landing-tab .chat-tab-label{color:var(--accent-primary);font-weight:700}.video-tab.is-landing-tab:hover:not(.active){background:var(--tab-bg-hover);border-color:var(--tab-border-hover);box-shadow:inset 0 -1px 3px #0000004d,0 0 6px var(--accent-glow)}.video-tab.is-landing-tab.active{background:var(--tab-bg-active);border:1px solid var(--tab-border-active);border-top:2px solid var(--tab-ridge-active);border-bottom:1px solid var(--tab-bottom-active);box-shadow:0 -2px 10px var(--tab-glow-active),0 3px 10px #000000a6,inset 0 1px #ffffff26}.video-tab.is-landing-tab.active .chat-tab-label{color:var(--text-color)}.video-mosaic-tile.is-landing-tile{background:var(--bg-color);border:1px solid var(--border-color)}.video-mosaic-tile.is-landing-tile:hover{border-color:var(--border-hover)}.video-mosaic-tile.is-landing-tile.is-focused{border-color:var(--accent-primary);box-shadow:0 0 12px var(--accent-glow),inset 0 0 0 1px var(--accent-primary)}.video-mosaic-tile.is-landing-tile .video-tile-content{background:var(--bg-color)}.video-mosaic-tile.is-landing-tile .video-tile-badge.is-landing{background:var(--card-bg-elevated);border:1px solid var(--border-color);color:var(--accent-primary)}.video-mosaic-tile.is-landing-tile .landing-content{padding:12px 8px;gap:10px}.video-mosaic-tile.is-landing-tile .landing-hero-title{font-size:clamp(18px,3.2vw,26px)}.video-mosaic-tile.is-landing-tile .landing-hero-subtitle{font-size:clamp(10.5px,1.8vw,12px);max-width:380px}.landing-backdrop-grid{position:absolute;inset:0;background-image:linear-gradient(to right,var(--border-subtle) 1px,transparent 1px),linear-gradient(to bottom,var(--border-subtle) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;mask-image:radial-gradient(circle at center,black 35%,transparent 75%);opacity:.65;contain:strict;will-change:transform;transform:translateZ(0)}.landing-content{position:relative;z-index:2;max-width:540px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;animation:landingFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes landingFadeIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-badge{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;background:var(--accent-subtle);border:1px solid var(--border-color);border-radius:20px;font-size:10px;font-weight:700;color:var(--accent-primary);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 12px var(--accent-glow)}.landing-pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary);will-change:transform,opacity;animation:landingPulse 2s infinite ease-in-out}@keyframes landingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.landing-hero-title{font-size:clamp(22px,4vw,30px);font-weight:800;color:var(--text-color);letter-spacing:.03em;margin:0;text-transform:uppercase}.landing-title-accent{color:var(--accent-primary);text-shadow:0 0 20px var(--accent-glow)}.landing-hero-subtitle{font-size:12px;color:var(--text-muted);margin:0;line-height:1.5;max-width:420px}.landing-input-form-wrap{width:100%;max-width:420px;margin-top:4px;display:flex;flex-direction:column;gap:8px}.landing-platform-segmented{display:inline-flex;align-self:flex-start;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:6px;padding:2px;gap:2px;box-shadow:0 2px 8px #00000059}.landing-platform-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-muted);font-size:11px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);user-select:none}.landing-platform-btn:hover{color:var(--text-color);background:#ffffff0d}.landing-platform-btn .platform-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:all .2s ease}.landing-platform-btn .platform-dot.kick{background:#53fc18;box-shadow:0 0 6px #53fc1899}.landing-platform-btn .platform-dot.twitch{background:#9146ff;box-shadow:0 0 6px #9146ff99}.landing-platform-btn .platform-dot.youtube{background:red;box-shadow:0 0 6px #f009}.landing-platform-btn.is-kick.active{background:#53fc181f;border-color:#53fc1866;color:#53fc18;box-shadow:0 0 10px #53fc1833}.landing-platform-btn.is-twitch.active{background:#9146ff29;border-color:#9146ff73;color:#c084fc;box-shadow:0 0 10px #9146ff40}.landing-platform-btn.is-youtube.active{background:#ff000029;border-color:#ff000073;color:#f66;box-shadow:0 0 10px #ff000040}.landing-input-row{display:flex;align-items:center;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:6px;padding:3px 4px 3px 10px;box-shadow:0 4px 16px #0006,inset 0 1px 2px #0000004d;transition:all .2s ease}.landing-input-row:focus-within{border-color:var(--accent-primary);box-shadow:0 0 18px var(--accent-glow),inset 0 1px 2px #0000004d}.landing-input-row.is-twitch:focus-within{border-color:#9146ff;box-shadow:0 0 18px #9146ff59,inset 0 1px 2px #0000004d}.landing-at{color:var(--accent-primary);font-size:13px;font-weight:700;margin-right:5px;user-select:none;line-height:1;transition:color .2s ease}.landing-input-row.is-twitch .landing-at{color:#a855f7}.landing-input-row.is-twitch .landing-submit-btn{background:linear-gradient(135deg,#9146ff,#772ce8);border-color:#9146ff;box-shadow:0 0 12px #9146ff66}.landing-input-row.is-twitch .landing-submit-btn:hover{background:linear-gradient(135deg,#a35dff,#873ded);border-color:#a35dff;box-shadow:0 0 18px #9146ff99}.landing-input-row.is-youtube:focus-within{border-color:red;box-shadow:0 0 18px #ff000059,inset 0 1px 2px #0000004d}.landing-input-row.is-youtube .landing-at{color:#ff4d4d}.landing-input-row.is-youtube .landing-submit-btn{background:linear-gradient(135deg,red,#c00);border-color:red;box-shadow:0 0 12px #f006}.landing-input-row.is-youtube .landing-submit-btn:hover{background:linear-gradient(135deg,#ff2a2a,#d00);border-color:#ff2a2a;box-shadow:0 0 18px #f009}.landing-channel-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-color);font-size:12px;font-weight:600;font-family:inherit;min-width:0;padding:4px 2px}.landing-channel-input::placeholder{color:var(--text-subtle)}.landing-submit-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--accent-gradient, var(--accent-primary));border:1px solid var(--accent-primary);border-radius:5px;color:#fff;font-size:11.5px;font-weight:700;cursor:pointer;box-shadow:0 0 12px var(--accent-glow);transition:all .15s ease;white-space:nowrap}.landing-submit-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 18px var(--accent-glow);transform:translateY(-1px)}.landing-quick-section{margin-top:10px;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.landing-quick-header{font-size:10px;font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em}.landing-chips-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:500px}.landing-channel-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:5px;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;user-select:none;line-height:1.2}.landing-channel-chip:hover{background:var(--accent-subtle);border-color:var(--accent-primary);color:var(--text-color);box-shadow:0 0 8px var(--accent-glow);transform:translateY(-1px)}.chip-platform-tag{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;font-size:7.5px;font-weight:800;line-height:1;border-radius:2px;margin-right:2px;user-select:none;pointer-events:none;text-transform:uppercase}.chip-platform-tag[data-platform=kick]{background:var(--platform-kick-subtle);color:var(--platform-kick);border:1px solid var(--platform-kick-border)}.chip-platform-tag[data-platform=twitch]{background:var(--platform-twitch-subtle);color:var(--platform-twitch);border:1px solid var(--platform-twitch-border)}.chip-platform-tag[data-platform=youtube]{background:var(--platform-youtube-subtle);color:var(--platform-youtube);border:1px solid var(--platform-youtube-border)}.landing-channel-chip[data-platform=kick]:hover{border-color:var(--platform-kick-border);box-shadow:0 0 8px var(--platform-kick-glow)}.landing-channel-chip[data-platform=twitch]:hover{border-color:var(--platform-twitch-border);box-shadow:0 0 8px var(--platform-twitch-glow)}.landing-channel-chip[data-platform=youtube]:hover{border-color:var(--platform-youtube-border);box-shadow:0 0 8px var(--platform-youtube-glow)}.landing-channel-chip.is-live{border-color:#22c55e73;background:#22c55e1f;color:#4ade80;font-weight:700;box-shadow:0 0 8px #22c55e26}.landing-channel-chip.is-live:hover{border-color:#22c55e;background:#22c55e3d;color:#fff;box-shadow:0 0 12px #22c55e66}.landing-channel-chip[data-platform=kick].is-live{border-color:var(--platform-kick-border);background:var(--platform-kick-subtle);color:var(--platform-kick);box-shadow:0 0 8px var(--platform-kick-glow)}.landing-channel-chip[data-platform=twitch].is-live{border-color:var(--platform-twitch-border);background:var(--platform-twitch-subtle);color:#c084fc;box-shadow:0 0 8px var(--platform-twitch-glow)}.landing-channel-chip[data-platform=twitch].is-live .chip-live-dot{background:var(--platform-twitch);box-shadow:0 0 6px var(--platform-twitch)}.landing-channel-chip[data-platform=youtube].is-live{border-color:var(--platform-youtube-border);background:var(--platform-youtube-subtle);color:#f66;box-shadow:0 0 8px var(--platform-youtube-glow)}.landing-channel-chip[data-platform=youtube].is-live .chip-live-dot{background:var(--platform-youtube);box-shadow:0 0 6px var(--platform-youtube)}.landing-channel-chip .chip-live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e}.landing-channel-chip .chip-offline-dot{width:6px;height:6px;border-radius:50%;background:var(--text-subtle)}.landing-channel-chip .chip-viewers{font-size:9.5px;color:var(--text-muted)}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:10px;padding:24px;box-sizing:border-box;text-align:center;background:var(--bg-color);color:var(--text-muted);user-select:none;animation:landingFadeIn .25s ease}.chat-empty-icon{font-size:26px;color:var(--accent-primary);filter:drop-shadow(0 0 8px var(--accent-glow));opacity:.85}.chat-empty-title{font-size:13px;font-weight:700;color:var(--text-color)}.chat-empty-subtitle{font-size:11px;color:var(--text-subtle);max-width:220px;line-height:1.4}.video-wrap.is-single{display:block;position:relative;background:#000}.video-wrap.is-single .video-mosaic-tile{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:0;opacity:0;pointer-events:none;z-index:1;transition:opacity .15s ease}.video-wrap.is-single .video-mosaic-tile.is-active-tile{opacity:1;pointer-events:auto;z-index:2}.video-wrap.is-mosaic{display:grid;width:100%;height:100%;padding:4px;gap:4px;box-sizing:border-box;background:#080c14;overflow:hidden}.video-mosaic-tile{position:relative;width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;background:#000;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transform:translateZ(0);will-change:border-color;contain:layout paint;transition:border-color .15s ease}.video-mosaic-tile:hover{border-color:var(--border-hover)}.video-mosaic-tile[data-platform=kick]:hover{border-color:var(--platform-kick-border)}.video-mosaic-tile[data-platform=twitch]:hover{border-color:var(--platform-twitch-border)}.video-mosaic-tile[data-platform=youtube]:hover{border-color:var(--platform-youtube-border)}.video-tile-content{flex:1;width:100%;height:100%;position:relative;background:#000}.video-tile-content iframe,.video-mosaic-tile iframe{position:absolute;inset:0;width:100%;height:100%;border:none;background:#000}.video-tile-header{position:absolute;top:0;left:0;right:0;height:34px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(8,12,20,.88) 0%,rgba(8,12,20,.5) 75%,transparent 100%);z-index:20;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.16,1,.3,1)}.video-mosaic-tile:hover .video-tile-header{opacity:1;pointer-events:auto}.video-wrap.is-single .video-tile-header,.video-wrap.mosaic-count-1 .video-tile-header{display:none!important}.video-tile-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:4px;background:#0f172ad9;border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:600;color:#f1f5f9;cursor:pointer;user-select:none;transition:all .15s ease}.video-tile-badge:hover{background:#1e293bf2;border-color:var(--border-hover)}.video-tile-live-dot{width:6px;height:6px;border-radius:50%;background:#64748b;transition:background-color .2s ease}.video-tile-badge.is-live .video-tile-live-dot{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.video-mosaic-tile[data-platform=kick] .video-tile-badge.is-live .video-tile-live-dot{background:var(--platform-kick);box-shadow:0 0 6px var(--platform-kick)}.video-mosaic-tile[data-platform=twitch] .video-tile-badge.is-live .video-tile-live-dot{background:var(--platform-twitch);box-shadow:0 0 6px var(--platform-twitch)}.video-mosaic-tile[data-platform=youtube] .video-tile-badge.is-live .video-tile-live-dot{background:var(--platform-youtube);box-shadow:0 0 6px var(--platform-youtube)}.video-tile-badge.is-banned{background:#f43f5e29;border-color:#f43f5e73;color:#f43f5e}.video-tile-badge.is-banned .video-tile-live-dot{background:#f43f5e;box-shadow:0 0 6px #f43f5ecc}.video-tile-actions{display:inline-flex;align-items:center;gap:4px}.video-tile-btn{width:24px;height:24px;padding:0;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:#0f172ad9;color:#cbd5e1;font-size:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.video-tile-btn:hover{background:#1e293bf2;color:#fff;border-color:var(--border-hover)}.video-tile-btn.btn-close:hover{background:#ef4444d9;color:#fff;border-color:#ef4444}.video-wrap.is-mosaic.mosaic-count-1{grid-template-columns:1fr;grid-template-rows:1fr;padding:0;gap:0}.video-wrap.is-single .video-mosaic-tile,.video-wrap.is-mosaic.mosaic-count-1 .video-mosaic-tile{border:none;border-radius:0}.video-wrap.is-mosaic.mosaic-count-2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.video-wrap.is-mosaic.mosaic-count-3{grid-template-columns:1.8fr 1fr;grid-template-rows:1fr 1fr}.video-wrap.is-mosaic.mosaic-count-3 .video-mosaic-tile:nth-child(1){grid-column:1;grid-row:1 / span 2}.video-wrap.is-mosaic.mosaic-count-3 .video-mosaic-tile:nth-child(2){grid-column:2;grid-row:1}.video-wrap.is-mosaic.mosaic-count-3 .video-mosaic-tile:nth-child(3){grid-column:2;grid-row:2}.video-wrap.is-mosaic.mosaic-count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.video-wrap.is-mosaic.mosaic-count-5,.video-wrap.is-mosaic.mosaic-count-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.video-wrap.is-mosaic.mosaic-count-many{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:1fr}.kt-player-root{position:relative;width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none;outline:none;font-family:var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);container-type:inline-size;container-name:kt-player;contain:layout paint}.kt-video-element{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background-color:#000;pointer-events:auto;transform:translateZ(0);will-change:transform,opacity;transition:opacity .12s cubic-bezier(.16,1,.3,1)}.kt-video-element.is-hidden{opacity:0;pointer-events:none;z-index:1}.kt-video-element.is-active{opacity:1;pointer-events:auto;z-index:2}.kt-player-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;transition:opacity .2s ease,visibility .2s ease}.kt-player-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none;display:none!important}.kt-player-spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent-primary, #38bdf8);border-radius:50%;animation:kt-spin .8s linear infinite}@keyframes kt-spin{to{transform:rotate(360deg)}}.kt-offline-overlay{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(circle at 50% 25%,var(--card-bg) 0%,var(--bg-color) 88%);backdrop-filter:var(--glass-blur, blur(16px));-webkit-backdrop-filter:var(--glass-blur, blur(16px));display:flex;align-items:center;justify-content:center;padding:clamp(8px,2.5cqi,18px);box-sizing:border-box;z-index:12;pointer-events:auto;overflow:hidden}.kt-offline-overlay:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--border-subtle) 1px,transparent 1px),linear-gradient(to bottom,var(--border-subtle) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;mask-image:radial-gradient(circle at center,black 40%,transparent 80%);opacity:.55}.kt-offline-card{position:relative;z-index:1;width:100%;max-width:900px;max-height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:clamp(10px,2cqi,16px);background:var(--card-bg-elevated);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 16px 48px #000000bf,0 0 24px var(--accent-glow);backdrop-filter:var(--glass-blur, blur(16px));-webkit-backdrop-filter:var(--glass-blur, blur(16px));overflow-y:auto;overflow-x:hidden;gap:8px;color:var(--text-color)}.kt-offline-card::-webkit-scrollbar{width:5px}.kt-offline-card::-webkit-scrollbar-track{background:transparent}.kt-offline-card::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.kt-offline-card::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.kt-offline-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.kt-offline-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.kt-offline-badge{background:#ef444429;border:1px solid rgba(239,68,68,.45);color:#f87171;font-size:10px;font-weight:800;letter-spacing:.6px;padding:2px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;flex-shrink:0;box-shadow:0 0 8px #ef444433}.kt-offline-badge.is-banned{background:#f43f5e29;border:1px solid rgba(244,63,94,.5);color:#f43f5e;box-shadow:0 0 10px #f43f5e40}.kt-offline-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444cc;display:inline-block}.kt-offline-badge.is-banned .kt-offline-dot{background:#f43f5e;box-shadow:0 0 6px #f43f5ee6}.kt-offline-card.is-banned{border-color:#f43f5e59;box-shadow:0 16px 48px #000000bf,0 0 24px #f43f5e2e}.kt-offline-sub{font-size:12.5px;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kt-offline-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.kt-btn-open-explorer{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;color:var(--text-color, #f1f5f9);background:var(--bg-surface-inset, rgba(15, 23, 42, .6));border:1px solid var(--border-color, rgba(255, 255, 255, .15));border-radius:6px;cursor:pointer;transition:all .18s ease;white-space:nowrap}.kt-btn-open-explorer svg{color:var(--accent-primary, #00f0ff)}.kt-btn-open-explorer:hover{color:var(--accent-primary, #00f0ff);border-color:var(--accent-primary, #00f0ff);box-shadow:0 0 12px var(--accent-glow, rgba(0, 240, 255, .3));background:var(--card-bg-hover, rgba(30, 41, 59, .8))}.kt-offline-action-area{margin-top:6px;display:inline-flex;align-items:center}.kt-offline-action-btn{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;font-size:11.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(255,255,255,.25);border-radius:6px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 10px #ef444459}.kt-offline-action-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 16px #ef44448c}.kt-offline-action-btn svg{color:#fff}.kt-offline-vods-section{width:100%;display:flex;flex-direction:column;flex:1;min-height:0}.kt-offline-vods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;width:100%;box-sizing:border-box}.kt-btn-vods{display:inline-flex;align-items:center;gap:4px;padding:0 7px;font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--text-color);background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:4px;height:24px;cursor:pointer;transition:all .18s ease}.kt-btn-vods:hover{color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow);background:var(--card-bg-hover)}@media(max-width:640px){.kt-offline-vods-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.kt-offline-vods-grid{grid-template-columns:1fr}.kt-offline-header-right .kt-offline-vods-heading{display:none}}.kt-offline-vod-card{background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:7px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;padding:0;color:var(--text-color);text-align:left;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s ease,box-shadow .18s ease,background .18s ease;outline:none;position:relative;user-select:none;-webkit-user-select:none;width:100%;min-width:0;box-sizing:border-box;box-shadow:0 4px 14px #00000059}.kt-offline-vod-card:hover,.kt-offline-vod-card:focus-visible{transform:translateY(-2px);border-color:var(--border-hover, var(--accent-primary));background:var(--card-bg-hover, var(--card-bg-elevated));box-shadow:0 8px 24px #0009,0 0 16px var(--accent-glow)}.kt-offline-vod-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.kt-vod-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;min-height:95px;background:var(--card-bg-solid, #080c12);overflow:hidden;flex-shrink:0;border-bottom:1px solid var(--border-subtle)}.kt-vod-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.kt-offline-vod-card:hover .kt-vod-thumb{transform:scale(1.04)}.kt-vod-thumb-fallback{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--card-bg-solid) 0%,var(--bg-surface-inset) 100%);color:var(--text-subtle);font-size:20px}.kt-vod-duration-badge{position:absolute;bottom:5px;right:5px;background:#000000d9;color:var(--text-color, #fff);border:1px solid rgba(255,255,255,.15);font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);letter-spacing:.2px;z-index:2;pointer-events:none;font-variant-numeric:tabular-nums}.kt-vod-type-pill{position:absolute;top:5px;left:5px;background:var(--bg-surface-inset);color:var(--text-subtle);border:1px solid var(--border-color);font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.4px;z-index:2;pointer-events:none}.kt-vod-type-pill.upload{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}.kt-vod-type-pill.archive{background:#a855f733;border-color:#a855f766;color:#d8b4fe}.kt-vod-play-overlay{position:absolute;inset:0;background:#00000061;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease;z-index:3;pointer-events:none}.kt-offline-vod-card:hover .kt-vod-play-overlay,.kt-offline-vod-card:focus-visible .kt-vod-play-overlay{opacity:1}.kt-vod-play-icon{width:32px;height:32px;border-radius:50%;background:var(--accent-gradient, var(--accent-primary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;padding-left:2px;box-shadow:0 4px 14px var(--accent-glow);transform:scale(.92);transition:transform .18s cubic-bezier(.175,.885,.32,1.275)}.kt-offline-vod-card:hover .kt-vod-play-icon{transform:scale(1.06)}.kt-vod-info{padding:6px 7px 7px;display:flex;flex-direction:column;gap:2px;width:100%;min-width:0;box-sizing:border-box}.kt-vod-title{font-size:11px;font-weight:600;color:var(--text-color);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;box-sizing:border-box;transition:color .15s ease}.kt-offline-vod-card:hover .kt-vod-title{color:var(--accent-primary)}.kt-vod-meta-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.kt-vod-date{font-size:10px;color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.kt-vod-rel-time{font-size:10px;color:var(--accent-primary, #38bdf8);font-weight:600;white-space:nowrap}.kt-vod-loading-spinner-wrap{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--text-muted);font-size:13px}.kt-vod-loading-spinner-wrap .kt-player-spinner.small{width:22px;height:22px;border-width:2px}.kt-vod-empty-msg{grid-column:1 / -1;text-align:center;padding:16px;color:var(--text-subtle);font-size:12px;font-style:italic}.kt-btn-exit-vod{background:var(--bg-surface-inset);border:1px solid var(--border-color);color:var(--text-color);padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.kt-btn-exit-vod:hover{background:#ef444433;border-color:#ef444480;color:#fca5a5;box-shadow:0 0 10px #ef444440}.kt-live-btn.is-vod{background:var(--accent-subtle);border:1px solid var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.kt-live-btn.is-vod:hover{background:var(--accent-hover);color:#fff}.kt-live-btn.is-vod .kt-live-dot{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow);animation:none}.kt-live-btn.is-vod .kt-live-text{color:inherit}.kt-yt-headless-stage{position:absolute;inset:0;width:100%;height:100%;background:#000;overflow:hidden;z-index:1;display:flex;align-items:center;justify-content:center}.kt-yt-headless-stage iframe{position:absolute;top:-70px!important;left:0!important;width:100%!important;height:calc(100% + 140px)!important;border:none!important;pointer-events:none;transform:scale(1.04);transform-origin:center center}.kt-yt-click-absorber{position:absolute;inset:0;width:100%;height:100%;z-index:5;cursor:pointer;background:transparent}.kt-player-root.is-offline-mode .kt-controls-bar,.kt-player-root.is-offline-mode:hover .kt-controls-bar,.kt-player-root:has(.kt-offline-overlay:not(.hidden)) .kt-controls-bar,.kt-player-root:has(.kt-offline-overlay:not(.hidden)):hover .kt-controls-bar,.kt-offline-overlay:not(.hidden)~.kt-controls-bar,.kt-offline-overlay:not(.hidden)~.kt-controls-bar.is-active,.kt-offline-overlay:not(.hidden)~.kt-unmute-overlay,.kt-player-root.is-offline-mode .kt-unmute-overlay,.kt-player-root.is-offline-mode .kt-video-element,.kt-player-root:has(.kt-offline-overlay:not(.hidden)) .kt-video-element,.kt-offline-overlay:not(.hidden)~.kt-controls-bar .kt-btn-exit-vod,.kt-player-root:has(.kt-offline-overlay:not(.hidden)) .kt-btn-exit-vod{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.kt-unmute-overlay{z-index:15}.kt-unmute-pill{background:var(--card-bg-elevated);border:1px solid var(--accent-primary);color:var(--text-color);border-radius:30px;padding:10px 18px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);transition:transform .15s ease,background .15s ease,border-color .15s ease;pointer-events:auto}.kt-unmute-pill:hover{transform:scale(1.04);background:var(--card-bg-hover, var(--card-bg-solid));border-color:var(--border-hover)}.kt-unmute-pill svg{color:var(--accent-primary)}.kt-controls-bar{position:absolute;bottom:0;left:0;right:0;padding:24px 14px 10px;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.45) 60%,transparent 100%);display:flex;flex-direction:column;gap:4px;z-index:20;opacity:0;visibility:hidden;pointer-events:none;overflow:visible;transition:opacity .25s ease,visibility .25s ease}.kt-controls-bar.is-active{opacity:1;visibility:visible;pointer-events:auto}.kt-controls-bar:not(.is-active) .kt-live-dot{animation-play-state:paused}.kt-timeline-wrap{position:relative;width:100%;height:16px;display:flex;align-items:center;cursor:pointer;user-select:none;touch-action:none}.kt-timeline-track{position:relative;width:100%;height:5px;background:#ffffff38;border-radius:3px;overflow:visible}.kt-timeline-buffered{position:absolute;top:0;left:0;height:100%;width:0%;background:#ffffff6b;border-radius:3px;pointer-events:none}.kt-timeline-progress{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--accent-primary);border-radius:3px;pointer-events:none}.kt-timeline-handle{position:absolute;top:50%;left:100%;transform:translate(-50%,-50%) scale(0);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080;transition:transform .12s ease;pointer-events:none}.kt-timeline-wrap:hover .kt-timeline-handle,.kt-timeline-wrap.is-dragging .kt-timeline-handle{transform:translate(-50%,-50%) scale(1)}.kt-timeline-wrap.is-dragging .kt-timeline-progress,.kt-timeline-wrap.is-dragging .kt-timeline-handle{transition:none!important}.kt-timeline-tooltip{position:absolute;bottom:100%;transform:translate(-50%);margin-bottom:6px;background:#0e121af2;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:10px;font-weight:700;font-family:var(--font-mono, monospace);padding:3px 6px;border-radius:4px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #00000080;z-index:30}.kt-controls-row{display:flex;align-items:center;justify-content:space-between;width:100%}.kt-controls-left,.kt-controls-right{display:flex;align-items:center;gap:8px}.kt-btn{background:transparent;border:none;color:#ffffffd9;cursor:pointer;padding:6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:color .12s ease,background .12s ease}.kt-btn:hover{color:#fff;background:#ffffff1f}.kt-btn:active{background:#ffffff2e}.kt-btn svg.hidden,.kt-btn .hidden,.kt-player-root .hidden{display:none!important}.kt-vol-wrap{display:flex;align-items:center;gap:4px}.kt-vol-slider{width:60px;appearance:none;-webkit-appearance:none;height:4px;border-radius:2px;background:#ffffff4d;outline:none;opacity:0;transform:scaleX(0);transform-origin:left center;pointer-events:none;transition:opacity .15s ease,transform .15s ease;cursor:pointer}.kt-vol-wrap:hover .kt-vol-slider,.kt-vol-slider:focus{opacity:1;transform:scaleX(1);pointer-events:auto}.kt-vol-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-primary);cursor:pointer}.kt-vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none}.kt-live-btn{display:inline-flex;align-items:center;gap:5px;background:#e9113ce0;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:4px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.kt-live-btn:hover{background:#ff2d5ffa}.kt-live-btn.is-behind{background:#fa03;border:1px solid rgba(255,170,0,.7);color:#ffb822;text-transform:none;font-variant-numeric:tabular-nums}.kt-live-btn.is-behind:hover{background:#ffaa0059;color:#fff}.kt-live-btn.is-behind .kt-live-dot{background:#ffb822;animation:none}.kt-live-text{text-transform:none}.kt-live-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:kt-pulse 1.4s ease-in-out infinite}@keyframes kt-pulse{0%,to{opacity:1}50%{opacity:.4}}.kt-uptime-text{font-family:var(--font-mono, monospace);font-size:11px;color:#ffffffb3;margin-left:2px}.kt-quality-wrap{position:relative}.kt-btn-quality{gap:4px;font-size:11px;font-weight:600;padding:4px 8px}.kt-quality-current{font-size:11px;font-weight:600;color:var(--accent-primary)}.kt-quality-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#0e121af2;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 0;min-width:120px;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 8px 28px #0009;z-index:100}.kt-quality-menu.hidden{display:none}.kt-quality-item{background:transparent;border:none;color:#ffffffd9;padding:7px 14px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:background .12s ease,color .12s ease}.kt-quality-item:hover{background:#ffffff14;color:#fff}.kt-quality-item.is-active{color:var(--accent-primary);font-weight:600}.kt-check{color:var(--accent-primary);font-weight:700;font-size:12px}.kt-media-engine-container{position:absolute;inset:0;width:100%;height:100%;background-color:#000;z-index:25;display:flex;flex-direction:column;overflow:hidden}.kt-media-engine-bar{position:absolute;top:0;left:0;right:0;height:48px;background:linear-gradient(180deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.45) 75%,transparent 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;gap:12px;padding:0 16px;z-index:30;pointer-events:auto;opacity:0;transition:opacity .22s ease-in-out}.kt-media-engine-container:hover .kt-media-engine-bar,.kt-media-engine-container:focus-within .kt-media-engine-bar{opacity:1}.kt-media-engine-return-btn{display:inline-flex;align-items:center;gap:6px;background:#141418e0;border:1px solid var(--border-subtle, rgba(255, 255, 255, .15));border-radius:var(--radius-pill, 9999px);color:var(--text-primary, #ffffff);padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease;box-shadow:0 2px 8px #0006}.kt-media-engine-return-btn:hover{background:var(--accent-primary, #53fc18);color:#000;border-color:var(--accent-primary, #53fc18);transform:translateY(-1px)}.kt-media-engine-info{display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap}.kt-media-engine-badge{background:#ffffff1f;color:var(--text-secondary, #a1a1aa);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.kt-media-engine-title{color:var(--text-primary, #ffffff);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kt-media-engine-iframe{width:100%;height:100%;border:none;background-color:#000;flex:1}.chat-tabs-nav,.video-tabs-nav{display:flex;align-items:stretch;gap:0;min-width:0;flex:1;overflow:visible;position:relative;z-index:2;margin:0;padding:0;height:100%}.chat-tabs-scroll,.video-tabs-scroll{display:flex;align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;min-width:0;flex:1;height:100%;padding:0;margin:0}.chat-tabs-scroll::-webkit-scrollbar,.video-tabs-scroll::-webkit-scrollbar{display:none}.chat-tab,.video-tab{display:inline-flex;align-items:center;gap:4px;height:100%;box-sizing:border-box;padding:0 6px 0 8px;background:#0f172a73;border:none;border-right:1px solid var(--border-subtle, rgba(255, 255, 255, .07));border-bottom:none;border-radius:0;color:var(--text-muted, #94a3b8);font-size:11px;font-weight:500;letter-spacing:.2px;cursor:pointer;white-space:nowrap;user-select:none;flex:0 0 auto;flex-shrink:0;min-width:52px;max-width:155px;margin:0;outline:none;position:relative;opacity:.9;transition:background .15s ease,color .15s ease,opacity .15s ease}.video-tab{min-width:68px;max-width:165px}.chat-tab:hover:not(.active),.video-tab:hover:not(.active){opacity:1;background:#ffffff0d;color:var(--text-color, #ffffff)}.chat-tab.active,.video-tab.active{background:var(--card-bg-solid, #121824);border:none;border-right:1px solid var(--border-color);border-left:1px solid var(--border-color);border-bottom:1px solid var(--card-bg-solid, #121824);border-radius:0;color:#fff;font-weight:600;opacity:1;z-index:3;height:calc(100% + 1px);margin-bottom:-1px;box-shadow:none}.chat-tab.active:first-child,.video-tab.active:first-child{border-left:none}.chat-tab.active.tab-flip,.video-tab.active.tab-flip{animation:tabActivate .15s ease-out}@keyframes tabActivate{0%{opacity:.85}to{opacity:1}}.chat-tab-platform-pill{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;font-size:8px;font-weight:800;line-height:1;border-radius:2.5px;flex-shrink:0;margin-right:2px;user-select:none;pointer-events:none;letter-spacing:-.2px;text-transform:uppercase;transition:background .15s ease,border-color .15s ease,color .15s ease}.chat-tab-platform-pill[data-platform=kick]{background:var(--platform-kick-subtle);color:var(--platform-kick);border:1px solid var(--platform-kick-border)}.chat-tab-platform-pill[data-platform=twitch]{background:var(--platform-twitch-subtle);color:var(--platform-twitch);border:1px solid var(--platform-twitch-border)}.chat-tab-platform-pill[data-platform=youtube]{background:var(--platform-youtube-subtle);color:var(--platform-youtube);border:1px solid var(--platform-youtube-border)}.chat-tab[data-platform=kick].active,.video-tab[data-platform=kick].active{box-shadow:inset 0 2px 0 var(--platform-kick)}.chat-tab[data-platform=twitch].active,.video-tab[data-platform=twitch].active{box-shadow:inset 0 2px 0 var(--platform-twitch)}.chat-tab[data-platform=youtube].active,.video-tab[data-platform=youtube].active{box-shadow:inset 0 2px 0 var(--platform-youtube)}.chat-tab[data-platform=kick]:hover:not(.active),.video-tab[data-platform=kick]:hover:not(.active){background:var(--platform-kick-subtle)}.chat-tab[data-platform=twitch]:hover:not(.active),.video-tab[data-platform=twitch]:hover:not(.active){background:var(--platform-twitch-subtle)}.chat-tab[data-platform=youtube]:hover:not(.active),.video-tab[data-platform=youtube]:hover:not(.active){background:var(--platform-youtube-subtle)}.chat-tab[data-platform=kick] .chat-tab-badge{background:var(--platform-kick);color:#0b0e14;box-shadow:0 0 5px var(--platform-kick-glow)}.chat-tab[data-platform=twitch] .chat-tab-badge{background:var(--platform-twitch);color:#fff;box-shadow:0 0 5px var(--platform-twitch-glow)}.chat-tab[data-platform=youtube] .chat-tab-badge{background:var(--platform-youtube);color:#fff;box-shadow:0 0 5px var(--platform-youtube-glow)}.chat-tab-label{flex:0 1 auto;min-width:0;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;height:100%;display:inline-flex;align-items:center;justify-content:flex-start;text-align:left}.chat-tab-badge{background:var(--accent-cyan, #00f0ff);color:#0b0e14;font-size:8.5px;font-weight:800;padding:0 4px;border-radius:8px;line-height:1.2;flex-shrink:0;box-shadow:0 0 5px var(--accent-cyan);animation:badgePop .2s ease-out}@keyframes badgePop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.chat-tab-badge.hidden{display:none!important}.video-tab-mute{color:var(--text-muted, #94a3b8);margin:0;padding:0;border-radius:3px;width:14px;height:14px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:1px solid transparent;flex-shrink:0;transform:translateY(1px);transition:color .15s ease,background .15s ease,border-color .15s ease}.video-tab-mute svg{display:block;width:11px;height:11px;pointer-events:none}.video-tab.active .video-tab-mute{color:#cbd5e1}.video-tab-mute:hover{color:#fff!important;background:#ffffff1a!important}.video-tab-mute.is-muted,.video-tab.active .video-tab-mute.is-muted{color:#ef4444!important;background:#ef444424!important;border:1px solid rgba(239,68,68,.28)!important;box-shadow:none!important}.video-tab-mute.is-muted:hover,.video-tab.active .video-tab-mute.is-muted:hover{color:#f87171!important;background:#ef44443d!important;border-color:#ef444473!important;box-shadow:none!important}.chat-tab-close{color:#64748b;margin:0;padding:0;border-radius:3px;width:14px;height:14px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transform:translateY(1px);transition:all .15s ease}.chat-tab-close svg{display:block;width:9px;height:9px;pointer-events:none}.chat-tab.active .chat-tab-close,.video-tab.active .chat-tab-close{color:#94a3b8}.chat-tab-close:hover{color:#fff!important;background:#ef444433!important}.video-tab-add-btn,.chat-tab-add-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;width:28px;min-width:28px;height:100%;box-sizing:border-box;gap:0;margin:0;color:var(--text-muted, #94a3b8);border-radius:0;cursor:pointer;flex-shrink:0;outline:none;background:transparent;border:none;border-right:1px solid var(--border-subtle, rgba(255, 255, 255, .07));border-bottom:none;transition:background .15s ease,color .15s ease}.chat-tab-add-btn svg,.video-tab-add-btn svg{display:block;transition:transform .15s ease,stroke .15s ease}.chat-tab-add-btn:hover:not(.active),.video-tab-add-btn:hover:not(.active){background:#ffffff0a;color:var(--text-color, #ffffff)}.chat-tab-add-btn:hover svg,.video-tab-add-btn:hover svg{transform:scale(1.15)}.chat-tab-add-btn.active,.video-tab-add-btn.active{background:var(--card-bg-solid, #121824);border:none;border-right:1px solid var(--border-color);border-left:1px solid var(--border-color);border-bottom:1px solid var(--card-bg-solid, #121824);border-radius:0;color:var(--accent-primary);opacity:1;z-index:3;height:calc(100% + 1px);margin-bottom:-1px}.chat-tab.chat-tab-mini{padding:0;width:28px;min-width:28px;height:100%;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:0;margin:0;color:var(--text-muted, #94a3b8);border-radius:0;border:none;border-left:1px solid var(--border-subtle, rgba(255, 255, 255, .07));border-bottom:none;background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease}.chat-tab.chat-tab-mini svg{display:block;transition:transform .15s ease,stroke .15s ease}.chat-tab.chat-tab-mini:hover:not(.active){background:#ffffff0a;color:var(--text-color, #ffffff)}#chat-settings-toggle.chat-tab-mini:hover svg{transform:rotate(45deg)}#visited-channels-toggle.chat-tab-mini:hover svg{transform:scale(1.15)}#chat-collapse-btn.chat-tab-mini:hover svg{transform:translate(2px)}#chat-expand-btn.chat-tab-mini:hover svg{transform:translate(-2px)}.chat-tab.chat-tab-mini.active{background:var(--card-bg-solid, #121824);border:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--card-bg-solid, #121824);border-radius:0;color:var(--text-color);opacity:1;z-index:3;height:calc(100% + 1px);margin-bottom:-1px}.chat-feeds-container{position:relative;flex:1 1 0;min-height:0;height:auto;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-surface-inset)}.chat-feeds-container>.chat-feed{width:100%;height:100%;flex:1;min-height:0;display:none}.chat-feeds-container>.chat-feed.active{display:flex!important}.chat-feeds-container>.chat-feed.active.flip-forward,.chat-feeds-container>.chat-feed.active.flip-backward{animation:feedSwitch .15s ease-out}@keyframes feedSwitch{0%{opacity:.8}to{opacity:1}}.tab-context-menu{position:fixed;z-index:150;min-width:175px;background:var(--card-bg-elevated, #161f30);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:6px;box-shadow:0 8px 30px #000000d9,0 0 15px var(--accent-glow, rgba(0, 240, 255, .15));padding:4px;display:flex;flex-direction:column;gap:1px;user-select:none;transform:translateZ(0);contain:layout style;animation:tabContextFadeIn .12s ease-out}.tab-context-menu.hidden{display:none!important}@keyframes tabContextFadeIn{0%{opacity:0;transform:scale(.96) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.tab-context-header{padding:5px 8px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .07));margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-context-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:transparent;border:none;border-radius:4px;color:var(--text-color, #f1f5f9);font-size:11px;font-family:inherit;font-weight:500;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease;width:100%;box-sizing:border-box}.tab-context-item:hover:not(.is-disabled){background:#ffffff14;color:#fff}.tab-context-item.is-danger:hover:not(.is-disabled){background:#f43f5e2e;color:var(--accent-red, #f43f5e)}.tab-context-item.is-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.tab-context-item-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.tab-context-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;color:var(--text-muted, #94a3b8);flex-shrink:0}.tab-context-icon svg{display:block;width:12px;height:12px}.tab-context-item:hover:not(.is-disabled) .tab-context-icon{color:var(--accent-cyan, #00f0ff)}.tab-context-item.is-danger:hover:not(.is-disabled) .tab-context-icon{color:var(--accent-red, #f43f5e)}.tab-context-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-context-shortcut{font-size:9px;color:var(--text-muted, #94a3b8);font-weight:600;opacity:.7;flex-shrink:0}.tab-context-divider{height:1px;background:var(--border-subtle, rgba(255, 255, 255, .07));margin:3px 0}.chat-add-tab-popover{position:absolute;top:33px;left:10px;right:10px;max-width:400px;background:var(--card-bg-elevated);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 30px #000000d9,0 0 15px var(--accent-glow);z-index:120;padding:12px;display:flex;flex-direction:column;gap:10px;transform:translateZ(0);contain:layout;animation:addTabFadeIn .15s ease-out}.chat-add-tab-popover.hidden{display:none!important}@keyframes addTabFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.popover-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text-color)}.popover-title{display:flex;align-items:center;gap:6px;color:var(--text-color)}.popover-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .15s ease,background .15s ease}.popover-close-btn:hover{color:#ff4757;background:#ff475726}.add-tab-platform-toggle{display:inline-flex;align-self:flex-start;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:5px;padding:2px;gap:2px;margin-bottom:2px}.add-tab-platform-btn{padding:2px 10px;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--text-muted);font-size:10px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease;user-select:none}.add-tab-platform-btn:hover{color:var(--text-color)}.add-tab-platform-btn.is-kick.active{background:#53fc181f;border-color:#53fc1866;color:#53fc18;box-shadow:0 0 6px #53fc1833}.add-tab-platform-btn.is-twitch.active{background:#9146ff29;border-color:#9146ff73;color:#c084fc;box-shadow:0 0 6px #9146ff40}.add-tab-platform-btn.is-youtube.active{background:#ff000029;border-color:#ff000073;color:#f66;box-shadow:0 0 6px #ff000040}.add-tab-input-row{display:flex;align-items:center;gap:6px;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:6px;padding:3px 6px;transition:border-color .2s ease}.add-tab-input-row.is-twitch:focus-within{border-color:#9146ff;box-shadow:0 0 8px #9146ff66}.add-tab-input-row.is-twitch .add-tab-at{color:#a855f7}.add-tab-input-row.is-twitch .add-tab-submit-btn{background:#9146ff}.add-tab-input-row.is-twitch .add-tab-submit-btn:hover{background:#a35dff;box-shadow:0 0 10px #9146ff80}.add-tab-input-row.is-youtube:focus-within{border-color:red;box-shadow:0 0 8px #f006}.add-tab-input-row.is-youtube .add-tab-at{color:#ff4d4d}.add-tab-input-row.is-youtube .add-tab-submit-btn{background:red}.add-tab-input-row.is-youtube .add-tab-submit-btn:hover{background:#ff2a2a;box-shadow:0 0 10px #ff000080}.add-tab-input-row:focus-within{border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.add-tab-at{color:var(--accent-primary);font-size:12px;font-weight:700;line-height:1;user-select:none}.add-tab-input-row .channel-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-color);font-size:12px;min-width:0;padding:4px 2px}.add-tab-submit-btn{background:var(--accent-primary);color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.add-tab-submit-btn:hover{background:var(--accent-hover);box-shadow:0 0 10px var(--accent-glow)}.add-tab-suggestions-wrap{display:flex;flex-direction:column;gap:6px}.add-tab-suggestions-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.add-tab-suggestions{display:flex;flex-wrap:wrap;gap:6px;max-height:115px;overflow-y:auto;padding:4px 4px 4px 2px}.add-tab-suggestions::-webkit-scrollbar{width:4px}.add-tab-suggestions::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.suggestion-chip,.add-tab-suggestion-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:5px;color:var(--text-muted);font-size:11px;font-weight:600;padding:3px 8px;cursor:pointer;transition:all .15s ease;user-select:none;line-height:1.2}.suggestion-chip:hover,.add-tab-suggestion-chip:hover{background:var(--accent-subtle);border-color:var(--accent-primary);color:var(--text-color)}.suggestion-chip .chip-platform-tag,.add-tab-suggestion-chip .chip-platform-tag{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;font-size:7.5px;font-weight:800;line-height:1;border-radius:2px;margin-right:2px;user-select:none;pointer-events:none;text-transform:uppercase}.suggestion-chip[data-platform=kick]:hover,.add-tab-suggestion-chip[data-platform=kick]:hover{border-color:var(--platform-kick-border);box-shadow:0 0 8px var(--platform-kick-glow)}.suggestion-chip[data-platform=twitch]:hover,.add-tab-suggestion-chip[data-platform=twitch]:hover{border-color:var(--platform-twitch-border);box-shadow:0 0 8px var(--platform-twitch-glow)}.suggestion-chip[data-platform=youtube]:hover,.add-tab-suggestion-chip[data-platform=youtube]:hover{border-color:var(--platform-youtube-border);box-shadow:0 0 8px var(--platform-youtube-glow)}.suggestion-chip.is-live,.add-tab-suggestion-chip.is-live{background:#22c55e1f;border-color:#22c55e73;color:#4ade80;font-weight:700;box-shadow:0 0 8px #22c55e26}.suggestion-chip.is-live:hover,.add-tab-suggestion-chip.is-live:hover{border-color:#22c55e;background:#22c55e3d;color:#fff;box-shadow:0 0 10px #22c55e66}.suggestion-chip[data-platform=kick].is-live,.add-tab-suggestion-chip[data-platform=kick].is-live{border-color:var(--platform-kick-border);background:var(--platform-kick-subtle);color:var(--platform-kick);box-shadow:0 0 8px var(--platform-kick-glow)}.suggestion-chip[data-platform=twitch].is-live,.add-tab-suggestion-chip[data-platform=twitch].is-live{border-color:var(--platform-twitch-border);background:var(--platform-twitch-subtle);color:#c084fc;box-shadow:0 0 8px var(--platform-twitch-glow)}.suggestion-chip[data-platform=twitch].is-live .suggestion-live-dot,.add-tab-suggestion-chip[data-platform=twitch].is-live .suggestion-live-dot{background-color:var(--platform-twitch);box-shadow:0 0 6px var(--platform-twitch)}.suggestion-chip[data-platform=youtube].is-live,.add-tab-suggestion-chip[data-platform=youtube].is-live{border-color:var(--platform-youtube-border);background:var(--platform-youtube-subtle);color:#f66;box-shadow:0 0 8px var(--platform-youtube-glow)}.suggestion-chip[data-platform=youtube].is-live .suggestion-live-dot,.add-tab-suggestion-chip[data-platform=youtube].is-live .suggestion-live-dot{background-color:var(--platform-youtube);box-shadow:0 0 6px var(--platform-youtube)}.suggestion-live-dot{width:6px;height:6px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 6px #22c55e;display:inline-block;flex-shrink:0;animation:suggestionLivePulse 2s infinite ease-in-out}@keyframes suggestionLivePulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 6px #22c55e}50%{opacity:.55;transform:scale(.85);box-shadow:0 0 2px #22c55e}}.suggestion-viewers{font-size:9.5px;font-weight:700;color:#86efac;background:#22c55e38;border-radius:3px;padding:1px 4px;line-height:1;letter-spacing:.2px}.suggestion-chip.is-open,.add-tab-suggestion-chip.is-open{opacity:.85}.suggestion-chip.is-open:hover,.add-tab-suggestion-chip.is-open:hover{opacity:1}.no-suggestions,.add-tab-no-suggestions{font-size:11px;color:var(--text-muted);font-style:italic;padding:2px 0}.visited-popover,.visited-channels-popover{width:320px;max-height:380px}.visited-channel-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;padding-right:4px;user-select:none;-webkit-user-select:none}.visited-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;cursor:pointer;background:#ffffff08;border:1px solid rgba(255,255,255,.07);transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;outline:none}.visited-item:hover{background:#ffffff14;border-color:#ffffff29;transform:translateY(-1px);box-shadow:0 4px 14px #00000059}.visited-item:focus-visible{border-color:var(--accent-primary, #00e701);box-shadow:0 0 0 2px #00e70140}.visited-item:active{transform:translateY(0) scale(.985);background:#ffffff1f}.visited-item *{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.visited-delete-btn{background:transparent;border:none;color:#64748b;font-size:16px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .15s ease;margin-left:auto;flex-shrink:0}.visited-delete-btn:hover{color:#ef4444;background:#ef444426;transform:scale(1.1)}.visited-avatar{position:relative;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--accent-primary);flex-shrink:0}.visited-avatar .status-indicator{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;border:2px solid #0f172a}.visited-item.is-banned .visited-avatar{box-shadow:0 0 0 1.5px #f43f5e}.visited-item.is-banned .visited-category{color:#f43f5e!important}.visited-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.visited-name-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.visited-name-wrap{display:flex;align-items:center;gap:5px;min-width:0}.visited-name{font-size:12px;font-weight:600;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visited-platform-badge{font-size:8px;font-weight:800;line-height:1;padding:2px 4px;border-radius:3px;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0;display:inline-flex;align-items:center}.visited-platform-badge.kick{color:var(--platform-kick);background:var(--platform-kick-subtle);border:1px solid var(--platform-kick-border)}.visited-platform-badge.twitch{color:var(--platform-twitch);background:var(--platform-twitch-subtle);border:1px solid var(--platform-twitch-border)}.visited-platform-badge.youtube{color:var(--platform-youtube);background:var(--platform-youtube-subtle);border:1px solid var(--platform-youtube-border)}.visited-favorite-badge{color:#fbbf24;font-size:11px;line-height:1;flex-shrink:0}.visited-meta-row{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}.visited-category{font-size:10px;color:var(--accent-primary);font-weight:500;white-space:nowrap;flex-shrink:0}.visited-sep{color:#64748b;font-size:8px;flex-shrink:0}.visited-title{font-size:10px;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.visited-loading,.visited-empty{padding:20px 10px;text-align:center;font-size:12px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:8px}.visited-loading .spinner{width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-container{--chat-width: 380px;width:var(--chat-width);height:100%;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;position:relative}.chat-container.res-compact{--chat-width: 300px;width:var(--chat-width)}.chat-container.res-normal{--chat-width: 380px;width:var(--chat-width)}.chat-container.res-wide{--chat-width: 480px;width:var(--chat-width)}.status-bar{padding:5px 12px;background:var(--card-header-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted);flex-shrink:0}.status-badge{display:flex;align-items:center;gap:6px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted)}.status-dot.connected{background-color:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.chat-pinned-banner{position:absolute;top:8px;left:8px;right:8px;z-index:30;background:var(--card-bg-elevated);backdrop-filter:var(--glass-blur, blur(14px));-webkit-backdrop-filter:var(--glass-blur, blur(14px));border:1px solid var(--border-color);border-left:3px solid var(--accent-primary);border-radius:8px;padding:8px 10px;box-shadow:0 8px 24px #000000a6,0 0 14px var(--accent-glow);display:flex;flex-direction:column;gap:4px;pointer-events:auto;transform:translateZ(0);contain:layout;animation:pinPopUpEntrance .3s cubic-bezier(.16,1,.3,1) forwards}.chat-pinned-banner.hidden{display:none!important}.chat-pinned-banner.dismissing{animation:pinPopOut .2s ease-in forwards!important;pointer-events:none}@keyframes pinPopUpEntrance{0%{opacity:0;transform:translateY(-14px) scale(.96)}60%{opacity:1;transform:translateY(2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pinPopOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.95)}}.pinned-banner-header{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px}.pinned-banner-tag{display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pinned-pin-icon{font-size:13px;line-height:1;filter:drop-shadow(0 0 4px var(--accent-glow));flex-shrink:0}.pinned-author-wrap{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.pinned-author-wrap .pinned-by-name{font-weight:700;color:var(--text-color)}.pinned-delete-btn{background:var(--border-subtle);border:1px solid var(--border-color);color:var(--text-muted);font-size:15px;line-height:1;width:22px;height:22px;padding:0;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.pinned-delete-btn:hover{color:#ff4d6d;background:#ff4d6d2e;border-color:#ff4d6d66;transform:scale(1.08)}.pinned-delete-btn:active{transform:scale(.92)}.pinned-banner-body{font-size:12px;line-height:1.45;color:var(--text-color);word-break:break-word;max-height:75px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;padding-right:2px}.pinned-banner-body a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:2px;word-break:break-all}.pinned-banner-body a:hover{color:var(--accent-hover)}.pinned-banner-body img.emote-img{vertical-align:middle;height:20px;width:auto;margin:0 1px}.chat-feed{flex:1 1 0;min-height:0;padding:8px 10px;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;scroll-behavior:auto!important;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.4;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;transform:translateZ(0);will-change:scroll-position;contain:content}.chat-feed::-webkit-scrollbar{width:5px}.chat-feed::-webkit-scrollbar-track{background:transparent;border-radius:4px}.chat-feed::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background .2s ease}.chat-feed::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.resume-scroll-pill{position:absolute;bottom:58px;left:50%;transform:translate(-50%) translateZ(0);contain:layout;background:var(--card-bg-elevated);backdrop-filter:blur(12px);border:1px solid var(--accent-primary);color:var(--accent-primary);font-size:11px;font-weight:700;padding:4px 14px;border-radius:20px;cursor:pointer;box-shadow:0 4px 20px #0009,0 0 10px var(--accent-glow);display:flex;align-items:center;gap:6px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.resume-scroll-pill:hover{background:var(--accent-primary);color:var(--bg-color, #0b0e14);box-shadow:0 0 15px var(--accent-glow)}.resume-scroll-pill.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(-4px)}.resume-scroll-pill.has-mention{background:var(--card-bg-elevated);border-color:var(--mention-color);color:var(--text-color);box-shadow:0 0 16px var(--mention-glow),0 4px 20px #000c;animation:mentionPillPulse 2.4s infinite ease-in-out}.resume-scroll-pill.has-mention:hover{background:var(--mention-color);border-color:var(--mention-color);color:#000;box-shadow:0 0 25px var(--mention-glow)}.resume-scroll-pill.has-mention .resume-pill-glow-arrow{display:inline-block;color:var(--mention-color);font-size:11px;font-weight:900;filter:drop-shadow(0 0 6px var(--mention-glow))}.resume-scroll-pill.has-mention:hover .resume-pill-glow-arrow{color:#000;filter:none}@keyframes mentionPillPulse{0%,to{box-shadow:0 0 12px var(--mention-glow),0 4px 15px #000000b3;border-color:var(--mention-border-subtle)}50%{box-shadow:0 0 24px var(--mention-glow),0 4px 25px #000000e6;border-color:var(--mention-color)}}.mention-nav-arrow-indicator,.mention-nav-pill{position:absolute;top:10px;left:50%;transform:translate(-50%);background:transparent!important;background-color:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;appearance:none;-webkit-appearance:none;padding:6px 12px;margin:0;cursor:pointer;user-select:none;outline:none!important;z-index:32;display:none;flex-direction:column;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.2,.8,.25,1),opacity .2s ease,top .25s ease}.mention-nav-arrow-indicator:focus,.mention-nav-arrow-indicator:focus-visible,.mention-nav-pill:focus,.mention-nav-pill:focus-visible{outline:none!important;box-shadow:none!important}.mention-nav-arrow-indicator:hover,.mention-nav-pill:hover{background:transparent!important;background-color:transparent!important}.chat-pinned-banner:not(.hidden)~.mention-nav-arrow-indicator,.chat-pinned-banner:not(.hidden)~.mention-nav-pill{top:68px}.mention-nav-arrow-indicator .layered-chevrons,.mention-nav-pill .layered-chevrons{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.2,.8,.25,1)}.mention-nav-arrow-indicator .chevron-arrow,.mention-nav-pill .chevron-arrow{display:block;margin-top:-6px;transition:transform .2s ease,filter .2s ease,stroke .2s ease}.mention-nav-arrow-indicator .chevron-arrow.chevron-top,.mention-nav-pill .chevron-arrow.chevron-top{margin-top:0;opacity:.95}.mention-nav-arrow-indicator .chevron-arrow.chevron-bottom,.mention-nav-pill .chevron-arrow.chevron-bottom{opacity:.6}.mention-nav-arrow-indicator.is-mention,.mention-nav-pill.is-mention{color:var(--mention-color);filter:drop-shadow(0 1px 6px var(--mention-glow))}.mention-nav-arrow-indicator.is-mention:hover,.mention-nav-pill.is-mention:hover{transform:translate(-50%) translateY(-1px) scale(1.08);filter:drop-shadow(0 2px 10px var(--mention-color))}.mention-nav-arrow-indicator.is-mention:hover .chevron-arrow.chevron-bottom,.mention-nav-pill.is-mention:hover .chevron-arrow.chevron-bottom{opacity:.85}.mention-nav-arrow-indicator.is-reply,.mention-nav-pill.is-reply{color:var(--reply-color);filter:drop-shadow(0 1px 6px var(--reply-glow))}.mention-nav-arrow-indicator.is-reply:hover,.mention-nav-pill.is-reply:hover{transform:translate(-50%) translateY(-1px) scale(1.08);filter:drop-shadow(0 2px 10px var(--reply-color))}.mention-nav-arrow-indicator.is-reply:hover .chevron-arrow.chevron-bottom,.mention-nav-pill.is-reply:hover .chevron-arrow.chevron-bottom{opacity:.85}.mention-nav-arrow-indicator.dir-down .layered-chevrons,.mention-nav-pill.dir-down .layered-chevrons{transform:rotate(180deg)}.mention-nav-arrow-indicator.dir-here .layered-chevrons,.mention-nav-pill.dir-here .layered-chevrons{animation:chevronGlowBreath 2.4s infinite ease-in-out}@keyframes chevronGlowBreath{0%,to{opacity:.75}50%{opacity:1}}@keyframes mentionFlashTargetAnim{0%,20%{box-shadow:0 0 24px var(--mention-color),inset 0 0 12px var(--mention-glow);border-color:var(--mention-color)!important}to{box-shadow:none}}@keyframes replyFlashTargetAnim{0%,20%{box-shadow:0 0 24px var(--reply-color),inset 0 0 12px var(--reply-glow);border-color:var(--reply-color)!important}to{box-shadow:none}}.chat-row.mention-flash-target{animation:mentionFlashTargetAnim 1.8s ease-out!important}.chat-row.is-reply-to-me.mention-flash-target{animation:replyFlashTargetAnim 1.8s ease-out!important}.chat-row{position:relative;word-break:break-word;padding:2px 4px;border-radius:4px;contain:layout style}.chat-row[data-msg-id]{cursor:default}.chat-row[data-msg-id]:hover{background:var(--card-bg-hover)}body.terminal-static-emotes .emote-img{animation:none!important;image-rendering:pixelated}.chat-feed.filter-dedup-active .chat-row.is-duplicate{display:none!important}.chat-dedup-badge{display:none}.chat-feed.filter-dedup-active .chat-dedup-badge{display:inline-block;vertical-align:middle;font-size:10px;font-weight:800;line-height:1;color:var(--accent-primary);background:var(--accent-subtle);border:1px solid var(--border-color);padding:2px 5px;border-radius:10px;margin-left:6px;user-select:none;animation:dedupBadgePop .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes dedupBadgePop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.chat-row.is-deleted-message,.chat-row.is-locally-deleted{background:#ef444414!important;border-left:3.5px solid #ef4444!important;opacity:.65;transition:opacity .15s ease;margin:2px 0}.chat-row.is-deleted-message:hover,.chat-row.is-locally-deleted:hover{opacity:.95}.chat-row.is-deleted-message .chat-text,.chat-row.is-locally-deleted .chat-text{text-decoration:line-through;color:#fca5a5}.chat-row.is-timed-out-message,.chat-row.is-locally-muted{background:#f9731614!important;border-left:3.5px solid #f97316!important;opacity:.72;margin:2px 0}.chat-row.is-timed-out-message .chat-text,.chat-row.is-locally-muted .chat-text{color:#fdba74}.chat-row.is-banned-message{background:#dc26261f!important;border-left:4px solid #dc2626!important;box-shadow:0 0 10px #dc26262e!important;opacity:.65;margin:2px 0}.chat-row.is-banned-message .chat-text{text-decoration:line-through;color:#f87171}.chat-mod-tag{display:inline-block;vertical-align:middle;font-size:9px;font-weight:800;line-height:1;padding:2px 5px;border-radius:3px;margin-right:5px;letter-spacing:.3px;user-select:none;text-transform:uppercase}.chat-mod-tag.mod-tag-deleted{color:#f87171;background:#ef444433;border:1px solid rgba(239,68,68,.45)}.chat-mod-tag.mod-tag-timeout{color:#fb923c;background:#f9731633;border:1px solid rgba(249,115,22,.45)}.chat-mod-tag.mod-tag-banned{color:#ef4444;background:#dc262640;border:1px solid rgba(220,38,38,.55)}.chat-reply-ref{display:block;cursor:pointer;font-size:10.5px;color:var(--text-muted);opacity:.8;margin-bottom:1px;padding-left:4px;border-left:2px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-ref .reply-ref-author{color:var(--accent-primary);font-weight:700}.chat-reply-ref .reply-ref-text{color:var(--text-muted)}.chat-row.is-my-message{background:linear-gradient(90deg,var(--accent-subtle),transparent)!important;border-left:4px solid var(--accent-primary)!important;box-shadow:0 0 16px var(--accent-glow),inset 0 0 10px var(--accent-subtle)!important;padding-left:6px;margin:3px 0;font-weight:600}.chat-row.is-bot-message{background:transparent!important;border:none!important;box-shadow:none!important;opacity:.72;padding-left:4px;margin:1px 0}.chat-row.is-bot-message .chat-author{opacity:.8;filter:grayscale(.5)}.chat-row.is-bot-message .chat-text{color:#94a3b8}.chat-row.is-channel-owner{background:linear-gradient(90deg,var(--accent-subtle),transparent)!important;border-left:3.5px solid var(--accent-green)!important;box-shadow:0 0 10px var(--accent-glow),inset 0 0 8px var(--accent-subtle)!important;padding-left:7px;margin:3px 0}.chat-row.is-channel-owner .chat-author{font-weight:700}.chat-row.is-mentioned{background:var(--mention-bg)!important;border-left:3px solid var(--mention-color)!important;border-top:1px solid var(--mention-border-subtle)!important;border-right:1px solid var(--border-subtle)!important;border-bottom:1px solid var(--mention-border-subtle)!important;border-radius:0 4px 4px 0;box-shadow:0 2px 8px var(--mention-glow)!important;padding-left:8px;margin:3px 0;position:relative}.chat-row.is-mentioned:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--mention-color),var(--mention-border-subtle),transparent);opacity:.6;pointer-events:none}.mention-highlight{background:var(--mention-bg);color:var(--mention-color);font-weight:700;padding:1px 5px;border-radius:4px;border:1px solid var(--mention-border-subtle);box-shadow:0 1px 4px var(--mention-glow);letter-spacing:.2px}.chat-row.is-reply-to-me{background:var(--reply-bg)!important;border-left:3px solid var(--reply-color)!important;border-top:1px solid var(--reply-border-subtle)!important;border-right:1px solid var(--border-subtle)!important;border-bottom:1px solid var(--reply-border-subtle)!important;border-radius:0 4px 4px 0;box-shadow:0 2px 8px var(--reply-glow)!important;padding-left:8px;margin:3px 0;position:relative}.chat-row.is-reply-to-me:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--reply-color),var(--reply-border-subtle),transparent);opacity:.6;pointer-events:none}.chat-row.is-reply-to-me .chat-reply-ref{border-left:2px solid var(--reply-color);background:var(--reply-bg);padding:2px 6px;border-radius:4px}.chat-row.is-reply-to-me .reply-ref-author{color:var(--reply-color);font-weight:700}.chat-row-glow-arrow{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;font-size:10px;font-weight:900;line-height:1;margin:0 4px 0 1px;vertical-align:middle;position:relative;top:-1.5px;user-select:none;opacity:.95}.chat-row-glow-arrow.arrow-mention{color:var(--mention-color);filter:drop-shadow(0 1px 3px var(--mention-glow))}.chat-row-glow-arrow.arrow-reply{color:var(--reply-color);filter:drop-shadow(0 1px 3px var(--reply-glow))}.chat-badge{font-size:9px;font-weight:800;padding:1px 5px;border-radius:4px;margin-right:4px;text-transform:uppercase;letter-spacing:.5px;display:inline-block;vertical-align:middle}.chat-badge.user-badge{background:#0f8;color:#0b0d14;box-shadow:0 0 8px #0f89}.chat-badge.bot-badge{background:linear-gradient(135deg,#9d4edd,#00f0ff);color:#fff;box-shadow:0 0 8px #00f0ff80}.chat-badge.mod-badge{background:#00e575;color:#0b0d14;box-shadow:0 0 6px #00e57599}.chat-badge.broadcaster-badge{background:#f36;color:#fff;box-shadow:0 0 6px #f369}.chat-badge.vip-badge{background:#e056fd;color:#fff;box-shadow:0 0 6px #e056fd99}.chat-badge.og-badge{background:linear-gradient(135deg,#ffb703,#fb8500);color:#0b0d14;box-shadow:0 0 6px #ffb703b3}.chat-time{color:var(--text-muted);font-size:10px;margin-right:4px}.chat-feed.hide-timestamps .chat-time{display:none}.chat-author{font-weight:700;margin-right:6px;cursor:pointer;transition:filter .15s ease,text-decoration .15s ease}.chat-author:hover{text-decoration:underline;text-underline-offset:2px;filter:brightness(1.25)}.chat-text{color:var(--text-color)}.emote-img,canvas.emote-static-canvas{height:22px;width:22px;min-width:22px;max-width:22px;max-height:22px;aspect-ratio:1 / 1;object-fit:contain;vertical-align:middle;margin:-2px 2px 0;display:inline-block}.kick-reply-chip-text .emote-img,.kick-reply-chip-text canvas.emote-static-canvas,.reply-ref-text .emote-img,.reply-ref-text canvas.emote-static-canvas,.chat-thread-panel-text .emote-img,.chat-thread-panel-text canvas.emote-static-canvas{height:14px;width:14px;min-width:14px;max-width:14px;max-height:14px;margin:-2px 1px 0}.notice{color:var(--text-muted);font-style:italic;text-align:center;margin-top:auto;margin-bottom:auto;padding:20px}.emote-img-wrap.is-collectible{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:-2px 2px 0}.emote-img.is-collectible,canvas.emote-static-canvas.is-collectible,.emote-img-wrap.is-collectible .emote-img,.emote-img-wrap.is-collectible canvas.emote-static-canvas{height:24px;width:auto;min-width:22px;max-height:26px;max-width:90px;object-fit:contain;display:inline-block;vertical-align:middle}.chat-row-actions{position:absolute;right:4px;top:2px;display:inline-flex;align-items:center;gap:3px;background:var(--card-bg-elevated, rgba(15, 23, 42, .94));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color, rgba(56, 189, 248, .3));border-radius:6px;padding:2px 4px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:5;box-shadow:0 4px 14px #0009,0 0 10px var(--accent-glow)}body.shift-down .chat-row:hover .chat-row-actions,body.shift-down .chat-row .chat-row-actions,.chat-row-actions:focus-within{opacity:1;pointer-events:auto}.row-act-btn{background:transparent;border:none;color:var(--text-muted, #94a3b8);width:20px;height:20px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:11px;padding:0;transition:color .15s ease,background .15s ease,transform .1s ease}.row-act-btn:hover{color:var(--text-color, #f8fafc);background:var(--card-bg-hover, rgba(255, 255, 255, .12));transform:scale(1.1)}.row-act-btn.btn-act-reply:hover{color:var(--reply-color)}.row-act-btn.btn-act-timeout:hover{color:var(--mention-color, #fbbf24)}.row-act-btn.btn-act-delete:hover{color:#f43f5e}.mod-timeout-menu{position:fixed;z-index:1000;background:var(--card-bg-elevated);backdrop-filter:var(--glass-blur, blur(14px));-webkit-backdrop-filter:var(--glass-blur, blur(14px));border:1px solid var(--border-color);border-radius:8px;padding:6px;box-shadow:0 10px 25px #000000b3,0 0 12px var(--accent-glow);display:flex;flex-direction:column;gap:4px;min-width:130px;animation:modPopEntrance .15s ease-out}@keyframes modPopEntrance{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mod-timeout-header{font-size:10.5px;font-weight:700;color:var(--text-muted, #94a3b8);padding:2px 6px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mod-timeout-opt{background:var(--card-bg-solid, var(--card-bg, rgba(255, 255, 255, .04)));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));color:var(--text-color, #cbd5e1);border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;text-align:left;transition:all .12s ease}.mod-timeout-opt:hover{background:var(--accent-subtle, rgba(56, 189, 248, .2));border-color:var(--border-hover, rgba(56, 189, 248, .4));color:var(--text-color, #fff);transform:translate(2px)}.mod-timeout-opt.opt-perm:hover{background:#f43f5e33;border-color:#f43f5e66;color:#fda4af}.mod-timeout-opt.opt-cancel{color:var(--text-muted, #94a3b8)}.mod-timeout-opt.opt-cancel:hover{background:var(--card-bg-hover, rgba(255, 255, 255, .1));border-color:var(--border-subtle);color:var(--text-color, #fff)}.chat-thread-panel{position:absolute;top:42px;left:8px;right:8px;max-height:65%;background:var(--card-bg-elevated, #11141a);backdrop-filter:var(--glass-blur, blur(20px));-webkit-backdrop-filter:var(--glass-blur, blur(20px));border:1px solid var(--border-color, #232733);border-radius:10px;box-shadow:0 16px 36px #000c,0 0 16px var(--reply-glow, rgba(236, 72, 153, .2));z-index:100;padding:14px;display:flex;flex-direction:column;gap:12px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s ease;opacity:0;transform:translateY(-8px) scale(.97);visibility:hidden;pointer-events:none}.chat-thread-panel.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto}.chat-thread-panel-list{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:6px;padding-right:4px}.chat-thread-panel-list::-webkit-scrollbar{width:4px}.chat-thread-panel-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.chat-thread-panel-row{display:block;padding:6px 8px;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);font-size:11.5px;line-height:1.45;word-break:break-word;transition:background .15s ease}.chat-thread-panel-row:hover{background:#ffffff0d}.chat-thread-panel-meta{color:var(--accent-primary, #53fc18);font-weight:700;margin-right:4px}.chat-thread-panel-text{color:var(--text-color, #e1e7ed)}.chat-thread-panel-text .emote-img{height:1.4em;vertical-align:-.25em;margin:0 1px}.chat-user-card{position:fixed;z-index:1100;width:220px;background:var(--card-bg-elevated, rgba(13, 19, 33, .98));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-color, rgba(56, 189, 248, .35));border-radius:8px;box-shadow:0 10px 28px #000c,0 0 12px var(--accent-glow);overflow:visible;animation:userCardEntrance .18s cubic-bezier(.16,1,.3,1) forwards;font-family:inherit;color:var(--text-color, #f1f5f9)}@keyframes userCardEntrance{0%{opacity:0;transform:scale(.95) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-card-header{position:relative;padding:5px 7px 4px;display:flex;align-items:center;gap:6px;background:var(--card-header-bg, rgba(15, 23, 42, .75));border-top-left-radius:8px;border-top-right-radius:8px}.user-card-avatar-slot{width:34px;height:34px;flex-shrink:0;position:relative}.user-card-avatar-wrap{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border-color);overflow:hidden;background:#1e293b;box-shadow:0 2px 6px #00000080;flex-shrink:0;cursor:pointer;position:absolute;top:0;left:0;z-index:5;transform-origin:top left;transition:width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),border-radius .22s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.user-card-avatar-wrap:hover:not(.is-expanded){transform:scale(1.08);border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.user-card-avatar-wrap.is-expanded{width:120px;height:120px;border-radius:12px;border-color:var(--accent-primary);z-index:50;cursor:pointer;box-shadow:0 12px 32px #000000f2,0 0 20px var(--accent-glow)}.user-card-avatar-wrap.is-expanded .user-card-avatar-fallback{font-size:52px}.user-card-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.user-card-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff}.user-card-header-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:0}.user-card-name-row{display:flex;align-items:center;gap:3px;overflow:hidden}.user-card-display-name{font-size:12px;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-badges{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.user-card-badges .chat-badge{font-size:7.5px;padding:1px 2.5px;margin-right:0}.user-card-sub-row{display:flex;align-items:center;gap:3px;font-size:9.5px;color:var(--text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-handle{font-weight:600}.user-card-followers{color:var(--accent-primary)}.user-card-close{width:16px;height:16px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#94a3b8;cursor:pointer;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s ease;flex-shrink:0;margin-left:auto}.user-card-close:hover{color:#fff;background:#f43f5e80;border-color:#f43f5eb3;transform:scale(1.1)}.user-card-banner{position:relative;height:28px;background:linear-gradient(135deg,var(--card-bg-elevated),var(--card-bg-solid)),radial-gradient(circle at top right,var(--accent-subtle),transparent);background-size:cover;background-position:center;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.user-card-live-pill{position:absolute;bottom:3px;right:5px;background:#ef4444e6;backdrop-filter:blur(4px);color:#fff;font-size:8.5px;font-weight:700;padding:1px 4px;border-radius:6px;display:flex;align-items:center;gap:3px;box-shadow:0 2px 6px #ef444480;letter-spacing:.3px;white-space:nowrap}.user-card-live-pill .live-dot{width:4px;height:4px;background:#fff;border-radius:50%;animation:livePulse 1.2s infinite ease-in-out}.user-card-body{padding:4px 7px 6px;display:flex;flex-direction:column;gap:4px}.user-card-stream-title{font-size:9.5px;color:var(--accent-cyan, #00f0ff);background:#00f0ff14;border:1px solid rgba(0,240,255,.18);border-radius:4px;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-bio{font-size:9.5px;line-height:1.3;color:#cbd5e1;max-height:36px;overflow-y:auto;scrollbar-width:thin;word-break:break-word}.user-card-bio .empty-bio{color:#64748b;font-style:italic}.user-card-actions{display:flex;align-items:center;gap:3px;margin-top:1px;padding-top:4px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .07))}.btn-card-action{flex:1;background:var(--card-bg-solid, var(--card-bg, rgba(255, 255, 255, .05)));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));color:var(--text-color, #cbd5e1);font-size:9.5px;font-weight:600;padding:2px 3px;border-radius:4px;cursor:pointer;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:2px;transition:all .12s ease;white-space:nowrap}.btn-card-action:hover{background:var(--accent-subtle, rgba(56, 189, 248, .2));border-color:var(--border-hover, rgba(56, 189, 248, .4));color:var(--text-color, #fff);transform:translateY(-1px)}.btn-card-action.btn-card-timeout:hover{background:#fbbf2433;border-color:#fbbf2466;color:#fef08a}.btn-card-action.btn-card-channel:hover{background:var(--accent-subtle);border-color:var(--border-hover);color:var(--accent-primary)}.btn-card-action.btn-card-favorite:hover{background:#fbbf242e;border-color:#fbbf2466;color:#fbbf24}.btn-card-action.btn-card-favorite.is-favorited{background:#fbbf2438;border-color:#fbbf24;color:#fbbf24;box-shadow:0 0 6px #fbbf2466}.chat-user-card.is-loading .skeleton-box{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f,#ffffff0d 75%);background-size:200% 100%;animation:skeletonShimmer 1.4s infinite;border-radius:4px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kick-chat-input-bar{position:relative;padding:6px 10px;background:var(--card-header-bg);backdrop-filter:blur(8px);border-top:1px solid var(--border-color);flex-shrink:0}.kick-chat-auth-prompt{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--text-muted)}.btn-kick-login{background:var(--accent-subtle);border:1px solid var(--accent-primary);color:var(--accent-primary);font-size:11px;font-weight:700;padding:5px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .2s ease;white-space:nowrap}.btn-kick-login:hover{background:var(--accent-primary);color:#fff;box-shadow:0 0 12px var(--accent-glow)}.kick-recent-emotes-bar{display:flex;align-items:center;gap:2px;padding:1px 4px;margin-bottom:4px;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:5px;overflow-x:auto;scrollbar-width:none;contain:paint layout}.kick-recent-emotes-bar::-webkit-scrollbar{display:none}.kick-recent-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;padding:1px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:transform .08s ease,background .08s ease,border-color .08s ease;flex-shrink:0;will-change:transform}.kick-recent-btn:hover{background:var(--accent-subtle);border-color:var(--border-color);transform:scale(1.12);z-index:2}.kick-recent-btn img,.kick-recent-btn canvas.emote-static-canvas,.kick-recent-btn canvas{width:17px;height:17px;min-width:17px;max-width:17px;max-height:17px;object-fit:contain;display:block;pointer-events:none;flex-shrink:0}.kick-recent-btn.unicode-char{font-size:13px;line-height:1;user-select:none}.kick-reply-chip{align-items:center;justify-content:space-between;gap:8px;padding:2px 6px;margin-bottom:4px;background:var(--reply-bg);border:1px solid var(--reply-border-subtle);border-radius:5px;font-size:10.5px}.kick-reply-chip-text{color:var(--reply-color);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kick-reply-chip-cancel{background:none;border:none;color:var(--text-muted);font-size:15px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0}.kick-reply-chip-cancel:hover{color:#fff}.kick-chat-post-form{display:flex;align-items:center;gap:6px;width:100%}.kick-chat-input-wrap{position:relative;flex:1;display:flex;align-items:center}.kick-chat-input{flex:1;min-height:28px;max-height:80px;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:6px;padding:5px 34px 5px 10px;color:var(--text-color);font-size:12px;line-height:1.4;outline:none;overflow-y:auto;overflow-x:hidden;word-break:break-word;white-space:pre-wrap;transition:border-color .2s ease,box-shadow .2s ease;user-select:text}.kick-chat-input:focus{border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.kick-chat-input.slowmode-cooling{padding-right:78px}.kick-slowmode-indicator{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;background:#eab30829;border:1px solid rgba(234,179,8,.45);color:#facc15;font-size:11px;font-weight:700;pointer-events:none;user-select:none;z-index:5;transition:opacity .2s ease,transform .2s ease,border-color .2s ease;animation:slowmodePulse 1.2s ease-in-out infinite alternate}@keyframes slowmodePulse{0%{border-color:#eab30859;box-shadow:0 0 4px #eab30826}to{border-color:#eab308b3;box-shadow:0 0 10px #eab30859}}.kick-slowmode-indicator .slowmode-icon{font-size:10px;line-height:1}.kick-slowmode-indicator .slowmode-countdown{font-variant-numeric:tabular-nums;font-family:monospace,inherit;letter-spacing:.3px}.kick-slowmode-indicator.slowmode-shake{animation:slowmodeShake .35s ease-in-out}@keyframes slowmodeShake{0%,to{transform:translateY(-50%) translate(0)}20%,60%{transform:translateY(-50%) translate(-4px)}40%,80%{transform:translateY(-50%) translate(4px)}}.kick-chat-input[data-empty=true]:before,.kick-chat-input:empty:before{content:attr(data-placeholder);color:var(--text-muted, #64748b);pointer-events:none;user-select:none}.kick-input-emote{display:inline-block;height:22px;width:auto;max-height:24px;max-width:80px;vertical-align:-4px;margin:0 2px;object-fit:contain;user-select:none;pointer-events:none}.btn-kick-emoji{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:15px;line-height:1;cursor:pointer;padding:3px;border-radius:4px;opacity:.75;transition:opacity .15s ease,background .15s ease}.btn-kick-emoji:hover{opacity:1;background:var(--accent-subtle)}.kick-emoji-picker{position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;width:auto;max-width:380px;margin-left:auto;max-height:min(380px,60vh);background:var(--card-bg-elevated);backdrop-filter:var(--glass-blur, blur(14px));-webkit-backdrop-filter:var(--glass-blur, blur(14px));border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 32px #000000bf,0 0 16px var(--accent-glow);z-index:100;overflow:hidden;display:flex;flex-direction:column;animation:emotePickerFade .15s ease-out}@keyframes emotePickerFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kick-emote-header{flex-shrink:0;padding:8px;background:var(--card-header-bg);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px}.kick-emote-tabs{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none}.kick-emote-tabs::-webkit-scrollbar{display:none}.kick-emote-tab{background:var(--border-subtle);border:1px solid transparent;border-radius:5px;color:var(--text-muted);font-size:10.5px;font-weight:600;padding:3px 6px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.kick-emote-tab:hover{background:var(--accent-subtle);color:var(--text-color)}.kick-emote-tab.active{background:var(--accent-subtle);border-color:var(--border-color);color:var(--accent-primary)}.kick-emote-close-btn{margin-left:auto;background:transparent;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:2px 7px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:all .15s ease;flex-shrink:0}.kick-emote-close-btn:hover{background:#ef444433;color:#ef4444}.kick-emote-search-wrap{width:100%}.kick-emote-search-input{width:100%;box-sizing:border-box;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:6px;padding:5px 8px;font-size:11.5px;color:var(--text-color);outline:none;transition:border-color .15s ease}.kick-emote-search-input:focus{border-color:var(--accent-primary)}.kick-emote-body{background:var(--bg-surface-inset);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;contain:paint layout}.kick-emote-tab.tab-icon-only{padding:3px 6px;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:28px}.kick-emote-option.unicode-option{font-size:20px;line-height:1}.kick-emote-option.unicode-option:hover{background:var(--accent-subtle);transform:scale(1.15)}.kick-emote-option.unicode-option .unicode-char{display:flex;align-items:center;justify-content:center;user-select:none;pointer-events:none}.kick-emote-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.kick-emote-option{position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid transparent;border-radius:6px;padding:4px;cursor:pointer;aspect-ratio:1 / 1;transition:transform .08s ease,background .08s ease,border-color .08s ease;will-change:transform;contain:paint layout}.kick-emote-option:hover{background:var(--accent-subtle);border-color:var(--border-color);transform:scale(1.12);z-index:2}.kick-emote-option img,.kick-emote-option canvas.emote-static-canvas,.kick-emote-option canvas{width:28px;height:28px;min-width:28px;max-width:28px;max-height:28px;object-fit:contain;display:block;pointer-events:none}.kick-emote-option.is-sub-only{opacity:.85}.kick-emote-collectibles-container{display:flex;flex-direction:column;gap:8px;width:100%}.kick-collectibles-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg-elevated);border:1px solid var(--border-color);border-radius:6px;padding:5px 8px}.kick-collectibles-stats{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-color)}.kick-collectibles-stats .subtext{font-size:10px;color:var(--text-subtle)}.kick-collectibles-actions{display:flex;align-items:center;gap:4px}.btn-sync-collectibles{display:inline-flex;align-items:center;gap:4px;background:var(--accent-subtle);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:4px;padding:3px 8px;font-size:10.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-sync-collectibles:hover{background:var(--accent-primary, #53fc18);color:#0b0d14;border-color:var(--accent-primary, #53fc18);box-shadow:0 0 10px #53fc1859}.btn-sync-collectibles:disabled{opacity:.6;cursor:not-allowed}.kick-collectibles-modal-overlay{position:absolute;inset:0;background:#0b0d14e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:120;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;animation:modalFadeIn .15s ease-out;border-radius:inherit}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.kick-collectibles-modal-card{width:100%;max-width:330px;background:var(--card-bg-elevated, #131722);border:1px solid var(--border-color, rgba(83, 252, 24, .25));border-radius:10px;padding:13px 15px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;box-shadow:0 16px 36px #000000d9,0 0 16px #53fc181f}.kick-collectibles-modal-header{display:flex;align-items:center;justify-content:space-between}.kick-collectibles-modal-title{font-size:13px;font-weight:700;color:var(--accent-primary, #53fc18);display:flex;align-items:center;gap:6px;letter-spacing:-.01em}.kick-collectibles-modal-close{background:transparent;border:none;color:var(--text-muted, #94a3b8);font-size:13px;cursor:pointer;line-height:1;padding:3px 6px;border-radius:4px;transition:all .15s ease}.kick-collectibles-modal-close:hover{color:#ef4444;background:#ef444426}.kick-collectibles-modal-desc{font-size:11px;color:var(--text-secondary, #94a3b8);line-height:1.4;margin:0}.kick-collectibles-modal-desc strong{color:var(--text-color, #f1f5f9)}.kick-collectibles-actions-row{display:flex;align-items:center;gap:8px}.btn-copy-bookmarklet{background:var(--accent-subtle, rgba(83, 252, 24, .1));border:1px solid var(--border-color, rgba(83, 252, 24, .3));color:var(--accent-primary, #53fc18);font-size:11px;font-weight:600;padding:5px 10px;border-radius:5px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease}.btn-copy-bookmarklet:hover{background:var(--accent-primary, #53fc18);color:#0b0d14;box-shadow:0 0 10px #53fc1859}.btn-copy-bookmarklet.is-copied{background:#53fc1840;border-color:#53fc18;color:#53fc18}.kick-collectibles-input-area{width:100%;box-sizing:border-box;background:#0000008c;border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:6px;padding:7px 9px;font-size:11px;color:#fff;resize:none;height:56px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.kick-collectibles-input-area:focus{border-color:var(--accent-primary, #53fc18);box-shadow:0 0 8px #53fc1833}.kick-collectibles-modal-status{font-size:10.5px;line-height:1.25;min-height:14px}.kick-collectibles-modal-status.is-error{color:#f87171}.kick-collectibles-modal-status.is-success{color:#53fc18}.kick-collectibles-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:2px}.btn-modal-cancel{background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--text-muted, #94a3b8);padding:4px 11px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-modal-cancel:hover{background:#ffffff14;color:#fff}.btn-modal-submit{background:var(--accent-primary, #53fc18);border:none;color:#0b0d14;padding:5px 14px;border-radius:5px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-modal-submit:hover{box-shadow:0 0 12px #53fc1873;opacity:.95}.btn-modal-submit:disabled{opacity:.5;cursor:not-allowed}.kick-emote-option.is-collectible{position:relative;aspect-ratio:1 / 1;padding:2px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:transform .08s ease,background .08s ease,border-color .08s ease;will-change:transform;contain:paint layout}.kick-emote-option.is-collectible:hover{transform:scale(1.12);z-index:2}.kick-emote-option.is-collectible img,.kick-emote-option.is-collectible canvas.emote-static-canvas,.kick-emote-option.is-collectible canvas{height:28px;width:auto;max-width:100%;max-height:28px;object-fit:contain;display:block;pointer-events:none;transform:scale(1.18)}.kick-emote-option.is-collectible.rarity-common{border-color:#a0a0a059}.kick-emote-option.is-collectible.rarity-uncommon{border-color:#53fc1880;box-shadow:inset 0 0 4px #53fc1826}.kick-emote-option.is-collectible.rarity-rare{border-color:#00d2ff8c;box-shadow:inset 0 0 6px #00d2ff33}.kick-emote-option.is-collectible.rarity-epic{border-color:#b537f299;box-shadow:inset 0 0 6px #b537f240}.kick-emote-option.is-collectible.rarity-legendary{border-color:#f5a623b3;box-shadow:0 0 6px #f5a6234d,inset 0 0 6px #f5a62340}.kick-emote-option.is-collectible.rarity-mythic{border-color:#ff0055d9;box-shadow:0 0 8px #f056,inset 0 0 8px #ff00554d}.emote-lock-indicator{position:absolute;top:1px;right:1px;font-size:8px;line-height:1;background:#000000b3;border-radius:3px;padding:1px}.kick-emote-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 12px;color:var(--text-muted, #94a3b8);font-size:11.5px;gap:4px}.kick-emote-empty .subtext{font-size:10px;color:#64748b}.kick-emote-channel-container{display:flex;flex-direction:column;gap:10px;width:100%}.kick-channel-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;font-size:11px}.kick-channel-toolbar-title{color:var(--text-muted, #94a3b8);font-weight:600}.kick-channel-add-btn{background:var(--accent-subtle);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:4px;font-size:10.5px;font-weight:600;padding:2px 7px;cursor:pointer;transition:all .15s ease}.kick-channel-add-btn:hover{background:var(--border-hover);color:var(--text-color, #fff)}.kick-channel-add-row{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--card-bg-elevated);border:1px solid var(--border-color);border-radius:6px;animation:emotePickerFade .12s ease-out}.kick-channel-add-input{flex:1;min-width:0;background:#00000073;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:4px 7px;font-size:11px;color:#fff;outline:none}.kick-channel-add-input:focus{border-color:var(--accent-primary)}.kick-channel-add-submit{background:var(--accent-primary);border:none;color:var(--bg-color, #00141a);border-radius:4px;padding:4px 9px;font-size:11px;font-weight:600;cursor:pointer;transition:background .12s ease}.kick-channel-add-submit:hover{background:#0369a1}.kick-channel-add-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:13px;line-height:1;padding:2px 4px}.kick-channel-add-close:hover{color:#fff}.kick-channel-section{display:flex;flex-direction:column;gap:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:7px}.kick-channel-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.05)}.kick-channel-info{display:flex;align-items:center;gap:6px;min-width:0}.kick-channel-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.kick-channel-avatar-fallback{font-size:12px;flex-shrink:0}.kick-channel-name{font-size:11.5px;font-weight:700;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kick-channel-current-tag{font-size:9.5px;font-weight:600;color:var(--accent-primary);background:var(--accent-subtle);border:1px solid var(--border-color);padding:1px 5px;border-radius:4px;white-space:nowrap;flex-shrink:0}.kick-channel-sub-toggle{font-size:9.5px;font-weight:600;border-radius:4px;padding:1px 6px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease;border:1px solid transparent}.kick-channel-sub-toggle.is-subscribed{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b59}.kick-channel-sub-toggle.is-subscribed:hover{background:#ef444433;border-color:#ef444466;color:#f87171}.kick-channel-sub-toggle.is-not-subscribed{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.kick-channel-sub-toggle.is-not-subscribed:hover{background:var(--accent-subtle);border-color:var(--border-hover);color:var(--accent-primary)}.kick-channel-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.kick-channel-count{font-size:10px;color:var(--text-muted, #94a3b8)}.kick-channel-remove-btn{background:none;border:none;color:#64748b;font-size:11px;cursor:pointer;padding:1px 4px;border-radius:3px;transition:color .15s ease,background .15s ease}.kick-channel-remove-btn:hover{color:#ef4444;background:#ef444426}.kick-channel-empty-msg{font-size:11px;color:var(--text-muted, #94a3b8);font-style:italic;padding:4px}.btn-kick-send{background:var(--accent-primary);color:#fff;font-size:11px;font-weight:700;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-kick-send:hover{background:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow)}.btn-kick-send:disabled{opacity:.55;cursor:not-allowed;background:var(--bg-surface-inset, #1e293b);color:var(--text-muted, #94a3b8);border:1px solid var(--border-color, #334155);box-shadow:none}.btn-kick-send.is-cooldown{background:#eab30829;color:#facc15;border:1px solid rgba(234,179,8,.45);cursor:not-allowed;box-shadow:none}.btn-kick-logout-small{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);border-radius:6px;padding:4px 6px;cursor:pointer;font-size:12px;transition:all .2s ease}.btn-kick-logout-small:hover{border-color:#ef4444;color:#ef4444}.header-title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--text-color);flex-shrink:0;white-space:nowrap}.header-right-controls{display:flex;align-items:stretch;gap:0;margin-left:auto;margin-bottom:0;flex-shrink:0;white-space:nowrap;height:100%}.header-actions{display:flex;align-items:stretch;gap:0;margin-bottom:0;flex-shrink:0;height:100%}.select-btn{background:transparent;border:none;border-left:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-bottom:none;color:var(--text-muted, #94a3b8);font-size:11px;font-weight:500;padding:0 8px;height:100%;margin:0;border-radius:0;outline:none;cursor:pointer;box-sizing:border-box;transition:background .15s ease,color .15s ease}.select-btn:hover{background:#ffffff0a;color:var(--text-color, #ffffff)}.select-btn:focus{outline:none;background:var(--card-bg-solid, #121824);color:var(--text-color, #ffffff)}.ultralight-toggle-btn{background:transparent;border:none;border-left:1px solid var(--border-subtle, rgba(255, 255, 255, .08));color:var(--text-muted, #94a3b8);font-size:11px;font-weight:600;padding:0 9px;height:100%;margin:0;border-radius:0;outline:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;transition:background .15s ease,color .15s ease;user-select:none}.ultralight-toggle-btn:hover{background:#ffffff0a;color:var(--text-color, #ffffff)}.ultralight-toggle-btn .ultra-icon{stroke:currentColor;transition:stroke .15s ease,fill .15s ease}.ultralight-toggle-btn.is-active{background:#53fc181f;color:#53fc18}.ultralight-toggle-btn.is-active .ultra-icon{fill:#53fc18;stroke:#53fc18}.select-btn option{background-color:var(--card-bg-solid, #121824);color:var(--text-color);padding:4px 8px}.channel-control{display:flex;align-items:center;gap:4px;flex-shrink:0}.channel-input-wrap{display:flex;align-items:center;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:5px;padding:0 6px;height:22px;box-sizing:border-box;transition:all .2s ease;flex-shrink:0}.channel-input-wrap:focus-within{border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow);background:var(--bg-surface-inset)}.channel-input-wrap span{color:var(--accent-primary);font-weight:700;font-size:11px;line-height:1;user-select:none;margin-right:2px}.channel-input{background:transparent;border:none;outline:none;color:#f1f5f9;font-size:11px;font-weight:500;width:62px;min-width:36px;padding:0;line-height:20px;height:100%}.channel-input::placeholder{color:#475569;font-size:10.5px}.icon-btn{background:var(--card-bg-elevated);border:1px solid var(--border-color);color:var(--text-muted);width:22px;height:22px;flex-shrink:0;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;padding:0;outline:none}.icon-btn:hover{border-color:var(--accent-primary);background:var(--card-bg-hover);color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.icon-btn svg{transition:transform .2s ease}#chat-settings-toggle:hover svg{transform:rotate(45deg)}.chat-settings-popover{position:absolute;top:34px;right:2px;width:348px;max-width:calc(100% - 4px);box-sizing:border-box;background:var(--card-bg-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 16px 36px #000000bf,0 0 1px #ffffff1a;z-index:100;padding:14px;display:flex;flex-direction:column;gap:12px;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;opacity:1;transform:translateY(0) scale(1);visibility:visible}.chat-settings-popover.hidden{opacity:0;transform:translateY(-8px) scale(.96);visibility:hidden;pointer-events:none}.popover-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.popover-title{font-size:13px;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:6px}.popover-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;border-radius:4px;padding:2px 6px;transition:color .15s ease}.popover-close-btn:hover{color:var(--text-color);background:#ffffff1a}.settings-tabs-nav{display:flex;gap:4px;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:8px;padding:3px}.settings-nav-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;border-radius:6px;padding:6px 4px;color:var(--text-muted, #94a3b8);font-size:11px;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap;user-select:none}.settings-nav-tab:hover{color:#f1f5f9;background:#ffffff0f}.settings-nav-tab.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.settings-nav-tab .nav-tab-icon{font-size:12px;line-height:1}.settings-tab-badge{background:#ef444440;border:1px solid rgba(239,68,68,.5);color:#fca5a5;font-size:9px;font-weight:700;padding:1px 5px;border-radius:10px;line-height:1}.popover-content{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.popover-content::-webkit-scrollbar{width:4px}.popover-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.settings-tab-pane{display:none;flex-direction:column;gap:14px}.settings-tab-pane.active{display:flex;animation:settingsPaneFade .15s ease-out}@keyframes settingsPaneFade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.setting-group{display:flex;flex-direction:column;gap:6px}.setting-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-primary)}.setting-desc{font-size:11px;color:var(--text-muted);margin-bottom:4px}.segmented-control{display:flex;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:8px;padding:3px;gap:3px}.segmented-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;padding:6px 4px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.segmented-btn .btn-name{font-size:11px;font-weight:600}.segmented-btn .btn-spec{font-size:9px;opacity:.75;margin-top:1px}.segmented-btn:hover{color:var(--text-color);background:#ffffff0d}.segmented-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.setting-toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-color);padding:4px 0}.setting-toggle-row input[type=checkbox]{accent-color:var(--accent-primary);width:15px;height:15px;cursor:pointer}.setting-number-input{background:var(--bg-surface-inset, rgba(15, 23, 42, .6));border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:6px;color:var(--text-color, #ffffff);font-size:11px;font-weight:500;padding:3px 6px;width:68px;text-align:right;outline:none;box-sizing:border-box;appearance:textfield;-moz-appearance:textfield;transition:border-color .15s ease,box-shadow .15s ease}.setting-number-input::-webkit-outer-spin-button,.setting-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.setting-number-input:hover{border-color:var(--border-hover, rgba(255, 255, 255, .25))}.setting-number-input:focus{border-color:var(--accent-primary, #53fc18);box-shadow:0 0 0 1px var(--accent-glow, rgba(83, 252, 24, .25))}.setting-range-hint{color:var(--text-muted, #94a3b8);font-size:11px;font-weight:400;margin-left:4px;opacity:.8}.setting-accounts-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.setting-account-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface-inset, rgba(15, 23, 42, .6));border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;transition:background .2s ease,border-color .2s ease}.setting-account-card:hover{background:#1e293bb3}.setting-account-info{display:flex;flex-direction:column;gap:2px;min-width:0}.setting-account-platform{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-color, #e2e8f0)}.platform-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.btn-setting-connect{display:inline-flex;align-items:center;justify-content:center;background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#38bdf8;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-setting-connect:hover{background:#0284c7;border-color:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c766}.setting-account-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface-inset, rgba(15, 23, 42, .6));border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;margin-top:4px}.setting-account-user{font-size:12px;font-weight:600;color:var(--text-color, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-setting-logout{display:inline-flex;align-items:center;justify-content:center;background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#f87171;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-setting-logout:hover{background:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 2px 8px #ef444466}.btn-setting-import-subs{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#f87171;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-setting-import-subs:hover{background:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 2px 8px #ef444466}.setting-mod-section{background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;margin-top:6px}.setting-sub-header{font-size:11px;font-weight:700;color:var(--accent-primary);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.setting-muted-list{max-height:110px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;display:flex;flex-direction:column;gap:4px}.setting-empty-hint{font-size:11px;color:var(--text-muted);font-style:italic;padding:4px 0}.setting-muted-item{display:flex;align-items:center;justify-content:space-between;background:var(--border-subtle);border:1px solid var(--border-color);border-radius:4px;padding:3px 6px;font-size:11px}.muted-user-name{font-weight:600;color:var(--text-color)}.muted-user-time{font-size:10px;color:var(--mention-color);margin-left:auto;margin-right:8px}.btn-mod-unmute{background:var(--accent-subtle);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px;cursor:pointer;transition:all .15s ease}.btn-mod-unmute:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.setting-keyword-input-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.setting-keyword-input-row .channel-input{flex:1;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;height:22px;font-size:11px;color:var(--text-color)}.setting-keyword-input-row .channel-input:focus{border-color:var(--accent-primary)}.setting-keywords-chips{display:flex;flex-wrap:wrap;gap:4px;max-height:80px;overflow-y:auto;scrollbar-width:thin}.setting-kw-chip{display:inline-flex;align-items:center;gap:4px;background:#f43f5e26;border:1px solid rgba(244,63,94,.35);color:#fda4af;font-size:10px;font-weight:600;padding:2px 6px;border-radius:12px}.btn-kw-remove{background:transparent;border:none;color:#fda4af;cursor:pointer;font-size:12px;line-height:1;padding:0;display:flex;align-items:center}.btn-kw-remove:hover{color:#fff}.terminal-toast-container{position:fixed;top:16px;right:16px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.terminal-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:9px;background:var(--card-bg-elevated);color:var(--text-color);border:1px solid var(--border-color);box-shadow:0 12px 36px #000000b3,0 0 16px var(--accent-glow);backdrop-filter:var(--glass-blur, blur(16px));-webkit-backdrop-filter:var(--glass-blur, blur(16px));animation:terminalToastSlideIn .35s cubic-bezier(.16,1,.3,1) forwards;min-width:290px;max-width:390px;position:relative;overflow:hidden;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease,border-color .15s ease}.terminal-toast.clickable{cursor:pointer;user-select:none}.terminal-toast.clickable:hover{transform:translateY(-2px);border-color:var(--border-hover, var(--accent-primary));box-shadow:0 16px 42px #000000c7,0 0 24px var(--accent-glow)}.terminal-toast.live{background:radial-gradient(circle at 0% 0%,var(--accent-subtle) 0%,transparent 65%),var(--card-bg-elevated);border-color:var(--border-color);box-shadow:0 12px 36px #000000b3,0 0 20px var(--accent-glow)}.terminal-toast.live:hover{border-color:var(--accent-primary)}.terminal-toast.error{background:radial-gradient(circle at 0% 0%,rgba(239,68,68,.18) 0%,transparent 70%),var(--card-bg-elevated);border-color:#ef444473;box-shadow:0 12px 36px #000000b3,0 0 18px #ef444440}.terminal-toast.error .terminal-toast-icon{flex-shrink:0;font-size:17px;line-height:1}.terminal-toast.warning{background:radial-gradient(circle at 0% 0%,rgba(245,158,11,.18) 0%,transparent 70%),var(--card-bg-elevated);border-color:#f59e0b73;box-shadow:0 12px 36px #000000b3,0 0 18px #f59e0b38}.terminal-toast.warning .terminal-toast-icon{flex-shrink:0;font-size:17px;line-height:1}.terminal-toast-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--card-bg-solid, #121824);border:2px solid var(--accent-primary);box-shadow:0 0 10px var(--accent-glow);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--accent-primary)}.terminal-toast-avatar img{width:100%;height:100%;object-fit:cover;display:block}.terminal-toast-content{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.terminal-toast-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.2px;color:var(--text-color)}.terminal-toast-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green, #10b981);box-shadow:0 0 8px var(--accent-green, #10b981);animation:terminalToastLivePulse 1.2s ease-in-out infinite;flex-shrink:0}.terminal-toast-name{color:var(--accent-primary);font-weight:800}.terminal-toast-status{color:var(--text-color);font-weight:600}.terminal-toast-details{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}@keyframes terminalToastLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes terminalToastSlideIn{0%{opacity:0;transform:translate(35px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.terminal-sidebar{width:58px;flex:0 0 58px;background:var(--bg-color, #080c14);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 24px #0009;padding:10px 0 8px;display:flex;flex-direction:column;align-items:center;height:100%;min-height:0;overflow:hidden;position:relative;z-index:20;box-sizing:border-box;transform:translateZ(0);will-change:border-color;contain:layout;transition:border-color .15s ease}.terminal-sidebar:hover{border-color:var(--border-hover)}.terminal-sidebar .sidebar-top{display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0;padding-bottom:8px;position:relative;box-sizing:border-box}.terminal-sidebar .sidebar-top:after{content:"";display:block;width:28px;height:1px;background:var(--border-subtle, rgba(255, 255, 255, .08));margin-top:8px}.terminal-sidebar .sidebar-browse-btn{width:38px;height:38px;border-radius:4px;background:var(--bg-surface-inset, rgba(15, 23, 42, .75));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));box-shadow:0 2px 6px #00000059;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;user-select:none;padding:0;margin:0;outline:none;color:var(--text-muted);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.terminal-sidebar .sidebar-browse-glyph{width:18px;height:18px;color:inherit;transition:color .15s ease,transform .15s ease;overflow:visible}.terminal-sidebar .sig-beacon{fill:currentColor;transition:transform .15s ease}.terminal-sidebar .sig-wave{transition:opacity .15s ease,transform .15s ease;transform-origin:12px 12px}.terminal-sidebar .sig-inner{opacity:.85}.terminal-sidebar .sig-outer{opacity:.6}.terminal-sidebar .sidebar-browse-btn:hover{background:var(--accent-subtle);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px);box-shadow:0 0 12px var(--accent-glow)}.terminal-sidebar .sidebar-browse-btn:hover .sidebar-browse-glyph{color:var(--accent-primary);transform:scale(1.08)}.terminal-sidebar .sidebar-browse-btn:hover .sig-beacon{filter:drop-shadow(0 0 4px var(--accent-glow))}.terminal-sidebar .sidebar-browse-btn:hover .sig-inner{opacity:1}.terminal-sidebar .sidebar-browse-btn:hover .sig-outer{opacity:.95}.terminal-sidebar .sidebar-browse-btn:active{transform:translateY(1px);box-shadow:0 0 6px var(--accent-glow)}.terminal-sidebar .sidebar-channels{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;padding:2px 0 8px;background:transparent;border:none;box-shadow:none;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.terminal-sidebar .sidebar-channels::-webkit-scrollbar{display:none;width:0;height:0}.terminal-sidebar .sidebar-channel-item{display:flex;justify-content:center;align-items:center;width:100%;padding:2px 0;cursor:pointer;position:relative;user-select:none;-webkit-user-drag:none}.terminal-sidebar .sidebar-channel-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:0 3px 3px 0;background:var(--accent-primary);opacity:0;pointer-events:none;transition:height .2s cubic-bezier(.34,1.56,.64,1),opacity .18s ease}.terminal-sidebar .sidebar-channel-item:hover:before{height:16px;opacity:.85}.terminal-sidebar .sidebar-channel-item.active:before{height:26px;opacity:1;box-shadow:0 0 8px var(--accent-primary)}.terminal-sidebar .sidebar-channel-item[data-platform=kick]:before{background:var(--platform-kick)}.terminal-sidebar .sidebar-channel-item[data-platform=kick].active:before{box-shadow:0 0 8px var(--platform-kick)}.terminal-sidebar .sidebar-channel-item[data-platform=twitch]:before{background:var(--platform-twitch)}.terminal-sidebar .sidebar-channel-item[data-platform=twitch].active:before{box-shadow:0 0 8px var(--platform-twitch)}.terminal-sidebar .sidebar-channel-item[data-platform=youtube]:before{background:var(--platform-youtube)}.terminal-sidebar .sidebar-channel-item[data-platform=youtube].active:before{box-shadow:0 0 8px var(--platform-youtube)}.terminal-sidebar .sidebar-channel-avatar{width:38px;height:38px;border-radius:4px;background:var(--bg-surface-inset, rgba(15, 23, 42, .75));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--accent-primary);overflow:visible;position:relative;pointer-events:none;border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));box-shadow:0 2px 6px #00000059;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.terminal-sidebar .sidebar-channel-avatar img,.terminal-sidebar .sidebar-channel-avatar span{border-radius:3px;pointer-events:none}.terminal-sidebar .sidebar-channel-avatar img{width:100%;height:100%;object-fit:cover}.terminal-sidebar .sidebar-channel-status-pip{position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--bg-color, #080c14);z-index:3;pointer-events:none}.terminal-sidebar .sidebar-channel-status-pip.live{background:var(--accent-green, #10b981);box-shadow:0 0 6px var(--accent-green, #10b981)}.terminal-sidebar .sidebar-channel-item[data-platform=kick] .sidebar-channel-status-pip.live{background:var(--platform-kick);box-shadow:0 0 6px var(--platform-kick)}.terminal-sidebar .sidebar-channel-item[data-platform=twitch] .sidebar-channel-status-pip.live{background:var(--platform-twitch);box-shadow:0 0 6px var(--platform-twitch)}.terminal-sidebar .sidebar-channel-item[data-platform=youtube] .sidebar-channel-status-pip.live{background:var(--platform-youtube);box-shadow:0 0 6px var(--platform-youtube)}.terminal-sidebar .sidebar-channel-status-pip.banned{background:#f43f5e;box-shadow:0 0 6px #f43f5e}.terminal-sidebar .sidebar-channel-star-pip{position:absolute;top:-5px;left:-4px;font-size:10px;color:#fbbf24;text-shadow:0 0 6px rgba(251,191,36,.9);z-index:4;pointer-events:none;line-height:1}.terminal-sidebar .sidebar-channel-item.live .sidebar-channel-avatar{border-color:var(--accent-green, #10b981);box-shadow:0 0 0 1px var(--accent-green, #10b981),0 0 8px #10b98159;transition:border-color .15s ease,box-shadow .15s ease}.terminal-sidebar .sidebar-channel-item[data-platform=kick].live .sidebar-channel-avatar{border-color:var(--platform-kick);box-shadow:0 0 0 1px var(--platform-kick),0 0 8px var(--platform-kick-glow)}.terminal-sidebar .sidebar-channel-item[data-platform=twitch].live .sidebar-channel-avatar{border-color:var(--platform-twitch);box-shadow:0 0 0 1px var(--platform-twitch),0 0 8px var(--platform-twitch-glow)}.terminal-sidebar .sidebar-channel-item[data-platform=youtube].live .sidebar-channel-avatar{border-color:var(--platform-youtube);box-shadow:0 0 0 1px var(--platform-youtube),0 0 8px var(--platform-youtube-glow)}.terminal-sidebar .sidebar-channel-item.banned .sidebar-channel-avatar{border-color:#f43f5e;box-shadow:0 0 0 1px #f43f5e,0 0 8px #f43f5e66}.terminal-sidebar .sidebar-channel-item:hover .sidebar-channel-avatar{border-color:var(--border-hover);transform:translateY(-1px) scale(1.03);box-shadow:0 4px 12px #00000080,0 0 8px var(--accent-subtle)}.terminal-sidebar .sidebar-channel-item.live:hover .sidebar-channel-avatar{border-color:var(--accent-green, #10b981);box-shadow:0 0 0 1px var(--accent-green, #10b981),0 0 16px #10b981b3}.terminal-sidebar .sidebar-channel-item[data-platform=kick].live:hover .sidebar-channel-avatar{border-color:var(--platform-kick);box-shadow:0 0 0 1px var(--platform-kick),0 0 16px var(--platform-kick-glow)}.terminal-sidebar .sidebar-channel-item[data-platform=twitch].live:hover .sidebar-channel-avatar{border-color:var(--platform-twitch);box-shadow:0 0 0 1px var(--platform-twitch),0 0 16px var(--platform-twitch-glow)}.terminal-sidebar .sidebar-channel-item[data-platform=youtube].live:hover .sidebar-channel-avatar{border-color:var(--platform-youtube);box-shadow:0 0 0 1px var(--platform-youtube),0 0 16px var(--platform-youtube-glow)}.terminal-sidebar .sidebar-channel-item.banned:hover .sidebar-channel-avatar{border-color:#f43f5e;box-shadow:0 0 0 1px #f43f5e,0 0 14px #f43f5eb3}.terminal-sidebar .sidebar-channel-item.active .sidebar-channel-avatar{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary),0 0 12px var(--accent-glow)}.terminal-sidebar .sidebar-channel-item[data-platform=kick].active .sidebar-channel-avatar{border-color:var(--platform-kick);box-shadow:0 0 0 1px var(--platform-kick),0 0 12px var(--platform-kick-glow)}.terminal-sidebar .sidebar-channel-item[data-platform=twitch].active .sidebar-channel-avatar{border-color:var(--platform-twitch);box-shadow:0 0 0 1px var(--platform-twitch),0 0 12px var(--platform-twitch-glow)}.terminal-sidebar .sidebar-channel-item[data-platform=youtube].active .sidebar-channel-avatar{border-color:var(--platform-youtube);box-shadow:0 0 0 1px var(--platform-youtube),0 0 12px var(--platform-youtube-glow)}.terminal-sidebar .sidebar-empty{display:flex;justify-content:center;align-items:center;padding:14px 0;font-size:18px;opacity:.45;color:var(--text-muted, #94a3b8);transition:opacity .2s ease,transform .2s ease}.terminal-sidebar .sidebar-empty:hover{opacity:.85;transform:scale(1.1)}.terminal-sidebar-tooltip{position:fixed;transform:translateY(-50%);background:var(--card-bg-elevated);backdrop-filter:var(--glass-blur, blur(16px));-webkit-backdrop-filter:var(--glass-blur, blur(16px));border:1px solid var(--border-color);border-radius:4px;padding:8px 10px;min-width:150px;max-width:240px;box-shadow:0 8px 32px #000000bf;z-index:99999;pointer-events:none;opacity:0;transition:opacity .15s ease;font-size:11px;color:var(--text-color, #f1f5f9)}.terminal-sidebar-tooltip.visible{opacity:1}.terminal-sidebar-tooltip:before{content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid var(--border-color)}.terminal-sidebar-tooltip .sct-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.terminal-sidebar-tooltip .sct-name{display:flex;align-items:center;gap:5px;font-weight:700;font-size:11px;color:#fff;min-width:0}.terminal-sidebar-tooltip .sct-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-sidebar-tooltip .sct-status{font-size:10px;color:var(--text-muted, #94a3b8);font-family:monospace;display:flex;align-items:center;gap:5px;margin-bottom:4px}.terminal-sidebar-tooltip .sct-status.live{color:var(--accent-green, #10b981);font-weight:600}.terminal-sidebar-tooltip .sct-status.banned{color:#f43f5e;font-weight:700}.terminal-sidebar-tooltip .sct-banned-pill{display:inline-flex;align-items:center;gap:4px;background:#f43f5e29;color:#f43f5e;border:1px solid rgba(244,63,94,.35);padding:1px 5px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.4px}.terminal-sidebar-tooltip .sct-platform-badge{font-size:8px;font-weight:800;line-height:1;padding:2px 5px;border-radius:3px;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0;display:inline-flex;align-items:center}.terminal-sidebar-tooltip .sct-platform-badge.kick{color:var(--platform-kick);background:var(--platform-kick-subtle);border:1px solid var(--platform-kick-border)}.terminal-sidebar-tooltip .sct-platform-badge.twitch{color:var(--platform-twitch);background:var(--platform-twitch-subtle);border:1px solid var(--platform-twitch-border)}.terminal-sidebar-tooltip .sct-platform-badge.youtube{color:var(--platform-youtube);background:var(--platform-youtube-subtle);border:1px solid var(--platform-youtube-border)}.terminal-sidebar-tooltip .sct-favorite-badge{font-size:8px;font-weight:700;line-height:1;padding:2px 5px;border-radius:3px;color:#fbbf24;background:#fbbf2426;border:1px solid rgba(251,191,36,.35);flex-shrink:0;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.terminal-sidebar-tooltip .sct-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green, #10b981);box-shadow:0 0 6px var(--accent-green, #10b981);display:inline-block}.terminal-sidebar-tooltip .sct-category{font-size:10px;font-weight:600;color:var(--accent-primary);display:flex;align-items:center;gap:4px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-sidebar-tooltip .sct-category-icon{font-size:10px;line-height:1;flex-shrink:0}.terminal-sidebar-tooltip .sct-category-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-sidebar-tooltip .sct-title{font-size:10px;color:#cbd5e1;line-height:1.3;word-break:break-word;border-top:1px solid var(--border-subtle);padding-top:4px;margin-top:2px}.terminal-sidebar-tooltip .sct-action-hint{font-size:9.5px;color:var(--text-subtle);margin-top:4px;border-top:1px solid var(--border-subtle);padding-top:4px;display:flex;justify-content:space-between;gap:6px}.browse-channels-view{display:flex;flex-direction:column;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,var(--card-bg) 0%,var(--bg-color) 85%);backdrop-filter:var(--glass-blur, blur(16px));overflow:hidden;user-select:none;position:relative}.browse-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 16px;background:var(--card-header-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;height:44px;box-sizing:border-box}.browse-header-left{display:flex;align-items:center;gap:10px;min-width:0}.browse-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.browse-live-indicator{display:inline-block;width:8px;height:8px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px var(--accent-primary),0 0 16px var(--accent-glow);animation:browse-pulse 2s infinite;flex-shrink:0}@keyframes browse-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.3);opacity:.4}}.browse-title{margin:0;font-size:.85rem;font-weight:800;letter-spacing:.08em;color:var(--text-color);text-transform:uppercase;text-shadow:0 0 10px var(--accent-glow);white-space:nowrap}.browse-stream-count{font-size:.72rem;color:var(--text-muted);font-weight:500;background:var(--accent-subtle);padding:2px 7px;border-radius:10px;border:1px solid var(--border-color);white-space:nowrap}.browse-search-wrap{position:relative;display:flex;align-items:center;width:220px;height:28px}.browse-search-icon{position:absolute;left:8px;font-size:.72rem;pointer-events:none;opacity:.6}.browse-search-input{width:100%;height:28px;padding:0 26px;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.76rem;transition:all .2s ease}.browse-search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--card-bg-elevated);box-shadow:0 0 10px var(--accent-glow)}.browse-search-clear{position:absolute;right:6px;background:transparent;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:1px 4px}.browse-search-clear:hover{color:var(--text-color)}.browse-refresh-btn{width:28px;height:28px;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s ease}.browse-refresh-btn:hover{border-color:var(--border-hover);color:var(--accent-primary);background:var(--card-bg-hover)}.browse-refresh-btn.is-spinning .browse-refresh-icon{display:inline-block;animation:browse-spin .8s linear infinite}@keyframes browse-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.browse-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 16px;background:var(--card-header-bg);border-bottom:1px solid var(--border-subtle);flex-shrink:0;min-height:34px;box-sizing:border-box;position:relative;z-index:50;overflow:visible}.browse-toolbar-left{display:flex;align-items:center;gap:6px;flex-shrink:0;position:relative}.browse-toolbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.browse-toolbar-sep{width:1px;height:16px;background:var(--border-subtle);margin:0 2px;flex-shrink:0}.browse-provider-switcher{display:flex;align-items:center;gap:2px;background:var(--bg-surface-inset);padding:2px;border-radius:6px;border:1px solid var(--border-color)}.browse-provider-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--text-muted);font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease;height:22px;line-height:1}.browse-provider-dot{width:6px;height:6px;border-radius:50%;display:inline-block;box-shadow:0 0 5px currentColor}.browse-provider-btn:hover{color:var(--text-color);background:var(--card-bg-hover)}.browse-provider-btn.active{color:var(--bg-color);background:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.browse-favorites-btn{display:inline-flex;align-items:center;gap:5px;background:var(--bg-surface-inset);border:1px solid var(--border-color);color:var(--text-muted);font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:6px;cursor:pointer;transition:all .15s ease;height:26px;line-height:1;user-select:none}.browse-favorites-btn:hover{color:var(--text-color);border-color:var(--border-hover);background:var(--card-bg-hover)}.browse-favorites-btn.active{color:#050505;background:#fbbf24;border-color:#fbbf24;box-shadow:0 0 10px #fbbf2466}.browse-favorites-star{font-size:.82rem;color:#fbbf24;line-height:1}.browse-favorites-btn.active .browse-favorites-star{color:#050505}.browse-dropdown{position:relative;display:inline-block;user-select:none}.browse-dropdown-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;height:26px;padding:0 8px;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);font-size:.73rem;font-weight:500;cursor:pointer;outline:none;transition:all .15s ease;box-sizing:border-box}.browse-dropdown[data-dropdown=category] .browse-dropdown-trigger{width:140px}.browse-dropdown[data-dropdown=language] .browse-dropdown-trigger,.browse-dropdown[data-dropdown=sort] .browse-dropdown-trigger{width:125px}.browse-dropdown-trigger:hover{border-color:var(--border-hover);background:var(--card-bg-elevated)}.browse-dropdown.is-open .browse-dropdown-trigger{border-color:var(--accent-primary);background:var(--card-bg-elevated);box-shadow:0 0 8px var(--accent-glow)}.browse-dropdown-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1}.browse-dropdown-arrow{font-size:.65rem;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.browse-dropdown.is-open .browse-dropdown-arrow{transform:rotate(180deg);color:var(--accent-primary)}.browse-dropdown-menu{position:absolute;top:calc(100% + 4px);bottom:auto!important;left:0;min-width:100%;width:max-content;max-width:220px;background:var(--card-bg-elevated);backdrop-filter:var(--glass-blur, blur(16px));-webkit-backdrop-filter:var(--glass-blur, blur(16px));border:1px solid var(--border-color);border-radius:6px;box-shadow:0 10px 30px #000000bf,0 0 12px var(--accent-subtle);z-index:1000;display:none;flex-direction:column;overflow:hidden;animation:browse-drop-down .14s ease-out}@keyframes browse-drop-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.browse-dropdown.is-open .browse-dropdown-menu{display:flex}.browse-dropdown-list{max-height:240px;overflow-y:auto;overflow-x:hidden;padding:4px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:var(--border-hover) var(--bg-surface-inset)}.browse-dropdown-list::-webkit-scrollbar{width:4px}.browse-dropdown-list::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:2px}.browse-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.browse-dropdown-item{display:flex;align-items:center;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:4px;color:var(--text-color);font-size:.72rem;font-weight:500;text-align:left;cursor:pointer;transition:all .12s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.browse-dropdown-item:hover{background:var(--card-bg-hover);color:var(--accent-primary)}.browse-dropdown-item.active{background:var(--accent-subtle);color:var(--accent-primary);font-weight:700}.browse-dropdown-divider{height:1px;background:var(--border-subtle);margin:3px 6px;flex-shrink:0}.browse-reset-filters-btn{height:24px;padding:0 8px;font-size:.68rem;font-weight:700;border-radius:4px;border:1px solid rgba(239,68,68,.4);color:#f87171;background:#ef44441f;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px;line-height:1}.browse-reset-filters-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.browse-view-mode-toggle{display:flex;align-items:center;gap:2px;background:var(--bg-surface-inset);padding:2px;border-radius:5px;border:1px solid var(--border-color)}.browse-mode-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;background:transparent;border:none;color:var(--text-muted);font-size:.8rem;border-radius:3px;cursor:pointer;transition:all .15s ease;padding:0}.browse-mode-btn:hover{color:var(--text-color);background:var(--card-bg-hover)}.browse-mode-btn.active{color:#fff;background:var(--accent-subtle);box-shadow:0 0 6px var(--accent-glow)}.browse-page-tabs-bar{display:flex;align-items:center;background:var(--bg-surface-inset, rgba(11, 13, 20, .6));border-bottom:1px solid var(--border-subtle);padding:3px 16px;height:32px;box-sizing:border-box;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.browse-page-tabs-bar::-webkit-scrollbar{display:none}.browse-page-tabs-track{display:flex;align-items:center;gap:4px}.browse-page-tab{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;font-size:.72rem;font-weight:700;font-family:inherit;color:var(--text-muted);background:var(--card-bg, rgba(255, 255, 255, .03));border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .15s ease;user-select:none;line-height:1}.browse-page-tab:hover:not(.active){color:var(--text-color);background:var(--card-bg-hover);border-color:var(--border-hover);box-shadow:0 0 6px var(--accent-glow)}.browse-page-tab.active{color:#050505;background:var(--accent-primary, #53fc18);border-color:var(--accent-primary, #53fc18);box-shadow:0 0 10px var(--accent-glow);font-weight:800}.browse-page-tab-nav{color:var(--accent-primary);font-size:.85rem;padding:0 4px}.browse-page-tab-ellipsis{color:var(--text-muted);font-size:.72rem;padding:0 2px;user-select:none}.browse-content-scroll{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--card-header-bg)}.browse-content-scroll::-webkit-scrollbar{width:6px}.browse-content-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;width:100%}.browse-card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;cursor:pointer;contain:content;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease;position:relative}.browse-card:hover{transform:translateY(-3px);border-color:var(--accent-primary);box-shadow:0 8px 24px #0000008c,0 0 16px var(--accent-glow)}.browse-card-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-surface-inset);overflow:hidden;contain:strict}.browse-card-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.browse-card:hover .browse-card-thumb{transform:scale(1.04)}.browse-card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;opacity:.35;background:radial-gradient(circle at center,var(--card-bg-hover) 0%,var(--bg-surface-inset) 100%);box-shadow:inset 0 0 20px #0009}.browse-card-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.browse-card-badges-left{display:flex;align-items:center;gap:6px}.browse-lang-badge{display:inline-flex;align-items:center;background:var(--bg-surface-inset);backdrop-filter:blur(4px);color:var(--accent-primary);font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:2px 6px;border-radius:4px;border:1px solid var(--border-color)}.browse-live-badge{display:inline-flex;align-items:center;gap:5px;background:#dc2626e6;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:4px;box-shadow:0 2px 6px #0006}.browse-live-dot{width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 4px #fffc}.browse-card:hover .browse-live-dot,.browse-list-item:hover .browse-list-live-dot{animation:browse-pulse 1.4s infinite}.browse-viewers-badge{background:var(--card-header-bg);backdrop-filter:blur(4px);color:var(--text-color);font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:4px;border:1px solid var(--border-subtle)}.browse-duration-badge{display:inline-flex;align-items:center;background:#000000d9;backdrop-filter:blur(4px);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 4px #00000080}.browse-published-tag{font-size:.68rem;color:var(--text-muted);margin-left:6px}.browse-import-subs-btn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;font-size:.72rem;font-weight:700;color:var(--text-color);background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s ease;user-select:none;line-height:1}.browse-import-subs-btn:hover{background:var(--card-bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.browse-card-badges-right{display:flex;align-items:center;gap:6px;pointer-events:auto}.browse-star-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:#0b0d14d9;backdrop-filter:blur(6px);border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:.8rem;cursor:pointer;pointer-events:auto;transition:all .18s cubic-bezier(.2,.8,.2,1);line-height:1;user-select:none}.browse-star-btn:hover{color:#fbbf24;border-color:#fbbf24;background:#fbbf242e;box-shadow:0 0 8px #fbbf2466;transform:scale(1.12)}.browse-star-btn.is-favorite{color:#fbbf24;border-color:#fbbf24;background:#fbbf2440;box-shadow:0 0 10px #fbbf2480;text-shadow:0 0 6px rgba(251,191,36,.8)}.browse-grid.is-list-mode{display:flex;flex-direction:column;gap:6px}.browse-list-item{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .16s ease}.browse-list-item:hover{background:var(--card-bg-hover);border-color:var(--accent-primary);transform:translate(3px);box-shadow:0 4px 16px #0006,0 0 10px var(--accent-subtle)}.browse-list-avatar-wrap{position:relative;width:34px;height:34px;flex-shrink:0}.browse-list-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-hover);background:var(--bg-surface-inset)}.browse-list-live-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;background:#53fc18;border-radius:50%;border:1.5px solid var(--bg-color);box-shadow:0 0 6px #53fc18}.browse-list-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.browse-list-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.browse-list-name{font-size:.78rem;font-weight:700;color:var(--accent-primary)}.browse-list-cat{font-size:.68rem;color:var(--text-muted);background:var(--accent-subtle);padding:1px 6px;border-radius:4px;border:1px solid var(--border-color)}.browse-list-lang{font-size:.65rem;font-weight:700;color:var(--accent-primary);background:var(--bg-surface-inset);padding:1px 5px;border-radius:3px;border:1px solid var(--border-color)}.browse-list-title{font-size:.76rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browse-list-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.browse-list-viewers{font-size:.74rem;font-weight:600;color:var(--text-color);background:var(--card-header-bg);padding:3px 8px;border-radius:4px;border:1px solid var(--border-subtle)}.browse-list-play-btn{background:var(--accent-subtle);border:1px solid var(--border-color);color:var(--accent-primary);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer;transition:all .15s ease}.browse-list-item:hover .browse-list-play-btn{background:var(--accent-primary);color:var(--bg-color);box-shadow:0 0 10px var(--accent-glow)}.browse-list-item.is-skeleton{cursor:default;pointer-events:none}.browse-list-avatar-skel{width:34px;height:34px;border-radius:50%;background:var(--card-bg-hover);flex-shrink:0}.browse-list-info-skel{flex:1;display:flex;flex-direction:column;gap:6px}.browse-card-body{display:flex;gap:12px;padding:12px;align-items:flex-start;flex:1}.browse-card-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid var(--border-hover);background:var(--bg-surface-inset)}.browse-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.browse-card-title{margin:0;font-size:.82rem;font-weight:600;color:var(--text-color);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.browse-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.browse-card-name{font-size:.74rem;font-weight:600;color:var(--accent-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browse-card-cat{font-size:.68rem;color:var(--text-muted);background:var(--accent-subtle);padding:1px 6px;border-radius:4px;border:1px solid var(--border-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browse-card-hover-hint{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--card-header-bg);border-top:1px solid var(--border-subtle);font-size:.66rem;color:var(--text-subtle);opacity:0;transform:translateY(4px);transition:all .18s ease}.browse-card:hover .browse-card-hover-hint{opacity:1;transform:translateY(0)}.browse-card.is-skeleton{cursor:default;pointer-events:none}.browse-card.is-skeleton .browse-card-thumb-wrap{background:linear-gradient(90deg,var(--card-bg) 0%,var(--card-bg-hover) 50%,var(--card-bg) 100%);background-size:200% 100%;animation:browse-shimmer 1.5s infinite}.browse-card-avatar-skel{width:38px;height:38px;border-radius:50%;background:var(--card-bg-hover);flex-shrink:0}.browse-card-text-skel{flex:1;display:flex;flex-direction:column;gap:6px}.browse-card-line-skel{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--card-bg) 0%,var(--card-bg-hover) 50%,var(--card-bg) 100%);background-size:200% 100%;animation:browse-shimmer 1.5s infinite}@keyframes browse-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.browse-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted)}.browse-empty-icon{font-size:2.8rem;margin-bottom:12px;opacity:.8}.browse-empty-state h3{margin:0 0 6px;font-size:1.1rem;color:var(--text-color)}.browse-empty-state p{margin:0 0 18px;font-size:.82rem;max-width:360px}.browse-retry-btn,.browse-load-more-btn{background:var(--accent-gradient);border:1px solid var(--accent-primary);color:var(--bg-color);font-size:.8rem;font-weight:600;padding:8px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease}.browse-retry-btn:hover,.browse-load-more-btn:hover{background:var(--accent-hover);color:var(--bg-color);box-shadow:0 0 14px var(--accent-glow)}.browse-footer{display:flex;justify-content:center;padding:24px 0 10px}.browse-end-notice{font-size:.78rem;font-weight:500;color:var(--text-muted);background:var(--accent-subtle);border:1px solid var(--border-color);padding:8px 18px;border-radius:20px;letter-spacing:.02em}.browse-load-more-wrap{display:flex;justify-content:center}.browse-load-more-btn{display:inline-flex;align-items:center;gap:10px;padding:9px 20px;background:var(--card-bg-elevated);border:1px solid var(--border-color);border-radius:24px;color:var(--text-color);font-size:.8rem;font-weight:700;letter-spacing:.03em;cursor:pointer;box-shadow:0 4px 16px #0006;transition:all .2s cubic-bezier(.16,1,.3,1)}.browse-load-more-btn:hover:not(:disabled){background:var(--accent-subtle);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 16px var(--accent-glow);transform:translateY(-1px)}.browse-load-more-btn:active:not(:disabled){transform:translateY(0)}.browse-load-more-btn:disabled{opacity:.6;cursor:wait;border-color:var(--border-subtle)}.browse-load-more-arrow{color:var(--accent-primary);font-size:.95rem;transition:transform .2s ease}.browse-load-more-btn:hover:not(:disabled) .browse-load-more-arrow{transform:translateY(2px)}.browse-load-more-pill{font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--bg-surface-inset);padding:2px 7px;border-radius:10px;border:1px solid var(--border-color)}.browse-load-more-spinner{width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:browse-spin .7s linear infinite}.video-tab.is-browse-tab{border-color:var(--tab-border-inactive)}.video-tab.is-browse-tab .chat-tab-label{color:var(--accent-primary);font-weight:700}.video-tab.is-browse-tab:hover:not(.active){background:var(--tab-bg-hover);border-color:var(--tab-border-hover);box-shadow:inset 0 -1px 3px #0000004d,0 0 6px var(--accent-glow)}.video-tab.is-browse-tab.active{background:var(--tab-bg-active);border:1px solid var(--tab-border-active);border-top:2px solid var(--tab-ridge-active);border-bottom:1px solid var(--tab-bottom-active);box-shadow:0 -2px 10px var(--tab-glow-active),0 3px 10px #000000a6,inset 0 1px #ffffff26}.video-tab.is-browse-tab.active .chat-tab-label{color:var(--text-color)}.media-explorer-view{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2.5cqi,24px);box-sizing:border-box;pointer-events:auto;animation:mediaFadeIn .18s ease-out}.media-explorer-view.hidden{display:none!important}@keyframes mediaFadeIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.media-explorer-backdrop{position:absolute;inset:0;background:#070a12d9;backdrop-filter:var(--glass-blur, blur(16px));-webkit-backdrop-filter:var(--glass-blur, blur(16px));z-index:1}.media-explorer-panel{position:relative;z-index:2;width:100%;max-width:1100px;height:100%;max-height:92%;display:flex;flex-direction:column;background:var(--card-bg-elevated);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 24px 64px #000000d9,0 0 32px var(--accent-glow);color:var(--text-color, #f1f5f9);overflow:hidden;box-sizing:border-box}.media-explorer-panel.is-banned{border-color:#f43f5e66;box-shadow:0 24px 64px #000000e6,0 0 32px #f43f5e33}.media-explorer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;background:var(--card-header-bg, rgba(15, 23, 42, .5))}.media-explorer-header-left{display:flex;align-items:center;gap:12px;min-width:0}.media-explorer-badge{background:var(--accent-subtle);border:1px solid var(--border-color);color:var(--accent-primary);font-size:10px;font-weight:800;letter-spacing:.6px;padding:3px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;box-shadow:0 0 10px var(--accent-glow)}.media-explorer-badge.is-banned{background:#f43f5e24;border-color:#f43f5e73;color:#f43f5e;box-shadow:0 0 10px #f43f5e40}.media-explorer-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;display:inline-block}.media-explorer-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.media-explorer-channel-name{margin:0;font-size:15px;font-weight:700;color:var(--text-color, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}.media-explorer-channel-sub{font-size:11.5px;color:var(--text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-explorer-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.media-explorer-count-badge{font-size:11px;font-weight:700;color:var(--text-muted, #94a3b8);background:var(--bg-surface-inset);border:1px solid var(--border-color);padding:3px 10px;border-radius:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.media-explorer-btn-close{background:transparent;border:1px solid var(--border-color);color:var(--text-muted, #94a3b8);font-size:13px;width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.media-explorer-btn-close:hover{color:var(--accent-primary);border-color:var(--border-hover);background:var(--bg-surface-inset)}.media-explorer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:var(--card-header-bg, rgba(15, 23, 42, .35));border-bottom:1px solid var(--border-subtle);flex-shrink:0}.media-explorer-search-box{position:relative;display:flex;align-items:center;flex:1;min-width:0}.media-explorer-search-icon{position:absolute;left:10px;color:var(--text-muted, #64748b);pointer-events:none}.media-explorer-search-input{width:100%;height:32px;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:6px;padding:0 30px 0 32px;color:var(--text-color);font-size:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.media-explorer-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.media-explorer-search-input::placeholder{color:var(--text-subtle)}.media-explorer-search-clear{position:absolute;right:8px;background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:2px 4px;line-height:1}.media-explorer-search-clear:hover{color:var(--text-color)}.media-explorer-sort-box{display:flex;align-items:center;gap:8px;flex-shrink:0}.media-explorer-sort-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.media-explorer-sort-select{height:32px;background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:6px;padding:0 10px;color:var(--text-color);font-size:11.5px;font-weight:600;outline:none;cursor:pointer;transition:border-color .15s ease}.media-explorer-sort-select:focus{border-color:var(--accent-primary)}.media-explorer-sort-select option{background:var(--card-bg-solid);color:var(--text-color)}.media-explorer-tabs-bar{display:flex;align-items:center;gap:6px;padding:8px 18px;background:var(--bg-surface-inset);border-bottom:1px solid var(--border-subtle);overflow-x:auto;flex-shrink:0}.media-explorer-tabs-bar.hidden{display:none!important}.media-explorer-tab-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);font-size:11px;font-weight:700;padding:4px 12px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.media-explorer-tab-btn:hover{color:var(--text-color);border-color:var(--border-hover);background:#ffffff0a}.media-explorer-tab-btn.active{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-subtle);box-shadow:0 0 10px var(--accent-glow)}.media-explorer-content{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.media-explorer-grid{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:max-content;align-items:start;align-content:start;gap:16px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-hover) var(--bg-surface-inset)}.media-explorer-grid::-webkit-scrollbar{width:8px}.media-explorer-grid::-webkit-scrollbar-track{background:var(--bg-surface-inset);border-radius:4px;margin:4px 0}.media-explorer-grid::-webkit-scrollbar-thumb{background:var(--border-color);border:1px solid var(--border-subtle);border-radius:4px;transition:background .15s ease}.media-explorer-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.media-card{background:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;text-align:left;min-height:230px;box-sizing:border-box;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 4px 16px #00000073;outline:none;position:relative;user-select:none;-webkit-user-select:none}.media-card:hover,.media-card:focus-visible{transform:translateY(-3px);border-color:var(--border-hover);background:var(--card-bg-hover);box-shadow:0 12px 30px #000000b3,0 0 22px var(--accent-glow)}.media-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.media-card-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;min-height:140px;background:var(--card-bg-solid, #080c14);overflow:hidden;flex-shrink:0;border-bottom:1px solid var(--border-subtle)}.media-card-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.media-card:hover .media-card-thumb{transform:scale(1.05)}.media-card-thumb-fallback{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--card-bg-solid) 0%,var(--bg-surface-inset) 100%);font-size:28px;color:var(--text-muted)}.media-card-duration{position:absolute;bottom:6px;right:6px;background:#000000e0;color:var(--text-color, #fff);border:1px solid var(--border-subtle);font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-variant-numeric:tabular-nums;z-index:2;pointer-events:none}.media-card-type-pill{position:absolute;top:6px;left:6px;background:var(--bg-surface-inset);color:var(--text-subtle);border:1px solid var(--border-color);font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px;z-index:2;pointer-events:none}.media-card-type-pill.upload{background:#3b82f638;border-color:#3b82f680;color:#93c5fd}.media-card-type-pill.archive,.media-card-type-pill.stream{background:#a855f738;border-color:#a855f780;color:#d8b4fe}.media-card-type-pill.clip{background:#f59e0b38;border-color:#f59e0b80;color:#fcd34d}.media-card-play-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease;z-index:3;pointer-events:none}.media-card:hover .media-card-play-overlay,.media-card:focus-visible .media-card-play-overlay{opacity:1}.media-card-play-btn{width:38px;height:38px;border-radius:50%;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;padding-left:2px;box-shadow:0 4px 16px var(--accent-glow);transform:scale(.9);transition:transform .18s cubic-bezier(.175,.885,.32,1.275)}.media-card:hover .media-card-play-btn{transform:scale(1.08)}.media-card-info{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;box-sizing:border-box}.media-card-title{margin:0;font-size:13px;font-weight:600;color:var(--text-color);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:38px;word-break:break-word}.media-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--text-muted);margin-top:auto;padding-top:6px;border-top:1px solid var(--border-subtle);font-variant-numeric:tabular-nums}.media-card-datetime{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:11px;color:var(--text-muted)}.media-card-relative{font-weight:600;font-size:10.5px;color:var(--accent-primary);white-space:nowrap;background:var(--accent-subtle);padding:2px 7px;border-radius:4px;border:1px solid var(--border-color)}.media-explorer-loading,.media-explorer-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--text-muted, #94a3b8);font-size:13px;text-align:center}html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}@media(hover:none)and (pointer:coarse){*,*:before,*:after{-webkit-tap-highlight-color:transparent}.chat-tab,.video-tab,.btn-kick-emoji,.btn-kick-send,.add-tab-submit-btn,.segmented-btn,.sidebar-browse-btn,.header-browse-btn,.video-header-btn,.kt-btn{touch-action:manipulation}.chat-tabs-scroll,.video-tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none}}.header-browse-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .15s ease,background .15s ease}.header-browse-btn:hover,.header-browse-btn:active{color:var(--accent-blue, #38bdf8);background:#38bdf81f}.header-browse-glyph{overflow:visible}@media(max-width:768px),(orientation:portrait)and (max-width:900px){html,body{position:fixed!important;inset:0!important;padding:0!important;margin:0!important;width:100vw!important;height:100%!important;height:var(--app-height, 100dvh)!important;max-height:var(--app-height, 100dvh)!important;overflow:hidden!important;background:var(--bg-color, #0b0e14)!important}.terminal-layout{position:fixed!important;inset:0!important;display:grid!important;grid-template-columns:44px 1fr!important;grid-template-rows:auto 1fr!important;grid-template-areas:"sidebar video" "sidebar chat"!important;gap:0!important;width:100%!important;height:var(--app-height, 100%)!important;max-width:100%!important;max-height:var(--app-height, 100%)!important;border-radius:0!important;overflow:hidden!important;box-sizing:border-box!important;padding-top:env(safe-area-inset-top,0px)!important;padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important;padding-bottom:0!important}.terminal-layout.chat-collapsed{grid-template-rows:1fr 0px!important}#terminal-sidebar,.terminal-sidebar{grid-area:sidebar!important;display:flex!important;width:44px!important;flex:0 0 44px!important;min-width:44px!important;max-width:44px!important;height:100%!important;padding:6px 0!important;border-radius:0!important;border:none!important;border-right:1px solid var(--border-color)!important;box-sizing:border-box!important;z-index:20!important;background:var(--bg-color, #080c14)!important}.terminal-sidebar .sidebar-top{padding-bottom:4px!important}.terminal-sidebar .sidebar-browse-btn{width:32px!important;height:32px!important}.terminal-sidebar .sidebar-browse-glyph{width:15px!important;height:15px!important}.terminal-sidebar .sidebar-channel-avatar{width:32px!important;height:32px!important;font-size:11px!important}.terminal-sidebar .sidebar-channels{gap:6px!important;padding:2px 0 6px!important}#video-container,.video-container{grid-area:video!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;display:flex!important;flex-direction:column!important;border-left:none!important;border-right:none!important;border-top:none!important;border-bottom:1px solid var(--border-color)!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;transition:height .25s cubic-bezier(.4,0,.2,1)!important}.video-wrap{width:100%!important;height:auto!important;aspect-ratio:16 / 9!important;max-height:38dvh!important;min-height:160px!important;flex:1 1 auto!important;background:#000!important;overflow:hidden!important}.terminal-layout.chat-collapsed .video-container{flex:1 1 100%!important;height:100%!important;border-bottom:none!important}.terminal-layout.chat-collapsed .video-wrap{flex:1 1 100%!important;aspect-ratio:auto!important;max-height:none!important;height:100%!important}.video-header{padding:0!important;min-height:28px!important;height:28px!important;flex-shrink:0!important}.video-header #video-layout-select{display:none!important}.video-header .header-actions{padding:0!important;margin:0!important;align-items:stretch!important;height:100%!important}.video-footer{height:28px!important;min-height:28px!important;padding:0 8px!important;gap:6px!important;flex-shrink:0!important}.video-meta-left{gap:5px!important}.video-category-badge{max-width:80px!important;padding:0 5px!important;font-size:.65rem!important;height:18px!important}.video-stream-title{font-size:.72rem!important}.video-viewers-badge{height:18px!important;padding:0 5px!important;font-size:.68rem!important}.video-favorite-btn{height:18px!important;padding:0 5px!important;font-size:.65rem!important}#chat-container,.chat-container{width:100%!important;max-width:100%!important;flex:1 1 0!important;min-height:0!important;height:auto!important;margin-right:0!important;margin-bottom:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.terminal-layout.chat-collapsed .chat-container{display:none!important;margin-right:0!important}.chat-header{padding:0!important;min-height:28px!important;height:28px!important;flex-shrink:0!important}.chat-tab,.video-tab{height:100%!important;padding:0 6px!important;font-size:11px!important;min-width:44px!important}.chat-tab-mini{width:28px!important;height:100%!important;min-width:28px!important;padding:0!important}#chat-collapse-btn svg{transform:rotate(90deg);transition:transform .2s ease}#chat-expand-btn svg{transform:rotate(-90deg);transition:transform .2s ease}.status-bar{padding:2px 8px!important;font-size:10px!important;min-height:20px!important;flex-shrink:0!important}.chat-feeds-container{flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:hidden!important}.chat-feed{-webkit-overflow-scrolling:touch;flex:1 1 0!important;min-height:0!important;height:100%!important}.chat-line{padding:3.5px 8px!important;font-size:13px!important;line-height:1.35!important}.kick-chat-input-bar{flex-shrink:0!important;padding:4px 8px max(6px,env(safe-area-inset-bottom,0px)) 8px!important}.kick-chat-auth-prompt{font-size:10.5px!important;gap:6px!important}.kick-chat-auth-prompt[style*="display: none"],.kick-chat-auth-prompt[style*="display:none"]{display:none!important}.kick-chat-input{font-size:16px!important;min-height:32px!important;line-height:1.25!important;padding:5px 34px 5px 8px!important}.btn-kick-send{min-height:32px!important;padding:0 12px!important;font-size:12px!important}.btn-kick-emoji{width:28px!important;height:28px!important;font-size:14px!important;right:3px!important}.btn-kick-login{font-size:11.5px!important;padding:4px 10px!important}.chat-add-tab-popover,.chat-settings-popover,.visited-channels-popover{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 20px)!important;max-width:440px!important;max-height:82dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;z-index:250!important;box-shadow:0 16px 48px #000000f2,0 0 24px var(--accent-glow, rgba(56, 189, 248, .3))!important;border-radius:8px!important;padding:14px!important}.add-tab-input-row .channel-input{font-size:16px!important;padding:6px 8px!important}.add-tab-submit-btn{padding:6px 12px!important;font-size:12px!important}.suggestion-chip,.add-tab-suggestion-chip{padding:4px 8px!important;font-size:11px!important}.chat-user-card{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 28px)!important;max-width:340px!important;z-index:300!important}.resume-scroll-pill{bottom:50px!important;padding:4px 12px!important;font-size:11px!important}}@media(max-height:680px),(max-width:1024px)and (orientation:landscape),(pointer:coarse)and (orientation:landscape){html,body{position:fixed!important;inset:0!important;padding:0!important;margin:0!important;width:100vw!important;height:100%!important;height:var(--app-height, 100dvh)!important;max-height:var(--app-height, 100dvh)!important;overflow:hidden!important;background:var(--bg-color, #0b0e14)!important}.terminal-layout{position:fixed!important;inset:0!important;display:flex!important;flex-direction:row!important;gap:0!important;width:100%!important;height:var(--app-height, 100%)!important;max-height:var(--app-height, 100%)!important;border-radius:0!important;box-sizing:border-box!important;overflow:hidden!important;padding-top:env(safe-area-inset-top,0px)!important;padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important;padding-bottom:0!important}#terminal-sidebar,.terminal-sidebar{display:flex!important;width:44px!important;flex:0 0 44px!important;min-width:44px!important;max-width:44px!important;height:100%!important;padding:4px 0!important;border-radius:0!important;border:none!important;border-right:1px solid var(--border-color)!important;box-sizing:border-box!important;z-index:20!important;background:var(--bg-color, #080c14)!important}.terminal-sidebar .sidebar-top{padding-bottom:4px!important}.terminal-sidebar .sidebar-browse-btn{width:32px!important;height:32px!important}.terminal-sidebar .sidebar-browse-glyph{width:15px!important;height:15px!important}.terminal-sidebar .sidebar-channel-avatar{width:32px!important;height:32px!important;font-size:11px!important}.terminal-sidebar .sidebar-channels{gap:6px!important;padding:2px 0 6px!important}#video-container,.video-container{flex:1 1 0!important;min-width:0!important;min-height:0!important;height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;border-radius:0!important;border:none!important;border-right:1px solid var(--border-color)!important;overflow:hidden!important;box-sizing:border-box!important}.video-wrap{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;width:100%!important;aspect-ratio:auto!important;overflow:hidden!important}.video-header{height:24px!important;min-height:24px!important;flex-shrink:0!important;padding:0!important}.video-footer{height:22px!important;min-height:22px!important;padding:0 6px max(2px,env(safe-area-inset-bottom,0px)) 6px!important;flex-shrink:0!important}.video-stream-title{font-size:.7rem!important}.video-category-badge,.video-viewers-badge,.video-favorite-btn{height:18px!important;font-size:.65rem!important;padding:0 4px!important}#chat-container,.chat-container{width:min(280px,34vw)!important;max-width:38vw!important;flex:0 0 min(280px,34vw)!important;min-height:0!important;height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;border-radius:0!important;border:none!important;border-left:1px solid var(--border-color)!important;overflow:hidden!important;box-sizing:border-box!important;transition:margin-right .25s cubic-bezier(.4,0,.2,1)!important}.terminal-layout.chat-collapsed .chat-container{margin-right:calc(-1*min(280px,34vw))!important}.chat-header{height:24px!important;min-height:24px!important;flex-shrink:0!important;padding:0!important}.chat-container .status-bar{display:none!important}.chat-feeds-container{flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:hidden!important}.chat-feed{-webkit-overflow-scrolling:touch;flex:1 1 0!important;min-height:0!important;height:100%!important;overflow-y:auto!important;padding:3px 6px!important;gap:2px!important}.chat-line{padding:2px 4px!important;font-size:11.5px!important;line-height:1.3!important}.video-header #video-layout-select{display:none!important}.kick-chat-input-bar{flex-shrink:0!important;padding:3px 6px max(4px,env(safe-area-inset-bottom,0px)) 6px!important;background:var(--card-header-bg)!important;border-top:1px solid var(--border-color)!important}.kick-chat-auth-prompt{align-items:center!important;justify-content:center!important;gap:6px!important;padding:1px 0!important}.kick-chat-auth-prompt[style*="display: none"],.kick-chat-auth-prompt[style*="display:none"]{display:none!important}.kick-chat-auth-prompt .auth-icon{font-size:12px!important}.kick-chat-auth-prompt .auth-text{display:none!important}.kick-chat-auth-prompt .btn-kick-login{font-size:11px!important;font-weight:700!important;padding:3px 10px!important;border-radius:4px!important;width:100%!important;justify-content:center!important;min-height:26px!important}.kick-chat-input-wrap{min-height:26px!important}.kick-chat-input{font-size:16px!important;min-height:26px!important;height:auto!important;max-height:42px!important;line-height:1.2!important;padding:3px 26px 3px 6px!important}.btn-kick-send{min-height:26px!important;padding:0 8px!important;font-size:11px!important}.btn-kick-emoji{width:22px!important;height:22px!important;font-size:13px!important;right:2px!important}.resume-scroll-pill{bottom:34px!important;padding:2px 8px!important;font-size:10px!important}.chat-add-tab-popover,.chat-settings-popover,.visited-channels-popover{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 32px)!important;max-width:460px!important;max-height:88dvh!important;overflow-y:auto!important;z-index:250!important}}@media(max-width:768px){.browse-channels-view{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.browse-header{height:auto!important;min-height:40px!important;padding:6px 10px!important;flex-wrap:wrap!important;gap:6px!important}.browse-search-wrap{width:100%!important;order:3!important;margin-top:4px!important}.browse-search-input{font-size:16px!important;height:32px!important}.browse-toolbar{padding:4px 8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.browse-toolbar::-webkit-scrollbar{display:none}.browse-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:8px!important;padding:8px!important}.channel-media-explorer{padding:8px!important}.cme-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:8px!important}}