:root{--ink-0:#0e0e10;--ink-1:#18181b;--ink-2:#1f1f23;--ink-3:#26262c;--ink-4:#323239;--line:#2f2f35;--line-soft:#26262c;--text-1:#efeff1;--text-2:#adadb8;--text-3:#7d7d8a;--purple:#9147ff;--purple-hover:#772ce8;--purple-down:#5c16c5;--purple-2:#a970ff;--purple-3:#bf94ff;--purple-tint:#9147ff29;--live:#eb0400;--green:#00f593;--danger:#f13c3c;--heat-cold:#85858f;--heat-warm:#ffb31a;--heat-hot:#ff7a1a;--heat-blaze:#ff3d3d;--r-s:4px;--r-m:6px;--r-l:8px;--font-ui:"Inter","Roobert",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;--font-data:"Roboto Mono","SF Mono",Menlo,Consolas,monospace;--shadow-pop:0 8px 24px #0000008c,0 2px 6px #0006}*{-webkit-tap-highlight-color:transparent}html{background:#0e0e10;background:var(--ink-0);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#efeff1;color:var(--text-1);font-family:Inter,Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;font-family:var(--font-ui);font-size:13px;margin:0;overscroll-behavior:none}button,input,select,textarea{font-family:inherit}input,textarea{-webkit-user-select:auto;user-select:auto}code,kbd{font-family:Roboto Mono,SF Mono,Menlo,Consolas,monospace;font-family:var(--font-data)}kbd{background:#ffffff24;border:solid #ffffff38;border-radius:4px;border-radius:var(--r-s);border-width:1px 1px 2px;color:#efeff1;color:var(--text-1);display:inline-block;font-size:10px;font-weight:700;line-height:1.5;min-width:16px;padding:1px 5px;text-align:center}#root{height:100vh;height:100dvh;overflow:hidden}:focus-visible{outline:2px solid #a970ff;outline:2px solid var(--purple-2);outline-offset:1px}:focus:not(:focus-visible){outline:none}*{scrollbar-color:#464649 #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#464649;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5c5c61}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.twitch-header{background:var(--ink-1);border-bottom:1px solid var(--line-soft);box-shadow:0 1px 2px #0006;flex:0 0 48px;height:48px;justify-content:space-between;padding:0 16px 0 12px;position:relative;z-index:100}.header-left,.twitch-header{align-items:center;display:flex}.header-left{gap:12px;min-width:0}.brand{align-items:center;display:flex;flex-shrink:0;gap:8px;text-decoration:none}.brand-emote{height:26px;image-rendering:-webkit-optimize-contrast;transition:transform .15s ease;width:26px}.brand:hover .brand-emote{transform:scale(1.12) rotate(-6deg)}.brand-word{color:var(--text-1);font-size:16px;font-weight:800;letter-spacing:-.02em}.brand-tld{color:var(--purple-2)}.brand-tag{border-left:1px solid var(--line);color:var(--text-3);overflow:hidden;padding-left:12px;text-overflow:ellipsis}.brand-tag,.shared-list-pill{font-size:12px;white-space:nowrap}.shared-list-pill{background:var(--purple-tint);border:1px solid #9147ff59;border-radius:var(--r-s);color:var(--purple-3);padding:3px 10px}.header-right{flex-shrink:0;gap:6px}.header-right,.scan-status{align-items:center;display:flex}.scan-status{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:var(--r-s);color:var(--text-2);font-size:11px;font-weight:600;gap:7px;letter-spacing:.02em;margin-right:6px;padding:4px 10px}.scan-dot{animation:scan-pulse 2s ease-in-out infinite;background:var(--live);border-radius:50%;height:7px;width:7px}@keyframes scan-pulse{0%,to{box-shadow:0 0 0 0 #eb040080;opacity:1}50%{box-shadow:0 0 0 4px #eb040000;opacity:.7}}.header-icon-link{align-items:center;border-radius:var(--r-s);color:var(--text-2);display:flex;height:32px;justify-content:center;transition:background .1s ease,color .1s ease;width:32px}.header-icon-link:hover{background:var(--ink-3);color:var(--text-1)}.mobile-menu-btn{align-items:center;background:#0000;border:none;border-radius:var(--r-s);color:var(--text-1);cursor:pointer;display:none;height:36px;justify-content:center;transition:background .1s ease;width:36px}.mobile-menu-btn:hover{background:var(--ink-3)}.mobile-menu-btn:active{background:var(--ink-4)}@media (max-width:1100px){.brand-tag{display:none}}@media (max-width:768px){.twitch-header{display:none}}.stream-list{border-right:1px solid var(--line-soft);color:var(--text-1);flex-shrink:0;height:100%;overflow-y:auto;width:340px}.stream-list,.stream-list-header{background:var(--ink-1);display:flex;flex-direction:column}.stream-list-header{border-bottom:1px solid var(--line-soft);gap:8px;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.twitch-login-section{border-bottom:1px solid var(--line-soft);padding-bottom:8px}.twitch-login-btn{align-items:center;background:var(--purple);border:none;border-radius:var(--r-s);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:9px 16px;transition:background .1s ease;width:100%}.twitch-login-btn:hover{background:var(--purple-hover)}.twitch-login-btn:active{background:var(--purple-down)}.twitch-login-btn svg{flex-shrink:0}.login-row{align-items:stretch;display:flex;gap:6px}.login-row .twitch-login-btn{flex:1 1}.help-btn{background:var(--ink-3);border:none;border-radius:var(--r-s);color:var(--text-2);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:700;transition:all .1s ease;width:34px}.help-btn:hover{background:var(--ink-4);color:var(--text-1)}.user-info{align-items:center;display:flex;gap:8px}.user-info .help-btn{font-size:12px;height:28px;width:28px}.user-avatar{border-radius:50%;height:30px;object-fit:cover;outline:2px solid var(--purple);outline-offset:1px;width:30px}.user-name{color:var(--text-1);flex:1 1;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{align-items:center;background:var(--ink-3);border:none;border-radius:var(--r-s);color:var(--text-2);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .1s ease;width:28px}.logout-btn:hover{background:var(--ink-4);color:var(--text-1)}.view-mode-tabs{display:flex;gap:4px}.view-tab{background:#0000;border:none;border-radius:var(--r-s);color:var(--text-2);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;transition:all .1s ease;white-space:nowrap}.view-tab:hover{background:var(--ink-3);color:var(--text-1)}.view-tab.active{background:var(--ink-4);border-radius:var(--r-s) var(--r-s) 0 0;box-shadow:inset 0 -2px 0 var(--purple);color:var(--text-1)}.list-title-row{align-items:center;display:flex;justify-content:space-between;width:100%}.stream-list h2{align-items:center;color:var(--text-1);display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.08em;margin:0;text-transform:uppercase}.live-dot{background:var(--live);border-radius:50%;flex-shrink:0;height:8px;width:8px}.list-count{background:var(--ink-3);border-radius:var(--r-s);color:var(--text-2);font-family:var(--font-data);font-size:11px;font-weight:600;letter-spacing:0;padding:1px 7px}.collapse-btn{align-items:center;background:#0000;border:none;border-radius:var(--r-s);color:var(--text-2);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .1s ease;width:28px}.collapse-btn:hover{background:var(--ink-3);color:var(--text-1)}.search-wrap{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-3);left:10px;pointer-events:none;position:absolute}.search-input{background:var(--ink-0);border:1px solid var(--line);border-radius:var(--r-s);color:var(--text-1);font-size:12px;outline:none;padding:7px 10px 7px 30px;transition:border-color .1s ease,background .1s ease;width:100%}.search-input::placeholder{color:var(--text-3)}.search-input:hover{border-color:var(--ink-4)}.search-input:focus{background:#000;border-color:var(--purple)}.sort-options{align-items:center;display:flex;gap:4px}.sort-label{color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.08em;margin-right:2px;text-transform:uppercase}.sort-btn{background:var(--ink-3);border:none;border-radius:var(--r-s);color:var(--text-2);cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:4px 8px;transition:all .1s ease}.sort-btn:hover{background:var(--ink-4);color:var(--text-1)}.sort-btn.active{background:var(--purple);color:#fff}.no-streams{color:var(--text-2);padding:40px 20px;text-align:center}.no-streams p{font-size:13px;margin:0}.stream-items{padding:4px 0 12px}.stream-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:8px;padding:6px 10px 6px 6px;position:relative;transition:background .08s ease}.stream-item.selected,.stream-item:hover{background:var(--ink-2)}.stream-item.selected{border-left-color:var(--purple)}.stream-item.heat-hot:not(.selected){border-left-color:var(--heat-hot)}.stream-item.heat-blazing:not(.selected){border-left-color:var(--heat-blaze)}.stream-item.offline{opacity:.55}.stream-rank{color:var(--text-3);flex:0 0 20px;font-family:var(--font-data);font-size:10px;font-weight:600;text-align:center}.stream-rank.top{color:var(--purple-3);font-weight:700}.stream-thumbnail{background:var(--ink-3);border-radius:var(--r-s);flex-shrink:0;height:42px;overflow:hidden;position:relative;width:74px}.stream-thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.stream-thumbnail.placeholder{align-items:center;color:var(--text-2);display:flex;justify-content:center}.thumb-live{background:var(--live);border-radius:3px;color:#fff;font-size:8px;font-weight:700;left:3px;letter-spacing:.04em;line-height:1.3;padding:1px 4px;position:absolute;top:3px}.stream-info{flex:1 1;min-width:0}.stream-top-line{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.stream-streamer{color:var(--text-1);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-item:hover .stream-streamer{color:var(--purple-3)}.stream-viewers{align-items:center;color:var(--text-2);display:inline-flex;flex-shrink:0;font-family:var(--font-data);font-size:10px;font-weight:600;gap:4px}.viewer-dot{background:var(--live);border-radius:50%;height:6px;width:6px}.stream-game{color:var(--text-2)}.stream-game,.stream-title{font-size:11px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-title{color:var(--text-3)}.stream-title.offline-note{font-style:italic}.stream-stats{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.stat-chip{font-feature-settings:"tnum";align-items:center;background:var(--ink-3);border-radius:var(--r-s);color:var(--text-1);display:inline-flex;font-family:var(--font-data);font-size:10px;font-variant-numeric:tabular-nums;font-weight:600;gap:3px;line-height:1.6;padding:1px 6px}.stat-chip.dim{background:#0000;color:var(--text-3)}.heat-chip{font-feature-settings:"tnum";align-items:center;border-radius:var(--r-s);display:inline-flex;font-family:var(--font-data);font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;gap:3px;line-height:1.6;padding:1px 6px}.heat-chip.heat-cold{background:var(--ink-3);color:var(--heat-cold)}.heat-chip.heat-warm{background:var(--heat-warm);color:#0e0e10}.heat-chip.heat-hot{background:var(--heat-hot);color:#0e0e10}.heat-chip.heat-blazing{animation:blaze-pulse 1.6s ease-in-out infinite;background:var(--heat-blaze);box-shadow:0 0 10px #ff3d3d73;color:#fff}@keyframes blaze-pulse{0%,to{box-shadow:0 0 6px #ff3d3d59}50%{box-shadow:0 0 14px #ff3d3da6}}@media (max-width:768px){.stream-list{box-shadow:4px 0 16px #00000080;height:100vh;height:100dvh;left:0;max-width:340px;position:fixed;top:0;width:85%;z-index:90}.stream-list-header{padding:12px}.search-input{font-size:16px;min-height:44px;padding:11px 12px 11px 32px}.sort-btn{min-height:40px}.sort-btn,.view-tab{font-size:12px;padding:10px 12px}.help-btn,.twitch-login-btn,.view-tab{min-height:44px}.logout-btn,.user-info .help-btn{height:36px;width:36px}.stream-item{padding:8px 10px 8px 6px}.stream-thumbnail{height:50px;width:88px}.stream-streamer{font-size:14px}.stream-game,.stream-title{font-size:12px}}@media (max-width:480px){.stream-list{max-width:none;width:100%}}.settings-toggle{align-items:center;background:var(--ink-3);border:none;border-radius:var(--r-s);color:var(--text-1);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;height:32px;padding:0 12px;position:relative;transition:background .1s ease}.settings-toggle:hover{background:var(--ink-4)}.settings-toggle.open{background:var(--purple);color:#fff}.settings-panel{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-pop);display:none;flex-direction:column;gap:16px;max-height:min(70vh,640px);max-width:90vw;min-width:320px;overflow-y:auto;padding:0 16px 16px;position:absolute;right:0;top:calc(100% + 8px);z-index:999}.settings-panel.open{display:flex}.settings-panel-header{align-items:center;background:var(--ink-1);border-bottom:1px solid var(--line-soft);color:var(--text-1);display:flex;font-size:13px;font-weight:700;justify-content:space-between;margin:0 -16px;padding:14px 16px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.settings-close{align-items:center;background:#0000;border:none;border-radius:var(--r-s);color:var(--text-2);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .1s ease;width:26px}.settings-close:hover{background:var(--ink-3);color:var(--text-1)}.settings-section{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.settings-label{color:var(--text-2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.settings-options{display:flex;flex-wrap:wrap;gap:4px}.settings-btn{background:var(--ink-3);border:none;border-radius:var(--r-s);color:var(--text-1);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .1s ease}.settings-btn:hover{background:var(--ink-4)}.settings-btn:disabled{cursor:not-allowed;opacity:.5}.settings-btn.active{background:var(--purple);color:#fff}.settings-slider{accent-color:var(--purple);-webkit-appearance:none;background:var(--ink-3);border-radius:2px;height:4px;outline:none;width:100%}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--purple);border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .1s ease;transition:transform .1s ease;width:14px}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-slider::-moz-range-thumb{background:var(--purple);border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.settings-select{background:var(--ink-0);border:1px solid var(--line);border-radius:var(--r-s);color:var(--text-1);cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:7px 12px;width:100%}.settings-select:hover{border-color:var(--ink-4)}.settings-select:focus{border-color:var(--purple)}.settings-input{background:var(--ink-0);border:1px solid var(--line);border-radius:var(--r-s);color:var(--text-1);flex:1 1;font-size:12px;outline:none;padding:7px 10px;transition:border-color .1s ease;width:100%}.settings-input::placeholder{color:var(--text-3)}.settings-input:hover{border-color:var(--ink-4)}.settings-input:focus{border-color:var(--purple)}.game-tag{align-items:center;background:var(--ink-3);border-radius:var(--r-s);color:var(--text-1);display:inline-flex;font-size:11px;font-weight:500;gap:6px;padding:3px 8px}.remove-tag{background:none;border:none;color:var(--text-2);cursor:pointer;font-size:14px;line-height:1;padding:0;transition:color .1s ease}.remove-tag:hover{color:var(--danger)}.share-box{background:var(--purple-tint);border:1px solid #9147ff59;border-radius:var(--r-m);margin-top:10px;padding:10px;width:100%}.share-box-label{color:var(--purple-3);display:block;margin-bottom:6px}.share-box-row{align-items:center;display:flex;gap:6px}.share-box-prefix{color:var(--purple-3);flex-shrink:0;font-family:var(--font-data);font-size:11px}.share-status{font-size:12px;margin-top:6px}.share-status.ok{color:var(--green)}.share-status.err{color:var(--danger)}.share-live{color:var(--text-2);font-size:12px;margin-top:6px}.share-live a{color:var(--purple-3);font-weight:600;text-decoration:none}.share-live a:hover{text-decoration:underline}@media (max-width:768px){.settings-toggle{font-size:0;gap:0;justify-content:center;padding:0;width:32px}.settings-toggle svg{height:16px;width:16px}.settings-panel{animation:slideUp .25s ease;border-bottom:none;border-radius:var(--r-l) var(--r-l) 0 0;bottom:0;left:0;max-height:70vh;min-width:0;min-width:auto;position:fixed;right:0;top:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-section{gap:10px}.settings-label{font-size:12px}.settings-options{gap:8px}.settings-btn{font-size:13px;min-height:44px;padding:10px 14px}.settings-slider{height:8px}.settings-slider::-webkit-slider-thumb{height:24px;width:24px}.settings-slider::-moz-range-thumb{height:24px;width:24px}.settings-input,.settings-select{font-size:16px;min-height:44px;padding:12px 14px}.game-tag{font-size:13px;padding:8px 12px}.remove-tag{font-size:18px;min-height:24px;min-width:24px}}@media (max-width:480px){.settings-panel{max-height:80vh}.settings-btn{font-size:12px;min-height:40px;padding:8px 12px}}.stream-player-container{background:var(--ink-0);display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;position:relative}.stream-player-container:fullscreen .stream-header{display:none!important}.stream-player-container:fullscreen .stream-chat{display:none!important}.stream-player-container:fullscreen .cooldown-progress-container{display:none!important}.stream-player-container:fullscreen:hover .stream-header{animation:slideDown .3s ease;display:flex!important;left:0;opacity:1;position:fixed;right:0;top:0;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-stream-selected{align-items:center;background:radial-gradient(ellipse 70% 55% at 50% 0,#9147ff24,#0000),var(--ink-0);color:var(--text-1);display:flex;height:100%;justify-content:center;text-align:center}.no-stream-content{max-width:460px;padding:40px}.welcome-emote{animation:emote-bob 2.6s ease-in-out infinite;height:72px;margin-bottom:12px;width:72px}@keyframes emote-bob{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(-4deg)}}.no-stream-content h1{color:var(--text-1);font-size:34px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}.welcome-tld{color:var(--purple-2)}.welcome-sub{color:var(--text-2);font-size:15px;margin:0 0 28px}.welcome-steps{display:flex;flex-direction:column;gap:10px;text-align:left}.welcome-step{align-items:flex-start;background:var(--ink-1);border:1px solid var(--line-soft);border-radius:var(--r-m);display:flex;gap:14px;padding:12px 14px}.welcome-step-num{align-items:center;background:var(--purple-tint);border-radius:var(--r-s);color:var(--purple-3);display:flex;flex-shrink:0;font-family:var(--font-data);font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.welcome-step strong{display:block;font-size:13px;margin-bottom:2px}.welcome-step p{color:var(--text-2);font-size:12px;line-height:1.5;margin:0}.stream-header{align-items:center;background:var(--ink-1);border-bottom:1px solid var(--line-soft);display:flex;gap:16px;justify-content:space-between;min-height:54px;padding:8px 16px}.stream-header-info{flex:1 1;min-width:0}.channel-line{align-items:center;display:flex;gap:8px;min-width:0}.live-badge{background:var(--live);border-radius:var(--r-s);color:#fff;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.4;padding:2px 6px}.stream-header-info h1{color:var(--text-1);font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uptime{align-items:center;color:var(--text-2);display:inline-flex;flex-shrink:0;font-family:var(--font-data);font-size:10px;font-weight:600;gap:4px}.stream-sub{align-items:baseline;color:var(--text-2);display:flex;font-size:12px;gap:6px;margin:2px 0 0;min-width:0}.game-name{color:var(--purple-3);flex-shrink:0;font-weight:600}.sub-divider{color:var(--text-3);flex-shrink:0}.sub-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-header-stats{align-items:center;display:flex;flex-shrink:0;gap:12px}.telemetry{align-items:stretch;background:var(--ink-0);border:1px solid var(--line-soft);border-radius:var(--r-m);display:flex;overflow:hidden}.tele-cell{display:flex;flex-direction:column;gap:1px;justify-content:center;min-width:62px;padding:5px 12px}.tele-cell+.tele-cell{border-left:1px solid var(--line-soft)}.tele-label{color:var(--text-3);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.tele-value{font-feature-settings:"tnum";align-items:center;color:var(--text-1);display:inline-flex;font-family:var(--font-data);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;gap:4px;white-space:nowrap}.tele-value.accent{color:var(--purple-3)}.tele-value .viewer-dot{background:var(--live);border-radius:50%;height:7px;width:7px}.heat-text.heat-cold{color:var(--heat-cold)}.heat-text.heat-warm{color:var(--heat-warm)}.heat-text.heat-hot{color:var(--heat-hot)}.heat-text.heat-blazing{animation:heat-flicker 1.4s ease-in-out infinite;color:var(--heat-blaze);text-shadow:0 0 12px #ff3d3d99}@keyframes heat-flicker{0%,to{text-shadow:0 0 8px #ff3d3d66}50%{text-shadow:0 0 16px #ff3d3dcc}}.stream-header-actions{align-items:center;display:flex;gap:4px}.icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--r-s);color:var(--text-1);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .1s ease,color .1s ease;width:32px}.icon-btn:hover{background:var(--ink-3)}.icon-btn:active{background:var(--ink-4)}.icon-btn.danger:hover{background:#f13c3c26;color:var(--danger)}.party-launch-btn{align-items:center;background:var(--purple);border:none;border-radius:var(--r-s);color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;height:32px;padding:0 12px;transition:background .1s ease;white-space:nowrap}.party-launch-btn:hover{background:var(--purple-hover)}.party-launch-btn:active{background:var(--purple-down)}.party-launch-btn.active{background:#0000;box-shadow:inset 0 0 0 1px #00f59380;color:var(--green)}.party-launch-btn.active:hover{background:#00f5931a}.cooldown-progress-container{background:var(--ink-2);flex-shrink:0;height:3px;overflow:visible;position:relative}.cooldown-progress-bar{background:linear-gradient(90deg,var(--purple-down) 0,var(--purple) 60%,var(--purple-2) 100%);height:100%;transition:width 2s linear;will-change:width}.cooldown-text{background:#0e0e10d9;border:1px solid var(--line-soft);border-radius:var(--r-s);color:var(--text-2);font-family:var(--font-data);font-size:10px;font-weight:600;padding:2px 8px;pointer-events:none;position:absolute;right:12px;top:7px;white-space:nowrap;z-index:5}.stream-content{background:#000;display:flex;flex:1 1;gap:0;overflow:hidden}.stream-player{background:#000;flex:1 1;min-width:0;position:relative}.stream-chat{background:var(--ink-1);border-left:1px solid var(--line-soft);position:relative;width:340px}.stream-chat,.stream-chat.split{display:flex;flex-direction:column}.stream-chat-twitch{flex:1 1 auto;min-height:0;position:relative}.stream-chat.split .stream-chat-twitch{border-bottom:1px solid var(--line-soft)}.stream-chat-party{display:flex;flex:1 1 50%;min-height:0;overflow:hidden}.stream-chat-party .watch-party{border-left:none;max-width:none;min-width:0;width:100%}.stream-chat iframe,.stream-chat-twitch iframe,.stream-player iframe{display:block;height:100%;left:0;opacity:1;position:absolute;top:0;visibility:visible;width:100%}@media (max-width:1200px){.tele-cell.tele-5m{display:none}}@media (max-width:1024px){.stream-chat{width:300px}.stream-header{padding:8px 12px}.stream-header-info h1{font-size:15px}}@media (max-width:768px){.stream-content{flex-direction:column}.stream-player{flex:0 0 28vh;min-height:160px}.stream-chat{border-left:none;border-top:1px solid var(--line-soft);flex:1 1;height:auto;max-height:none;min-height:0;width:100%}.stream-header{align-items:center;gap:8px;min-height:44px;padding:6px 10px}.channel-line{gap:6px}.live-badge{font-size:8px;padding:2px 4px}.stream-header-info h1{font-size:13px}.uptime{display:none}.stream-sub{font-size:11px;margin-top:0}.sub-title{max-width:180px}.stream-header-stats{gap:6px}.tele-cell.tele-5m,.tele-cell.tele-viewers{display:none}.tele-cell{min-width:0;padding:3px 8px}.tele-label{font-size:8px}.tele-value{font-size:11px}.mute-btn{display:none!important}.party-launch-btn{font-size:0;gap:0;justify-content:center;padding:0;width:32px}.party-launch-btn svg{height:15px;width:15px}}@media (max-width:480px){.stream-player{flex:0 0 25vh;min-height:140px}.stream-header{gap:5px;padding:5px 8px}.stream-sub{display:none}.icon-btn{height:30px;width:30px}.no-stream-content{padding:20px}.no-stream-content h1{font-size:26px}.welcome-sub{font-size:13px}}.stats-page{background:#0e0e10;bottom:0;color:#efeff1;left:0;min-height:100vh;overflow-y:auto;padding:20px;position:fixed;right:0;top:0}.stats-panel{background:#18181b;border:1px solid #26262c;border-radius:8px;margin:0 auto;max-width:900px;padding:24px}.stats-back{color:#9147ff;display:inline-block;font-size:14px;margin-bottom:16px;text-decoration:none}.stats-back:hover{text-decoration:underline}.stats-panel h2{color:#efeff1;font-size:24px;margin:0 0 20px}.stats-panel h3{color:#adadb8;font-size:16px;margin:24px 0 12px}.stats-loading{color:#adadb8;padding:40px;text-align:center}.stats-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-box{font-feature-settings:"tnum";background:#1f1f23;border:1px solid #2f2f35;border-radius:6px;font-variant-numeric:tabular-nums;padding:16px;text-align:center}.stat-label{color:#adadb8;font-size:12px;margin-top:4px}.stats-table-container{overflow-x:auto}.stats-table{border-collapse:collapse;font-size:14px;width:100%}.stats-table td,.stats-table th{border-bottom:1px solid #26262c;padding:10px 12px;text-align:left}.stats-table th{color:#adadb8;font-size:12px;font-weight:600;text-transform:uppercase}.stats-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.stats-table th.sortable:hover{color:#efeff1}.stats-table tr.active{background:#9147ff1a}.stats-table tr:hover{background:#26262c}.user-id{color:#bf94ff;font-family:monospace}.status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.status-dot.online{background:#00f593}.status-dot.offline{background:#53535f}.twitch-logins{display:flex;flex-wrap:wrap;gap:8px}.twitch-login{background:#26262c;border-radius:4px;color:#bf94ff;font-size:13px;padding:6px 12px}@media (max-width:600px){.stats-page{padding:10px}.stats-panel{padding:16px}.stats-table{font-size:12px}.stats-table td,.stats-table th{padding:8px 6px}}.watch-party{background:var(--ink-1);border-left:1px solid var(--line-soft);color:var(--text-1);display:flex;flex-direction:column;font-size:13px;height:100%;max-width:400px;min-width:300px;width:340px}.watch-party-header{align-items:center;background:linear-gradient(120deg,var(--purple) 0,var(--purple-down) 100%);color:#fff;display:flex;justify-content:space-between;padding:10px 12px}.watch-party-title{align-items:center;display:flex;font-size:13px;font-weight:700;gap:8px}.watch-party-icon{font-size:15px}.watch-party-code{background:#0000004d;border-radius:var(--r-s);font-family:var(--font-data);font-size:11px;font-weight:700;letter-spacing:.1em;padding:2px 8px}.watch-party-header-actions{align-items:center;display:flex;gap:6px}.watch-party-btn{background:#ffffff29;border:none;border-radius:var(--r-s);color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:5px 10px;transition:background .1s ease}.watch-party-btn:hover{background:#ffffff4d}.watch-party-btn.danger{background:#00000047}.watch-party-btn.danger:hover{background:var(--live)}.watch-party-close{background:#0000;border:none;border-radius:var(--r-s);color:#fff;cursor:pointer;font-size:20px;line-height:1;padding:0 6px}.watch-party-close:hover{background:#ffffff29}.watch-party-participants{background:var(--ink-1);border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:4px;padding:10px 12px}.party-chip{background:var(--ink-3);border-radius:var(--r-s);color:var(--text-2);font-size:11px;font-weight:500;padding:3px 8px}.party-chip.host{background:var(--purple);color:#fff;font-weight:600}.party-chip.me{box-shadow:inset 0 0 0 1px var(--purple-3);color:var(--text-1)}.watch-party-status{background:var(--ink-0);border-bottom:1px solid var(--line-soft);color:var(--text-2);font-size:11px;line-height:1.5;padding:8px 12px}.watch-party-status strong{color:var(--purple-3)}.watch-party-messages{background:var(--ink-1);display:flex;flex:1 1;flex-direction:column;gap:5px;overflow-y:auto;padding:10px 12px}.watch-party-empty{color:var(--text-3);font-size:12px;padding:30px 0;text-align:center}.party-msg{word-wrap:break-word;font-size:12px;line-height:1.45;word-break:break-word}.party-msg-nick{color:var(--purple-3);font-weight:700;margin-right:6px}.party-msg.own .party-msg-nick{color:var(--green)}.party-msg-text{color:var(--text-1)}.watch-party-input{background:var(--ink-1);border-top:1px solid var(--line-soft);display:flex;gap:6px;padding:10px 12px}.watch-party-input input{background:var(--ink-0);border:1px solid var(--line);border-radius:var(--r-s);color:var(--text-1);flex:1 1;font-size:13px;padding:7px 10px}.watch-party-input input:focus{border-color:var(--purple);outline:none}.watch-party-input button{background:var(--purple);border:none;border-radius:var(--r-s);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px;transition:background .1s ease}.watch-party-input button:hover:not(:disabled){background:var(--purple-hover)}.watch-party-input button:disabled{cursor:not-allowed;opacity:.5}.watch-party-modal{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.watch-party-modal-content{animation:popIn .25s ease;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-pop);color:var(--text-1);max-width:440px;padding:24px;width:100%}.watch-party-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.watch-party-modal-header h2{font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0}.watch-party-modal .watch-party-close{color:var(--text-2)}.watch-party-modal .watch-party-close:hover{background:var(--ink-3);color:var(--text-1)}.watch-party-sub{color:var(--text-2);font-size:13px;line-height:1.5;margin:0 0 16px}.watch-party-tabs{background:var(--ink-0);border-radius:var(--r-m);display:flex;gap:4px;margin-bottom:16px;padding:4px}.watch-party-tabs button{background:#0000;border:none;border-radius:var(--r-s);color:var(--text-2);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px;transition:all .1s ease}.watch-party-tabs button:hover{color:var(--text-1)}.watch-party-tabs button.active{background:var(--purple);color:#fff}.watch-party-form{display:flex;flex-direction:column;gap:12px}.watch-party-form label{color:var(--text-2);display:flex;flex-direction:column;font-size:11px;font-weight:700;gap:5px;letter-spacing:.08em;text-transform:uppercase}.watch-party-form input{background:var(--ink-0);border:1px solid var(--line);border-radius:var(--r-s);color:var(--text-1);font-size:14px;padding:10px 12px}.watch-party-form input:focus{border-color:var(--purple);outline:none}.watch-party-submit{background:var(--purple);border:none;border-radius:var(--r-s);color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:4px;padding:12px;transition:background .1s ease}.watch-party-submit:hover:not(:disabled){background:var(--purple-hover)}.watch-party-submit:disabled{cursor:not-allowed;opacity:.5}.watch-party-error{background:#f13c3c1f;border:1px solid #f13c3c66;border-radius:var(--r-s);color:#ff8a8a;font-size:12px;padding:8px 12px}.stream-content.with-party .watch-party{border-left:none;max-width:none;min-width:0;width:100%}@media (max-width:900px){.watch-party{max-width:none;width:100%}}.app-container{flex-direction:column;height:100vh;height:100dvh}.app,.app-container{background:var(--ink-0);display:flex;overflow:hidden;width:100vw}.app{flex:1 1;min-height:0;position:relative}.mobile-overlay{display:none}@media (max-width:768px){.mobile-overlay{animation:fadeIn .2s ease;background:#0009;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.app-loading{background:radial-gradient(ellipse 60% 50% at 50% 40%,#9147ff1f,#0000),var(--ink-0);color:var(--text-1);flex-direction:column;height:100vh;height:100dvh}.app-loading,.loading-emote-wrap{align-items:center;display:flex;justify-content:center}.loading-emote-wrap{height:84px;margin-bottom:18px;position:relative;width:84px}.loading-emote{animation:emote-hype .8s ease-in-out infinite;height:48px;width:48px}@keyframes emote-hype{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.06)}}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--ink-3);border-radius:50%;border-top-color:var(--purple);inset:0;position:absolute}@keyframes spin{to{transform:rotate(1turn)}}.loading-title{color:var(--text-1);font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.loading-title span{color:var(--purple-2)}.app-loading p{color:var(--text-2);font-size:13px;font-weight:500;margin:0}.app-error{align-items:center;background:var(--ink-0);color:var(--text-1);display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:center;padding:40px;text-align:center}.error-emote{filter:grayscale(.9);height:56px;margin-bottom:14px;opacity:.8;width:56px}.app-error h2{color:var(--text-1);font-size:22px;font-weight:700;margin-bottom:10px}.app-error p{color:var(--text-2);font-size:14px;line-height:1.5;margin-bottom:20px;max-width:400px}.app-error button{background:var(--purple);border:none;border-radius:var(--r-s);color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 24px;transition:background .1s ease}.app-error button:hover{background:var(--purple-hover)}.app-error button:active{background:var(--purple-down)}@media (max-width:768px){.app{flex-direction:column}}@media (max-width:480px){.app-error p,.app-loading p{font-size:13px;padding:0 20px}.app-error h2{font-size:20px}.app-error button{font-size:14px;min-height:44px;padding:12px 24px}}.app:fullscreen .stream-list{display:none!important}.app:fullscreen .stream-header{display:none!important}.app:fullscreen .stream-chat{display:none!important}.app:fullscreen .cooldown-progress-container{display:none!important}.app:fullscreen{background:#000}.guide-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.guide-popup{animation:popIn .25s ease;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-pop);max-height:90vh;max-width:520px;overflow-y:auto;padding:0 24px 24px;width:100%}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.guide-hero{align-items:center;background:linear-gradient(120deg,#9147ff47,#5c16c51f 70%,#0000);border-bottom:1px solid var(--line-soft);display:flex;gap:14px;margin:0 -24px 18px;padding:20px 24px}.guide-hero img{height:44px;width:44px}.guide-hero h2{color:var(--text-1);font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0}.guide-tld{color:var(--purple-2)}.guide-content{color:var(--text-2);font-size:13px;line-height:1.6}.guide-content>p{color:var(--text-1);margin:0 0 18px}.guide-section{margin-bottom:16px}.guide-section h3{color:var(--purple-3);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.guide-section ul{list-style:none;margin:0;padding:0}.guide-section li{padding:3px 0 3px 14px;position:relative}.guide-section li:before{background:var(--purple);border-radius:1px;content:"";height:5px;left:0;position:absolute;top:10px;width:5px}.stat-icon-guide{font-size:13px}.inline-icon{color:var(--purple);display:inline-block;margin:0 2px;vertical-align:middle}.guide-recommend{background:var(--purple-tint);border:1px solid #9147ff59;border-radius:var(--r-m);margin-top:12px;padding:12px}.guide-recommend h3{color:var(--purple-3)}.guide-recommend p{color:var(--text-1);margin:0}.guide-links{margin-top:12px}.guide-social-links{display:flex;gap:8px;margin-top:8px}.guide-social-btn{align-items:center;border-radius:var(--r-s);display:flex;font-size:13px;font-weight:600;gap:8px;padding:9px 16px;text-decoration:none;transition:filter .1s ease}.guide-social-btn:hover{filter:brightness(1.12)}.guide-social-btn.discord{background:#5865f2;color:#fff}.guide-social-btn.twitter{background:#000;border:1px solid var(--line);color:#fff}.guide-close-btn{background:var(--purple);border:none;border-radius:var(--r-s);color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-top:20px;padding:11px 24px;transition:background .1s ease;width:100%}.guide-close-btn:hover{background:var(--purple-hover)}.guide-close-btn:active{background:var(--purple-down)}@media (max-width:480px){.guide-popup{margin:10px;padding:0 18px 18px}.guide-hero{margin:0 -18px 14px;padding:16px 18px}.guide-hero h2{font-size:17px}.guide-content{font-size:13px}}.switch-popup{animation:slideIn .3s cubic-bezier(.2,.9,.3,1);bottom:20px;position:absolute;right:20px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(calc(100% + 24px))}to{opacity:1;transform:translateX(0)}}.switch-popup-content{border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-pop),0 0 24px #ff7a1a2e;min-width:320px;overflow:hidden;position:relative}.switch-popup-bg{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.switch-popup-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(160deg,#0e0e10d1,#0e0e109e);padding:14px;position:relative;z-index:1}.switch-popup-header{align-items:center;color:var(--text-1);display:flex;font-size:13px;font-weight:700;gap:7px;margin-bottom:10px}.switch-popup-fire{animation:heat-flicker 1.4s ease-in-out infinite;color:var(--heat-hot)}.switch-popup-timer{font-feature-settings:"tnum";background:var(--ink-3);border-radius:var(--r-s);color:var(--text-1);font-family:var(--font-data);font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;margin-left:auto;padding:1px 8px}.switch-popup-stream{display:flex;gap:12px;margin-bottom:12px}.switch-popup-info{flex:1 1;min-width:0}.switch-popup-name{align-items:center;color:var(--text-1);display:flex;font-size:14px;font-weight:700;gap:6px}.switch-popup-game,.switch-popup-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-popup-game{color:var(--purple-3);font-size:12px;font-weight:600;margin:2px 0 6px}.switch-popup-stats{display:flex;gap:6px}.switch-popup-actions{display:flex;gap:8px}.switch-popup-btn{align-items:center;border:none;border-radius:var(--r-s);cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;transition:background .1s ease}.switch-popup-confirm{background:var(--purple);color:#fff}.switch-popup-confirm:hover{background:var(--purple-hover)}.switch-popup-dismiss{background:#ffffff1f;color:var(--text-1)}.switch-popup-dismiss:hover{background:#fff3}@media (max-width:480px){.switch-popup{bottom:10px;left:10px;right:10px}.switch-popup-content{min-width:auto}}
/*# sourceMappingURL=main.4cc81691.css.map*/