:root{--carbon:#07070b;--ink:#0b0b11;--panel:#101017;--panel-2:#16161f;--raised:#1d1d28;--hover:#252532;--seam-soft:hsla(0,0%,100%,.055);--seam:#ffffff17;--seam-strong:#ffffff26;--text:#f5f6f8;--muted:#a6a7b2;--faint:#686a77;--signal:#d6ff49;--signal-dim:#d6ff491a;--signal-glow:#d6ff4933;--heat-cold:#686b78;--heat-warm:#ffbf3f;--heat-hot:#ff6c3e;--heat-blazing:#ff3dab;--heat-blazing-glow:#ff3dab61;--ramp:linear-gradient(90deg,#686b78,#ffbf3f 38%,#ff6c3e 67%,#ff3dab);--erupt:var(--heat-blazing);--erupt-dim:#ff3dab1c;--twitch:#9146ff;--twitch-tint:#c7a4ff;--twitch-dim:#9146ff24;--glitch:var(--twitch);--glitch-hover:#a970ff;--glitch-tint:var(--twitch-tint);--glitch-dim:var(--twitch-dim);--glitch-glow:#9146ff57;--live:#ff3a57;--pog:#55f3b0;--danger:#ff5167;--void:var(--carbon);--surface:var(--panel);--line:var(--seam);--line-soft:var(--seam-soft);--hype:linear-gradient(115deg,var(--heat-warm),var(--heat-hot) 55%,var(--heat-blazing));--font-display:"Chakra Petch","Inter",system-ui,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--cut:12px;--cut-sm:8px;--r-xs:7px;--r-sm:9px;--r:11px;--r-lg:14px;--r-xl:18px;--r-pill:999px;--shadow-card:0 16px 40px #00000038;--shadow-pop:0 28px 80px #00000094}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{background:#07070b;background:var(--carbon);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;background:radial-gradient(circle at 72% -15%,#9146ff14,#0000 36%),#07070b;background:radial-gradient(circle at 72% -15%,#9146ff14,#0000 36%),var(--carbon);color:#f5f6f8;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);overflow:hidden;overscroll-behavior:none}button,input,select,textarea{font-family:inherit}button{color:inherit}input,textarea{-webkit-user-select:auto;user-select:auto}code,kbd{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--font-mono)}::selection{background:#d6ff49;background:var(--signal);color:#090a08}:focus-visible{outline:2px solid #d6ff49;outline:2px solid var(--signal);outline-offset:2px}#root{height:100vh;height:100dvh;overflow:hidden}*{scrollbar-color:#ffffff29 #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff2e;background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#d6ff49a6;background-clip:padding-box}@keyframes velo-blaze{0%{background-position:0 0}to{background-position:100% 0}}@keyframes velo-calibrate{0%,to{opacity:.38}50%{opacity:.9}}.chip{font-feature-settings:"tnum";align-items:center;background:hsla(0,0%,100%,.035);border:1px solid #ffffff17;border:1px solid var(--seam);border-radius:7px;color:#a6a7b2;color:var(--muted);display:inline-flex;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--font-mono);font-size:9px;font-variant-numeric:tabular-nums;font-weight:600;gap:5px;line-height:1;padding:4px 8px;white-space:nowrap}.chip svg{flex:0 0 auto;opacity:.8}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.heat-rail{align-items:center;display:flex;gap:10px;height:40px;justify-content:center;min-width:0;overflow:hidden}.rail-eyebrow{color:var(--faint);flex:0 0 auto;font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.rail-eyebrow.hot{color:var(--heat-hot)}.rail-count,.rail-note{color:var(--muted);flex:0 0 auto;font-family:var(--font-mono);font-size:8.5px;font-weight:550;white-space:nowrap}.rail-note{color:var(--faint)}.rail-sweep{background:#ffffff12;border-radius:999px;flex:0 1 140px;height:4px;min-width:36px;overflow:hidden;position:relative;width:140px}.rail-sweep-fill,.rail-sweep-run{border-radius:inherit;inset:0 auto 0 0;position:absolute}.rail-sweep-fill{background:var(--signal);box-shadow:0 0 10px var(--signal-glow);transition:width 1s linear}.rail-sweep-run{animation:rail-run 2.2s ease-in-out infinite;background:linear-gradient(90deg,#0000 20%,var(--signal),#0000 80%);background-size:220% 100%;inset:0}@keyframes rail-run{0%{background-position:130% 0}to{background-position:-130% 0}}.rail-movers{align-items:stretch;display:flex;gap:6px;justify-content:center;min-width:0}.rail-mover{grid-gap:8px;align-items:center;animation:mover-in .24s cubic-bezier(.2,.8,.2,1);background:var(--panel-2);border:1px solid var(--seam-soft);border-radius:10px;color:var(--text);cursor:pointer;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;height:36px;max-width:160px;min-width:0;overflow:hidden;padding:0 10px 4px;position:relative;text-align:left;transition:transform .15s ease,background .15s ease,border-color .15s ease}@keyframes mover-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rail-mover:hover{background:var(--raised);border-color:var(--seam);transform:translateY(-1px);z-index:1}.rail-mover.watching{background:var(--signal-dim);border-color:#d6ff4940}.mover-name{font-family:var(--font-display);font-size:10.5px;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mover-heat{align-items:center;display:inline-flex;font-family:var(--font-mono);font-size:8.5px;font-weight:750;gap:3px}.rail-mover.heat-warm .mover-heat{color:var(--heat-warm)}.rail-mover.heat-hot .mover-heat{color:var(--heat-hot)}.rail-mover.heat-blazing .mover-heat{color:var(--heat-blazing)}.rail-mover.heat-cold .mover-heat{color:var(--muted)}.mover-track{background:#ffffff12;border-radius:999px;height:2px;inset:auto 9px 5px;overflow:hidden;position:absolute}.mover-fill{background:var(--heat-cold);border-radius:inherit;display:block;height:100%;transition:width .7s ease}.rail-mover.heat-warm .mover-fill{background:var(--heat-warm)}.rail-mover.heat-hot .mover-fill{background:var(--heat-hot)}.rail-mover.heat-blazing .mover-fill{background:var(--heat-blazing);box-shadow:0 0 8px var(--heat-blazing-glow)}.rail-mover.lead.heat-blazing,.rail-mover.lead.heat-hot{border-color:color-mix(in srgb,currentColor 26%,var(--seam))}@media (max-width:1400px){.rail-mover:nth-child(4){display:none}}@media (max-width:1220px){.rail-mover:nth-child(3){display:none}}@media (max-width:940px){.heat-rail{display:none}}.app-header{grid-gap:18px;align-items:center;-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);background:#0c0c12eb;border-bottom:1px solid var(--seam);display:grid;flex:0 0 66px;gap:18px;grid-template-columns:minmax(250px,.8fr) minmax(360px,1.5fr) minmax(250px,.8fr);height:66px;padding:0 18px;position:relative;z-index:30}.app-header:after{background:linear-gradient(90deg,#0000,#d6ff4940,#0000 62%);content:"";height:1px;inset:auto 0 -1px;pointer-events:none;position:absolute}.brand,.brand-copy,.header-left,.header-right{align-items:center;display:flex}.header-left{gap:13px;min-width:0}.header-right{gap:7px;justify-content:flex-end}.header-menu-btn{align-items:center;background:var(--raised);border:1px solid var(--seam);border-radius:11px;color:var(--text);cursor:pointer;display:none;flex:0 0 auto;height:38px;justify-content:center;width:38px}.brand{color:inherit;gap:11px;min-width:0;text-decoration:none}.brand-mark{background:radial-gradient(circle at 35% 20%,#d6ff4924,#0000 58%),var(--raised);border:1px solid var(--seam);border-radius:12px;box-shadow:inset 0 1px hsla(0,0%,100%,.045);display:grid;flex:0 0 auto;height:38px;place-items:center;position:relative;transition:transform .18s ease,border-color .18s ease;width:38px}.brand:hover .brand-mark{border-color:#d6ff495c;transform:rotate(-3deg) scale(1.04)}.brand-emote{height:28px;object-fit:contain;width:28px}.brand-live-dot{background:var(--signal);border:2px solid var(--panel);border-radius:50%;bottom:-2px;box-shadow:0 0 9px var(--signal-glow);height:9px;position:absolute;right:-2px;width:9px}.brand-copy{align-items:flex-start;flex-direction:column;gap:3px;min-width:0}.brand-word{color:var(--text);font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1}.brand-tld{color:var(--signal)}.brand-tagline{color:var(--faint);font-size:7.5px;font-weight:550;letter-spacing:.08em;line-height:1;text-transform:uppercase}.brand-tagline,.shared-list-pill{font-family:var(--font-mono);white-space:nowrap}.shared-list-pill{background:var(--signal-dim);border:1px solid #d6ff492e;border-radius:8px;color:var(--signal);font-size:8.5px;max-width:180px;overflow:hidden;padding:6px 9px;text-overflow:ellipsis}.scan-status{align-items:center;background:var(--panel-2);border:1px solid var(--seam);border-radius:10px;color:var(--muted);display:inline-flex;font-family:var(--font-mono);font-size:8px;font-weight:650;gap:8px;height:32px;letter-spacing:.08em;padding:0 11px;text-transform:uppercase}.scan-dot{background:var(--pog);border-radius:50%;flex:0 0 auto;height:6px;position:relative;width:6px}.scan-dot:after{animation:scan-ping 2.2s ease-out infinite;border:1px solid var(--pog);border-radius:50%;content:"";inset:-3px;position:absolute}@keyframes scan-ping{0%{opacity:0;transform:scale(.4)}25%{opacity:.6}to{opacity:0;transform:scale(1.45)}}.scan-status.down{border-color:#ffbf3f3d;color:var(--heat-warm)}.scan-status.down .scan-dot,.scan-status.down .scan-dot:after{background:var(--heat-warm);border-color:var(--heat-warm)}.header-sep{background:var(--seam);height:18px;margin:0 2px;width:1px}.header-icon-link{border-radius:9px;color:var(--muted);display:grid;height:32px;place-items:center;transition:color .15s ease,background .15s ease,transform .15s ease;width:32px}.header-icon-link:hover{background:var(--raised);color:var(--text);transform:translateY(-1px)}@media (max-width:1180px){.app-header{grid-template-columns:minmax(220px,1fr) minmax(280px,1fr) auto}.scan-label{display:none}.scan-status{justify-content:center;padding:0;width:32px}}@media (max-width:768px){.app-header{flex-basis:56px;gap:8px;grid-template-columns:minmax(0,1fr) auto;height:56px;padding:0 10px}.header-menu-btn{display:flex}.brand-mark{height:34px;width:34px}.brand-emote{height:25px;width:25px}.brand-word{font-size:15px}.brand-tagline,.header-icon-link,.header-sep,.shared-list-pill{display:none}}@media (max-width:900px) and (orientation:landscape) and (max-height:500px){.app-header{display:none}}.stream-list{background:linear-gradient(180deg,hsla(0,0%,100%,.018),#0000 180px),var(--panel);border-right:1px solid var(--seam);color:var(--text);display:flex;flex:0 0 378px;flex-direction:column;height:100%;min-height:0;width:378px}.stream-list-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101017f5;border-bottom:1px solid var(--seam-soft);display:flex;flex:0 0 auto;flex-direction:column;gap:12px;padding:20px 18px 14px}.list-title-actions,.list-title-row,.login-row,.user-info{align-items:center;display:flex}.list-title-row{gap:14px;justify-content:space-between}.list-title-actions{gap:7px}.list-eyebrow,.user-label{color:var(--signal);display:block;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.18em;line-height:1;margin-bottom:4px;text-transform:uppercase}.stream-list h2{align-items:center;color:var(--text);display:flex;font-family:var(--font-display);font-size:22px;font-weight:700;gap:8px;letter-spacing:-.025em;line-height:1;margin:0}.list-count{align-items:center;background:var(--raised);border:1px solid var(--seam);border-radius:999px;color:var(--muted);display:inline-flex;font-family:var(--font-mono);font-size:9px;height:20px;justify-content:center;letter-spacing:0;min-width:25px;padding:0 7px}.list-deck{color:var(--faint);font-size:11.5px;line-height:1.35;margin-top:-3px}.live-count-pill{align-items:center;background:var(--ink);border:1px solid var(--seam);border-radius:9px;color:var(--muted);display:inline-flex;font-family:var(--font-mono);font-size:9px;font-weight:600;gap:6px;height:30px;padding:0 9px}.live-count-dot{background:var(--pog);border-radius:50%;box-shadow:0 0 0 4px #55f3b01a;height:6px;width:6px}.help-btn,.list-collapse-btn,.logout-btn{align-items:center;background:var(--raised);border:1px solid var(--seam);color:var(--muted);cursor:pointer;display:flex;flex:0 0 auto;justify-content:center;transition:color .15s ease,background .15s ease,border-color .15s ease}.list-collapse-btn{border-radius:9px;height:30px;width:30px}.help-btn:hover,.list-collapse-btn:hover,.logout-btn:hover{background:var(--hover);border-color:var(--seam-strong);color:var(--text)}.view-mode-tabs{background:var(--ink);border:1px solid var(--seam-soft);border-radius:12px;display:flex;gap:4px;padding:4px;position:relative}.view-tab{background:#0000;border:0;border-radius:8px;color:var(--faint);cursor:pointer;flex:1 1 auto;font-family:var(--font-body);font-size:11px;font-weight:650;height:31px;min-width:0;overflow:hidden;padding:0 10px;text-overflow:ellipsis;transition:color .15s ease,background .15s ease,box-shadow .15s ease;white-space:nowrap}.view-tab:hover{color:var(--text)}.view-tab.active{background:var(--signal);box-shadow:0 4px 16px var(--signal-glow);color:#0a0b0b}.search-wrap{align-items:center;display:flex;position:relative}.search-icon{color:var(--faint);left:12px;pointer-events:none;position:absolute}.search-input{background:var(--panel-2);border:1px solid var(--seam);border-radius:11px;color:var(--text);font-size:12px;height:40px;outline:none;padding:0 12px 0 35px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.search-input::placeholder{color:var(--faint)}.search-input:focus{background:var(--raised);border-color:#d6ff4980;box-shadow:0 0 0 3px var(--signal-dim)}.sort-options{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1.3fr 1fr .75fr}.sort-btn{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--faint);cursor:pointer;font-family:var(--font-mono);font-size:8.5px;font-weight:650;height:29px;letter-spacing:.035em;padding:0 6px;text-transform:uppercase;transition:color .15s ease,background .15s ease,border-color .15s ease}.sort-btn:hover{background:var(--panel-2);color:var(--muted)}.sort-btn.active{background:var(--raised);border-color:var(--seam);color:var(--text)}.sort-btn.active:before{background:var(--signal);border-radius:50%;box-shadow:0 0 8px var(--signal-glow);content:"";display:inline-block;height:5px;margin-right:5px;vertical-align:1px;width:5px}.stream-items{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 10px 18px}.stream-item{grid-gap:12px;align-items:center;background:#0000;border:1px solid #0000;border-radius:14px;color:var(--text);cursor:pointer;display:grid;gap:12px;grid-template-columns:112px minmax(0,1fr);margin:0 0 6px;overflow:hidden;padding:8px;position:relative;text-align:left;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s ease,border-color .18s ease,box-shadow .18s ease;width:100%}.stream-item:after{background:#0000;content:"";inset:0 auto 0 0;position:absolute;transition:background .3s ease,box-shadow .3s ease;width:3px}.stream-item:hover{background:var(--panel-2);border-color:var(--seam-soft);transform:translateX(2px);z-index:1}.stream-item.selected{background:linear-gradient(100deg,#d6ff491f,rgba(214,255,73,.025) 70%),var(--panel-2);border-color:#d6ff4940;box-shadow:0 10px 30px #0003}.stream-item.heat-warm:after{background:var(--heat-warm)}.stream-item.heat-hot:after{background:var(--heat-hot)}.stream-item.heat-blazing:after{background:var(--heat-blazing);box-shadow:0 0 14px var(--heat-blazing-glow)}.stream-item.selected:after{background:var(--signal);box-shadow:0 0 16px var(--signal-glow)}.stream-item.offline{opacity:.52}.stream-thumb-box{align-items:center;aspect-ratio:16/9;background:radial-gradient(circle at 30% 20%,#9146ff2e,#0000 48%),var(--ink);border-radius:10px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.045);display:flex;justify-content:center;overflow:hidden;position:relative;width:112px}.stream-thumbnail{display:block;filter:saturate(.9) contrast(1.04);height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease;width:100%}.stream-item.selected .stream-thumbnail,.stream-item:hover .stream-thumbnail{filter:saturate(1.08) contrast(1.03);transform:scale(1.045)}.thumb-live,.thumb-viewers{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:5px;bottom:5px;color:#fff;display:inline-flex;font-family:var(--font-mono);font-size:8px;font-weight:750;height:18px;line-height:1;padding:0 5px;position:absolute}.thumb-live{background:#ff3a57eb;left:5px;letter-spacing:.1em;text-transform:uppercase}.thumb-viewers{background:#040407c7;right:5px}.thumb-viewers:before{background:var(--live);border-radius:50%;content:"";height:4px;margin-right:4px;width:4px}.thumb-offline{color:var(--faint);font-family:var(--font-mono);font-size:8px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.stream-info{min-width:0}.stream-toprow{align-items:center;display:flex;gap:7px;min-width:0}.stream-rank{color:var(--faint);flex:0 0 auto;font-family:var(--font-mono);font-size:8.5px;font-weight:650}.stream-streamer{color:var(--text);flex:1 1;font-family:var(--font-display);font-size:14px;font-weight:650;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-item.selected .stream-rank,.stream-item.selected .stream-streamer{color:var(--signal)}.heat-badge{align-items:center;border-radius:6px;display:inline-flex;flex:0 0 auto;font-family:var(--font-mono);font-size:8.5px;font-weight:750;gap:3px;line-height:1.2;padding:2px 5px}.heat-badge.heat-warm{background:#ffbf3f1a;color:var(--heat-warm)}.heat-badge.heat-hot{background:#ff6c3e1c;color:var(--heat-hot)}.heat-badge.heat-blazing{background:#ff3dab1f;box-shadow:0 0 18px #ff3dab14;color:var(--heat-blazing)}.stream-sub{align-items:baseline;display:flex;font-size:10.5px;gap:4px;line-height:1.2;margin-top:4px;min-width:0;overflow:hidden;white-space:nowrap}.stream-game{color:var(--muted);flex:0 1 auto;font-weight:550;max-width:92px;overflow:hidden;text-overflow:ellipsis}.stream-sub-sep{color:var(--faint)}.stream-title-text{color:var(--faint);min-width:0;overflow:hidden;text-overflow:ellipsis}.stream-sub.offline-note{color:var(--faint);font-style:normal}.stream-velo{align-items:center;display:flex;gap:7px;margin-top:8px}.velo{background:hsla(0,0%,100%,.065);border-radius:999px;flex:1 1;height:3px;min-width:0;overflow:hidden;position:relative}.velo-fill{background:var(--heat-cold);border-radius:inherit;inset:0 auto 0 0;position:absolute;transition:width .8s ease,background .5s ease}.stream-item.heat-warm .velo-fill{background:linear-gradient(90deg,var(--heat-cold),var(--heat-warm))}.stream-item.heat-hot .velo-fill{background:linear-gradient(90deg,var(--heat-warm),var(--heat-hot))}.stream-item.heat-blazing .velo-fill{background:linear-gradient(90deg,var(--heat-hot),var(--heat-blazing));box-shadow:0 0 9px var(--heat-blazing-glow)}.velo.calibrating .velo-fill{animation:velo-calibrate 1.8s ease-in-out infinite}.stream-rate{font-feature-settings:"tnum";color:var(--muted);flex:0 0 auto;font-family:var(--font-mono);font-size:8.5px;font-variant-numeric:tabular-nums;font-weight:650;min-width:37px;text-align:right}.stream-item.heat-blazing .stream-rate{color:var(--text)}.no-streams{color:var(--muted);font-size:12px;padding:64px 24px;text-align:center}.stream-list-footer{background:var(--panel-2);border-top:1px solid var(--seam);flex:0 0 auto;padding:11px 14px}.login-row{gap:7px}.twitch-login-btn{align-items:center;background:var(--twitch);border:0;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1 auto;font-size:11.5px;font-weight:700;gap:8px;height:38px;justify-content:center;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.twitch-login-btn:hover{background:var(--glitch-hover);box-shadow:0 8px 24px #9146ff3d;transform:translateY(-1px)}.help-btn{border-radius:10px;font-family:var(--font-display);font-size:12px;font-weight:700;height:38px;width:38px}.help-btn.small{height:30px;width:30px}.user-info{gap:10px}.user-avatar{border-radius:10px;box-shadow:0 0 0 2px var(--panel-2),0 0 0 3px #9146ff8c;height:34px;object-fit:cover;width:34px}.user-copy{flex:1 1 auto;min-width:0}.user-label{color:var(--faint);letter-spacing:.1em;margin-bottom:3px}.user-name{color:var(--text);display:block;font-size:11.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{border-radius:9px;height:30px;width:30px}@media (max-width:1280px){.stream-list{flex-basis:340px;width:340px}.stream-list-header{padding-left:15px;padding-right:15px}.stream-item{grid-template-columns:100px minmax(0,1fr)}.stream-thumb-box{width:100px}}@media (max-width:768px){.stream-list{animation:drawer-in .22s cubic-bezier(.2,.8,.2,1);border-right-color:var(--seam-strong);box-shadow:18px 0 60px #000000a3;height:100dvh;inset:0 auto 0 0;max-width:none;position:fixed;width:min(92vw,380px);z-index:90}@keyframes drawer-in{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}.stream-list-header{padding-top:calc(18px + env(safe-area-inset-top))}.search-input{font-size:16px;height:44px}.sort-btn,.view-tab{min-height:38px}.stream-item{min-height:80px}.stream-list-footer{padding-bottom:calc(11px + env(safe-area-inset-bottom))}}@media (max-width:420px){.stream-list{width:100vw}}.settings-wrap{position:relative}.settings-toggle{align-items:center;background:#0000;border:1px solid var(--seam);border-radius:var(--r-xs);color:var(--muted);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;height:32px;padding:0 12px;transition:all .12s ease;white-space:nowrap}.settings-toggle:hover{background:var(--raised);color:var(--text)}.settings-panel{background:var(--panel-2);border:1px solid var(--seam);border-top:2px solid var(--signal);box-shadow:var(--shadow-pop);display:none;flex-direction:column;gap:16px;max-height:min(70vh,640px);max-width:90vw;min-width:300px;overflow-y:auto;padding:18px;position:absolute;right:0;top:calc(100% + 10px);z-index:999}.settings-panel.open{animation:settings-pop .18s cubic-bezier(.2,.9,.3,1.1);display:flex}@keyframes settings-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.settings-section{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.settings-label{color:var(--faint);font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.settings-options{background:var(--seam-soft);border:1px solid var(--seam-soft);border-radius:var(--r-sm);display:flex;gap:1px;overflow:hidden}.settings-btn{background:var(--panel);border:none;border-radius:0;color:var(--muted);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .12s ease;white-space:nowrap}.settings-btn:hover{background:var(--panel-2);color:var(--text)}.settings-btn.active{background:var(--raised);box-shadow:inset 0 -2px 0 var(--signal);color:var(--signal)}.settings-btn:disabled{cursor:not-allowed;opacity:.4}.settings-input-row .settings-btn{background:var(--raised);border:1px solid var(--seam);border-radius:var(--r-xs)}.settings-input-row .settings-btn:hover{background:var(--hover)}.settings-slider{-webkit-appearance:none;appearance:none;background:var(--raised);border-radius:1px;cursor:pointer;height:4px;outline:none;width:170px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--signal);border:none;border-radius:var(--r-xs);cursor:pointer;height:14px;-webkit-transition:box-shadow .12s ease;transition:box-shadow .12s ease;width:14px}.settings-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--signal-dim)}.settings-slider::-moz-range-thumb{background:var(--signal);border:none;border-radius:var(--r-xs);cursor:pointer;height:14px;width:14px}.settings-slider::-moz-range-thumb:hover{box-shadow:0 0 0 5px var(--signal-dim)}.settings-select{background:var(--ink);border:1px solid var(--seam);border-radius:var(--r-xs);color:var(--text);cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:8px 12px;width:100%}.settings-select:hover{background:var(--raised)}.settings-select:focus{border-color:var(--signal)}.settings-input{background:var(--ink);border:1px solid var(--seam);border-radius:var(--r-xs);color:var(--text);flex:1 1;font-size:12px;outline:none;padding:8px 12px;transition:border-color .12s ease,box-shadow .12s ease;width:100%}.settings-input::placeholder{color:var(--faint)}.settings-input:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-dim)}.settings-input-row{display:flex;gap:6px;margin-bottom:6px;width:100%}.settings-tags{display:flex;flex-wrap:wrap;gap:4px}.game-tag{align-items:center;background:var(--raised);border:1px solid var(--seam);border-radius:var(--r-xs);color:var(--text);display:inline-flex;font-size:11px;gap:6px;padding:4px 10px}.remove-tag{background:none;border:none;color:var(--faint);cursor:pointer;font-size:15px;line-height:1;padding:0;transition:color .12s ease}.remove-tag:hover{color:var(--danger)}.share-box{background:var(--signal-dim);border:1px solid color-mix(in srgb,var(--signal) 30%,#0000);border-radius:var(--r-xs);margin-top:10px;padding:12px;width:100%}.share-box-label{color:var(--signal);display:block;margin-bottom:8px}.share-row{align-items:center;display:flex;gap:6px}.share-prefix{color:var(--signal);font-family:var(--font-mono);font-size:11px;white-space:nowrap}.share-status{font-size:12px;margin-top:6px}.share-status.ok{color:var(--pog)}.share-status.err{color:var(--danger)}.share-live{color:var(--muted);font-size:12px;margin-top:6px}.share-live a{color:var(--signal);font-family:var(--font-mono);font-size:11px}@media (max-width:768px){.settings-toggle{justify-content:center;padding:0 8px;width:34px}.settings-toggle-label{display:none}.settings-panel{animation:none;border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;max-height:70vh;max-width:none;min-width:0;min-width:auto;padding:20px 16px calc(20px + env(safe-area-inset-bottom));position:fixed;right:0;top:auto}.settings-panel.open{animation:sheet-up .25s ease}.settings-panel:before{background:var(--seam);border-radius:2px;content:"";display:block;flex-shrink:0;height:4px;margin:-8px auto 4px;width:40px}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-btn{font-size:13px;min-height:42px;padding:10px 14px}.settings-options{flex-wrap:wrap}.settings-slider{height:6px;width:100%}.settings-slider::-webkit-slider-thumb{height:22px;width:22px}.settings-slider::-moz-range-thumb{height:22px;width:22px}.settings-input,.settings-select{font-size:16px;min-height:44px;padding:12px 14px}.game-tag{font-size:13px;padding:8px 14px}.remove-tag{font-size:18px;min-height:24px;min-width:24px}}.stream-player-container{background:radial-gradient(circle at 30% 8%,rgba(145,70,255,.075),#0000 28%),radial-gradient(circle at 82% 100%,rgba(214,255,73,.035),#0000 25%),var(--carbon);display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden;position:relative}.no-stream-selected{background:linear-gradient(hsla(0,0%,100%,.018) 1px,#0000 1px),linear-gradient(90deg,hsla(0,0%,100%,.018) 1px,#0000 1px),radial-gradient(circle at 50% 40%,#9146ff1f,#0000 32%),var(--panel);background-size:42px 42px,42px 42px,auto,auto;border:1px solid var(--seam);border-radius:20px;display:grid;flex:1 1;margin:14px;min-height:0;overflow:hidden;place-items:center}.no-stream-content{padding:42px 28px;text-align:center;width:min(620px,90%)}.no-stream-visual{display:grid;height:106px;margin:0 auto 25px;place-items:center;position:relative;width:106px}.no-stream-orbit{animation:empty-orbit 9s linear infinite;border:1px solid #d6ff492e;border-radius:50%;inset:0;position:absolute}.no-stream-orbit:after{background:var(--signal);border-radius:50%;box-shadow:0 0 14px var(--signal-glow);content:"";height:6px;left:18px;position:absolute;top:8px;width:6px}.no-stream-orbit.orbit-two{animation-direction:reverse;animation-duration:6s;border-color:#9146ff42;inset:15px}.no-stream-orbit.orbit-two:after{background:var(--twitch-tint);bottom:13px;box-shadow:0 0 12px var(--glitch-glow);height:5px;left:auto;right:4px;top:auto;width:5px}@keyframes empty-orbit{to{transform:rotate(1turn)}}.no-stream-emote{filter:drop-shadow(0 10px 20px rgba(0,0,0,.35));height:56px;object-fit:contain;width:56px}.no-stream-kicker{color:var(--signal);display:block;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.2em;margin-bottom:11px;text-transform:uppercase}.no-stream-content h1{color:var(--text);font-family:var(--font-display);font-size:clamp(36px,4.2vw,58px);font-weight:700;letter-spacing:-.055em;line-height:.95;margin:0 0 14px}.no-stream-content h1 span{color:var(--signal)}.no-stream-content>p{color:var(--muted);font-size:13.5px;line-height:1.55;margin:0 auto 28px;width:min(500px,100%)}.instructions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.instruction-step{background:hsla(0,0%,100%,.025);border:1px solid var(--seam-soft);border-radius:11px;color:var(--muted);font-size:10.5px;line-height:1.35;min-width:0;padding:12px 10px;text-align:left}.instruction-step strong{color:var(--signal);display:block;font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;margin-bottom:6px}.stream-header{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101017e0;border-bottom:1px solid var(--seam-soft);display:flex;flex:0 0 auto;gap:13px;min-height:86px;padding:12px 17px;position:relative;z-index:20}.channel-monogram{background:linear-gradient(145deg,#9146ff3d,#9146ff0d),var(--raised);border:1px solid #9146ff47;border-radius:14px;box-shadow:inset 0 1px #ffffff0f;color:var(--twitch-tint);display:grid;flex:0 0 auto;font-family:var(--font-display);font-size:20px;font-weight:700;height:46px;overflow:visible;place-items:center;position:relative;width:46px}.channel-monogram>span{background:var(--live);border:2px solid var(--panel);border-radius:50%;bottom:-2px;box-shadow:0 0 10px #ff3a5761;height:10px;position:absolute;right:-2px;width:10px}.stream-header-info{flex:1 1 auto;min-width:0}.stream-header-actions,.stream-kicker-row,.stream-name-row,.stream-telemetry,.tele-item{align-items:center;display:flex}.stream-kicker-row{gap:7px;margin-bottom:4px}.live-badge{align-items:center;background:var(--live);border-radius:5px;color:#fff;display:inline-flex;font-family:var(--font-mono);font-size:7px;font-weight:800;gap:4px;height:17px;letter-spacing:.11em;padding:0 5px;text-transform:uppercase}.live-badge:before{animation:tally-blink 1.8s steps(1) infinite;background:#fff;border-radius:50%;content:"";height:4px;width:4px}@keyframes tally-blink{0%,to{opacity:1}50%{opacity:.3}}.now-watching{color:var(--faint);font-family:var(--font-mono);font-size:7.5px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.stream-name-row{gap:8px;min-width:0}.stream-header-info h1{color:var(--text);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.03em;margin:0;min-width:0}.badge.game,.stream-header-info h1{line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge.game{background:var(--raised);border:1px solid var(--seam);border-radius:7px;color:var(--muted);flex:0 1 auto;font-size:9px;font-weight:600;max-width:160px;padding:3px 7px}.stream-header-info>p{color:var(--faint);font-size:10.5px;line-height:1.15;margin:5px 0 0;max-width:680px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heat-capsule{align-items:center;background:var(--ink);border:1px solid var(--seam);border-radius:8px;display:inline-flex;flex:0 0 auto;gap:7px;height:25px;padding:0 8px}.capsule-velo{background:#ffffff14;border-radius:999px;height:3px;overflow:hidden;position:relative;width:42px}.capsule-fill{background:var(--heat-cold);border-radius:inherit;inset:0 auto 0 0;position:absolute;transition:width .8s ease,background .5s ease}.heat-capsule.heat-warm .capsule-fill{background:var(--heat-warm)}.heat-capsule.heat-hot .capsule-fill{background:var(--heat-hot)}.heat-capsule.heat-blazing .capsule-fill{background:var(--heat-blazing);box-shadow:0 0 8px var(--heat-blazing-glow)}.heat-capsule.calibrating .capsule-fill{animation:velo-calibrate 1.8s ease-in-out infinite}.capsule-mult,.capsule-rate{font-feature-settings:"tnum";color:var(--muted);font-family:var(--font-mono);font-size:8.5px;font-variant-numeric:tabular-nums;font-weight:700}.capsule-mult{align-items:center;display:inline-flex;gap:3px}.heat-capsule.heat-warm .capsule-mult{color:var(--heat-warm)}.heat-capsule.heat-hot .capsule-mult{color:var(--heat-hot)}.heat-capsule.heat-blazing .capsule-mult{color:var(--heat-blazing)}.stream-telemetry{font-feature-settings:"tnum";color:var(--muted);flex:0 0 auto;font-family:var(--font-mono);font-size:8.5px;font-variant-numeric:tabular-nums;font-weight:550;gap:11px;padding:0 3px}.tele-item{gap:5px;white-space:nowrap}.tele-item svg{color:var(--faint)}.tele-item.viewers{color:var(--text)}.tele-item.viewers:before{background:var(--live);border-radius:50%;content:"";height:5px;width:5px}.chip.warn{border-color:#ffbf3f40;color:var(--heat-warm)}.stream-header-actions{border-left:1px solid var(--seam);flex:0 0 auto;gap:5px;margin-left:1px;padding-left:11px}.blacklist-btn,.mute-toggle,.party-launch-btn{align-items:center;background:var(--raised);border:1px solid var(--seam);border-radius:10px;color:var(--muted);cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease}.mute-toggle{width:34px}.blacklist-btn:hover,.mute-toggle:hover,.party-launch-btn:hover{background:var(--hover);border-color:var(--seam-strong);color:var(--text);transform:translateY(-1px)}a.mute-toggle{text-decoration:none}a.mute-toggle.twitch-out:hover{border-color:#9146ff59;color:var(--twitch-tint)}.blacklist-btn,.party-launch-btn{font-size:9px;font-weight:650;gap:6px;padding:0 10px;white-space:nowrap}.party-launch-btn.active{background:var(--signal-dim);border-color:#d6ff4940;color:var(--signal)}.blacklist-btn:hover{border-color:#ff516747;color:#ff9aa7}.cooldown-progress-container{background:var(--ink);border-bottom:1px solid var(--seam-soft);flex:0 0 19px;height:19px;overflow:hidden;position:relative}.cooldown-progress-bar{background:linear-gradient(90deg,var(--twitch),var(--signal));box-shadow:0 0 8px var(--signal-glow);height:2px;inset:auto auto 0 0;position:absolute;transition:width 1s linear}.cooldown-progress-bar.ready{background:var(--signal)}.cooldown-text{align-items:center;color:var(--faint);display:flex;font-family:var(--font-mono);font-size:7px;font-weight:650;gap:6px;letter-spacing:.08em;position:absolute;right:16px;text-transform:uppercase;top:50%;transform:translateY(-50%)}.cooldown-dot{background:var(--heat-warm);border-radius:50%;height:5px;width:5px}.cooldown-progress-container.armed .cooldown-text{color:var(--signal)}.cooldown-progress-container.armed .cooldown-dot{background:var(--signal);box-shadow:0 0 7px var(--signal-glow)}.stream-content{grid-gap:12px;display:grid;flex:1 1 auto;gap:12px;grid-template-columns:minmax(0,1fr) 350px;min-height:0;min-width:0;padding:12px}.stream-chat,.stream-stage{background:#050507;border:1px solid var(--seam);border-radius:16px;box-shadow:var(--shadow-card);min-height:0;min-width:0;overflow:hidden}.stream-stage{isolation:isolate;position:relative}.stream-stage:before{background:radial-gradient(circle at 50% 50%,#9146ff1a,#0000 60%);content:"";inset:-30px;pointer-events:none;position:absolute;z-index:-1}.stream-player,.stream-player iframe,.stream-player>div{border:0;display:block;height:100%!important;width:100%!important}.stream-player{background:#000;inset:0;overflow:hidden;position:absolute}.stage-static{animation:signal-lock .44s ease-out;background:linear-gradient(180deg,#0000,#d6ff491c,#0000),repeating-linear-gradient(0deg,hsla(0,0%,100%,.025) 0 1px,#0000 1px 3px);inset:0;opacity:0;pointer-events:none;position:absolute;z-index:5}@keyframes signal-lock{0%{opacity:.55;transform:scaleY(.05)}45%{opacity:.18;transform:scaleY(1)}to{opacity:0}}.stream-chat{background:var(--panel);display:flex;flex-direction:column;width:auto}.chat-head{align-items:center;background:var(--panel-2);border-bottom:1px solid var(--seam);display:flex;flex:0 0 47px;gap:10px;height:47px;justify-content:space-between;padding:0 13px}.chat-head-copy{align-items:baseline;display:flex;gap:7px;min-width:0}.chat-title{color:var(--text);flex:0 0 auto;font-family:var(--font-display);font-size:12px;font-weight:700}.chat-channel{font-size:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-channel,.chat-live-state{color:var(--faint);font-family:var(--font-mono)}.chat-live-state{align-items:center;display:flex;flex:0 0 auto;font-size:7px;font-weight:650;gap:5px;letter-spacing:.05em;text-transform:uppercase}.chat-live-state i{background:var(--pog);border-radius:50%;box-shadow:0 0 7px #55f3b059;height:5px;width:5px}.stream-chat-twitch{background:var(--panel);flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;position:relative}.stream-chat-twitch iframe{border:0;display:block;height:100%;inset:0;position:absolute;width:100%}.stream-chat-party{border-left:1px solid var(--seam);min-height:0;min-width:0;overflow:hidden}.stream-chat-party .watch-party{max-width:none;min-width:0;width:100%}.stream-chat.split{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:47px minmax(0,1fr);width:min(700px,48vw)}.stream-chat.split .chat-head{grid-column:1/-1}.stream-chat.split .stream-chat-twitch{grid-column:1;grid-row:2}.stream-chat.split .stream-chat-party{grid-column:2;grid-row:2}.stream-player-container:fullscreen .cooldown-progress-container,.stream-player-container:fullscreen .stream-chat,.stream-player-container:fullscreen .stream-header{display:none!important}.stream-player-container:fullscreen .stream-content{gap:0;padding:0}.stream-player-container:fullscreen .stream-stage{border:0;border-radius:0}@media (max-width:1460px){.stream-content{grid-template-columns:minmax(0,1fr) 320px}.stream-header{padding-left:13px;padding-right:13px}.stream-telemetry{display:none}.blacklist-btn,.party-launch-btn{font-size:0;gap:0;padding:0;width:34px}}@media (max-width:1160px){.stream-content{gap:8px;grid-template-columns:minmax(0,1fr) 292px;padding:8px}.channel-monogram{border-radius:12px;font-size:17px;height:40px;width:40px}.badge.game,.stream-header-info>p{display:none}.stream-header-info h1{font-size:18px}.capsule-velo{display:none}}@media (max-width:920px){.stream-content{display:flex;flex-direction:column}.stream-stage{flex:0 0 clamp(250px,48vh,520px)}.stream-chat,.stream-chat.split{flex:1 1 auto;width:100%}}@media (max-width:768px){.stream-header{gap:7px;min-height:68px;padding:8px 9px}.channel-monogram{display:none}.stream-kicker-row{margin-bottom:3px}.stream-header-info h1{font-size:16px}.heat-capsule{height:23px;padding:0 6px}.stream-header-actions{gap:3px;padding-left:6px}.blacklist-btn,.mute-toggle,.party-launch-btn{border-radius:9px;height:31px;width:31px}.blacklist-btn,.mute-btn,.twitch-out{display:none}.cooldown-progress-container{flex-basis:16px;height:16px}.cooldown-text{font-size:6.5px;right:9px}.stream-content{gap:7px;padding:7px}.stream-stage{flex:0 0 29vh;min-height:160px}.stream-chat,.stream-stage{border-radius:12px}.chat-head{flex-basis:42px;height:42px}.chat-live-state{display:none}.stream-chat.split{grid-template-rows:42px minmax(0,1fr)}.no-stream-selected{border-radius:14px;margin:7px}.no-stream-content{padding:22px 12px}.no-stream-visual{height:76px;margin-bottom:18px;width:76px}.no-stream-emote{height:42px;width:42px}.no-stream-content h1{font-size:34px}.instructions{grid-template-columns:1fr}.instruction-step{align-items:center;display:flex;gap:9px;padding:9px 11px}.instruction-step strong{margin:0}}@media (max-width:480px){.capsule-mult{display:none}.stream-stage{flex-basis:26vh;min-height:140px}.no-stream-content h1{font-size:29px}}@media (max-width:900px) and (orientation:landscape) and (max-height:500px){.cooldown-progress-container,.stream-chat,.stream-header{display:none}.stream-content{padding:0}.stream-stage{border:0;border-radius:0;flex:1 1}}.stats-page{background:var(--carbon);bottom:0;color:var(--text);left:0;min-height:100vh;overflow-y:auto;padding:24px 20px;position:fixed;right:0;top:0}.stats-panel{background:var(--panel);border:1px solid var(--seam);border-top:2px solid var(--signal);margin:0 auto;max-width:900px;padding:24px}.stats-back{color:var(--signal);display:inline-block;font-size:13px;font-weight:600;margin-bottom:16px;text-decoration:none}.stats-back:hover{text-decoration:underline}.stats-panel h2{color:var(--text);font-size:22px;font-weight:700;letter-spacing:.08em;margin:0 0 20px}.stats-panel h2,.stats-panel h3{font-family:var(--font-display);text-transform:uppercase}.stats-panel h3{color:var(--faint);font-size:11px;font-weight:600;letter-spacing:.14em;margin:28px 0 12px}.stats-loading{color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;padding:40px;text-align:center;text-transform:uppercase}.stats-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-box{background:var(--ink);border:1px solid var(--seam-soft);padding:16px 14px 13px;text-align:center}.stat-box .stat-value{font-feature-settings:"tnum";color:var(--signal);font-family:var(--font-mono);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.stat-box .stat-label{color:var(--faint);font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.12em;margin-top:6px;text-transform:uppercase}.stats-table-container{border:1px solid var(--line-soft);border-radius:var(--r);overflow-x:auto}.stats-table{border-collapse:collapse;font-size:13px;width:100%}.stats-table td,.stats-table th{border-bottom:1px solid var(--line-soft);padding:10px 12px;text-align:left}.stats-table tr:last-child td{border-bottom:none}.stats-table th{background:var(--raised);color:var(--faint);font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.stats-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.stats-table th.sortable:hover{color:var(--text)}.stats-table td{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stats-table tr.active{background:var(--glitch-dim)}.stats-table tbody tr:hover{background:var(--hover)}.user-id{color:var(--signal);font-family:var(--font-mono);font-size:12px}.status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.status-dot.online{background:var(--pog);box-shadow:0 0 6px #00f59380}.status-dot.offline{background:var(--faint)}.twitch-logins{display:flex;flex-wrap:wrap;gap:8px}.twitch-login{background:var(--raised);border:1px solid var(--seam-soft);border-radius:var(--r-xs);color:var(--twitch-tint);font-size:12px;font-weight:500;padding:5px 12px}@media (max-width:600px){.stats-page{padding:10px}.stats-panel{border-radius:var(--r-lg);padding:16px}.stats-table{font-size:12px}.stats-table td,.stats-table th{padding:8px 6px}}.watch-party{background:var(--panel);color:var(--text);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:var(--panel-2);border-bottom:1px solid var(--seam);border-image:linear-gradient(90deg,var(--heat-warm),var(--heat-hot),var(--heat-blazing)) 1;border-top:2px solid #0000;color:var(--text);display:flex;justify-content:space-between;padding:9px 12px}.watch-party-title{align-items:center;display:flex;font-family:var(--font-display);font-size:12px;font-weight:700;gap:8px;letter-spacing:.08em;text-transform:uppercase}.watch-party-icon{color:var(--heat-hot);flex-shrink:0}.watch-party-code{background:var(--ink);border:1px solid var(--seam-soft);border-radius:var(--r-xs);color:var(--signal);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;padding:2px 9px}.watch-party-header-actions{align-items:center;display:flex;gap:6px}.watch-party-btn{background:var(--raised);border:1px solid var(--seam);border-radius:var(--r-xs);color:var(--text);cursor:pointer;font-size:11px;font-weight:600;padding:4px 11px;transition:background .15s}.watch-party-btn:hover{background:var(--hover)}.watch-party-btn.danger{color:var(--muted)}.watch-party-btn.danger:hover{background:var(--live);border-color:var(--live);color:#fff}.watch-party-close{background:#0000;border:none;border-radius:var(--r-xs);color:var(--muted);cursor:pointer;font-size:22px;line-height:1;padding:0 6px}.watch-party-close:hover{color:var(--text)}.watch-party-participants{background:var(--panel);border-bottom:1px solid var(--seam-soft);display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px}.party-chip{background:var(--raised);border:1px solid var(--seam);border-radius:var(--r-xs);color:var(--muted);font-size:11px;font-weight:500;padding:3px 10px}.party-chip.host{background:var(--signal-dim);border-color:color-mix(in srgb,var(--signal) 45%,#0000);color:var(--signal)}.party-chip.me{border-color:var(--faint);color:var(--text)}.watch-party-status{background:var(--panel);border-bottom:1px solid var(--seam-soft);color:var(--muted);font-size:12px;line-height:1.45;padding:8px 12px}.watch-party-status strong{color:var(--signal);font-weight:600}.watch-party-messages{background:var(--panel);display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:10px 12px}.watch-party-empty{color:var(--faint);font-size:12px;padding:30px 0;text-align:center}.party-msg{word-wrap:break-word;font-size:13px;line-height:1.45;word-break:break-word}.party-msg-nick{color:var(--heat-hot);font-weight:700;margin-right:6px}.party-msg.own .party-msg-nick{color:var(--pog)}.party-msg-text{color:var(--text)}.watch-party-input{background:var(--panel);border-top:1px solid var(--seam-soft);display:flex;gap:6px;padding:10px 12px}.watch-party-input input{background:var(--ink);border:1px solid var(--seam-soft);border-radius:var(--r-xs);color:var(--text);flex:1 1;font-size:13px;outline:none;padding:8px 12px;transition:border-color .12s ease,box-shadow .12s ease}.watch-party-input input::placeholder{color:var(--faint)}.watch-party-input input:focus{border-color:color-mix(in srgb,var(--signal) 55%,#0000);box-shadow:0 0 0 3px var(--signal-dim)}.watch-party-input button{background:var(--signal);border:none;border-radius:var(--r-xs);color:#0a0a0d;cursor:pointer;font-size:12px;font-weight:700;padding:8px 15px;transition:filter .12s ease}.watch-party-input button:hover:not(:disabled){filter:brightness(1.08)}.watch-party-input button:disabled{cursor:not-allowed;opacity:.5}.watch-party-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040406c7;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.watch-party-modal-content{animation:modal-pop .2s cubic-bezier(.2,.9,.3,1.1);background:var(--panel-2);border:1px solid var(--seam);border-top:2px solid var(--heat-hot);box-shadow:var(--shadow-pop);-webkit-clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);color:var(--text);max-width:440px;padding:24px;width:100%}@keyframes modal-pop{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.watch-party-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.watch-party-modal-header h2{align-items:center;display:flex;font-family:var(--font-display);font-size:18px;font-weight:700;gap:10px;letter-spacing:.05em;margin:0;text-transform:uppercase}.watch-party-modal-header h2 svg{color:var(--heat-hot)}.watch-party-modal .watch-party-close{color:var(--muted)}.watch-party-modal .watch-party-close:hover{color:var(--text)}.watch-party-sub{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:16px}.watch-party-tabs{background:var(--seam-soft);border:1px solid var(--seam-soft);border-radius:var(--r-sm);display:flex;gap:1px;margin-bottom:16px;overflow:hidden}.watch-party-tabs button{background:var(--panel);border:none;border-radius:0;color:var(--muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px;transition:all .12s ease}.watch-party-tabs button:hover{background:var(--panel-2);color:var(--text)}.watch-party-tabs button.active{background:var(--raised);box-shadow:inset 0 -2px 0 var(--signal);color:var(--signal)}.watch-party-form{display:flex;flex-direction:column;gap:12px}.watch-party-form label{color:var(--faint);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:9.5px;font-weight:600;gap:6px;letter-spacing:.18em;text-transform:uppercase}.watch-party-form input{background:var(--ink);border:1px solid var(--seam);border-radius:var(--r-xs);color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;padding:11px 14px;transition:border-color .12s ease,box-shadow .12s ease}.watch-party-form input::placeholder{color:var(--faint)}.watch-party-form input:focus{border-color:color-mix(in srgb,var(--signal) 55%,#0000);box-shadow:0 0 0 3px var(--signal-dim)}.watch-party-submit{background:linear-gradient(115deg,var(--heat-warm),var(--heat-hot) 70%);border:none;-webkit-clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);color:#150800;cursor:pointer;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.05em;margin-top:4px;padding:13px;text-transform:uppercase;transition:filter .15s ease,transform .15s ease}.watch-party-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.watch-party-submit:disabled{cursor:not-allowed;opacity:.5}.watch-party-error{background:#ff4d421f;border:1px solid #ff4d4266;border-radius:var(--r-xs);color:#ff8a85;font-size:12px;padding:9px 14px}.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{background:var(--carbon);flex-direction:column;height:100vh;height:100dvh;width:100vw}.app,.app-container{display:flex;overflow:hidden}.app{flex:1 1;min-height:0;min-width:0;position:relative}.mobile-overlay{display:none}@media (max-width:768px){.mobile-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;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:var(--carbon);color:var(--text);flex-direction:column;height:100vh;height:100dvh}.app-loading,.loading-radar{align-items:center;display:flex;justify-content:center}.loading-radar{height:104px;margin-bottom:26px;position:relative;width:104px}.radar-ring{animation:radar 2.2s cubic-bezier(0,0,.2,1) infinite;border:1px solid var(--signal);border-radius:50%;inset:0;opacity:0;position:absolute}.radar-ring.r2{animation-delay:1.1s;border-color:var(--heat-blazing)}@keyframes radar{0%{opacity:.8;transform:scale(.45)}to{opacity:0;transform:scale(1.35)}}.loading-emote{filter:drop-shadow(0 0 16px var(--signal-glow));height:54px;width:54px}.loading-label{animation:loading-fade 1.8s ease-in-out infinite;color:var(--muted);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}@keyframes loading-fade{0%,to{opacity:1}50%{opacity:.45}}.app-error{align-items:center;background:var(--carbon);color:var(--text);display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:center;padding:40px;text-align:center}.app-error h2{color:var(--text);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.app-error p{color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:22px;max-width:400px}.app-error button{background:var(--signal);border:none;-webkit-clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);color:#0a0a0d;cursor:pointer;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.06em;padding:12px 32px;text-transform:uppercase;transition:filter .15s ease,transform .15s ease}.app-error button:hover{filter:brightness(1.1);transform:translateY(-1px)}.app-error button:active{transform:translateY(0)}.app:fullscreen .cooldown-progress-container,.app:fullscreen .stream-chat,.app:fullscreen .stream-header,.app:fullscreen .stream-list{display:none!important}.app:fullscreen{background:#000;gap:0}.app:fullscreen .stream-content{gap:0;margin:0;padding:0}.app:fullscreen .stream-stage{background:#000;border:none;-webkit-clip-path:none;clip-path:none}.app:fullscreen .stream-player{border:none;border-radius:0;-webkit-clip-path:none;clip-path:none;inset:0}.guide-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040406c7;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 cubic-bezier(.2,.9,.3,1.1);background:var(--panel-2);border:1px solid var(--seam);border-top:2px solid var(--signal);box-shadow:var(--shadow-pop);-webkit-clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);max-height:min(90vh,780px);max-width:560px;overflow-y:auto;padding:26px 28px 24px;position:relative;width:100%}@keyframes popIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.guide-head{align-items:center;display:flex;gap:14px;margin-bottom:22px}.guide-emote{background:var(--raised);border:1px solid var(--seam);border-radius:var(--r-xs);flex-shrink:0;height:46px;padding:6px;width:46px}.guide-popup h2{color:var(--text);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.04em;line-height:1.1;text-transform:uppercase}.guide-lede{color:var(--muted);font-size:13px;margin-top:4px}.guide-beats{display:flex;flex-direction:column;gap:2px;list-style:none;margin-bottom:20px}.guide-beats li{align-items:flex-start;border-top:1px solid var(--seam-soft);display:flex;gap:14px;padding:11px 0}.guide-beats li:last-child{border-bottom:1px solid var(--seam-soft)}.beat-mark{font-feature-settings:"tnum";color:var(--signal);flex-shrink:0;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.02em;padding-top:2px;width:78px}.beat-body h3{color:var(--text);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.05em;margin-bottom:3px;text-transform:uppercase}.beat-body p{color:var(--muted);font-size:12.5px;line-height:1.55}.guide-ramp{margin-bottom:20px}.keys-title,.ramp-title{color:var(--faint);display:block;font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.2em;margin-bottom:9px;text-transform:uppercase}.ramp-bar{background:var(--ramp);border-radius:1px;height:5px}.ramp-marks{font-family:var(--font-mono);font-size:10px;font-weight:500;height:13px;margin-top:7px;position:relative}.ramp-marks span{position:absolute;top:0;white-space:nowrap}.ramp-marks span:first-child{left:0}.ramp-marks span:nth-child(2){left:38%;transform:translateX(-50%)}.ramp-marks span:nth-child(3){left:66%;transform:translateX(-50%)}.ramp-marks span:nth-child(4){right:0}.ramp-marks .heat-cold{color:var(--heat-cold)}.ramp-marks .heat-warm{color:var(--heat-warm)}.ramp-marks .heat-hot{color:var(--heat-hot)}.ramp-marks .heat-blazing{color:var(--heat-blazing)}.guide-keys{margin-bottom:18px}.keys-grid{grid-gap:8px 18px;color:var(--muted);display:grid;font-size:12px;gap:8px 18px;grid-template-columns:repeat(2,1fr)}.keys-grid span{align-items:center;display:flex;gap:5px}.guide-more{border-top:1px solid var(--seam-soft);padding-top:14px}.guide-more summary{align-items:center;color:var(--signal);cursor:pointer;display:flex;font-family:var(--font-display);font-size:12px;font-weight:600;gap:7px;letter-spacing:.05em;list-style:none;text-transform:uppercase}.guide-more summary::-webkit-details-marker{display:none}.guide-more summary:before{border-bottom:1.5px solid;border-right:1.5px solid;content:"";height:5px;transform:rotate(-45deg);transition:transform .18s ease;width:5px}.guide-more[open] summary:before{transform:rotate(45deg)}.guide-more ul{color:var(--muted);display:flex;flex-direction:column;font-size:12.5px;gap:8px;line-height:1.55;list-style:none;margin-top:12px}.guide-more li{padding-left:13px;position:relative}.guide-more li:before{background:var(--signal);content:"";height:5px;left:0;position:absolute;top:7px;width:5px}.guide-more li strong{color:var(--text);font-weight:600}.guide-popup kbd{background:var(--raised);border:solid var(--seam);border-radius:var(--r-xs);border-width:1px 1px 2px;color:var(--text);display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;line-height:1.5;min-width:20px;padding:1px 6px;text-align:center}.guide-actions{align-items:center;background:linear-gradient(180deg,#0000,var(--panel-2) 22%);bottom:-24px;display:flex;gap:8px;margin-bottom:-24px;margin-top:20px;padding:14px 0 24px;position:-webkit-sticky;position:sticky}.guide-social-btn{align-items:center;border-radius:var(--r-xs);display:flex;flex-shrink:0;height:44px;justify-content:center;text-decoration:none;transition:opacity .15s,transform .15s;width:44px}.guide-social-btn:hover{opacity:.88;transform:translateY(-1px)}.guide-social-btn.discord{background:#5865f2;color:#fff}.guide-social-btn.twitter{background:#000;border:1px solid var(--seam);color:#fff}.guide-close-btn{background:var(--signal);border:none;-webkit-clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);color:#0a0a0d;cursor:pointer;flex:1 1;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.06em;padding:13px 24px;text-transform:uppercase;transition:filter .15s ease,transform .15s ease}.guide-close-btn:hover{filter:brightness(1.08)}.guide-close-btn:active{transform:translateY(1px)}@media (max-width:480px){.guide-popup{margin:10px;padding:20px 18px}.guide-popup h2{font-size:19px}.guide-emote{height:40px;width:40px}.beat-mark{font-size:10.5px;width:66px}.keys-grid{gap:7px;grid-template-columns:1fr}.ramp-marks{font-size:9px}}.switch-popup{animation:alertIn .3s cubic-bezier(.2,.9,.3,1.2);bottom:20px;position:absolute;right:20px;z-index:1000}@keyframes alertIn{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}.switch-popup-content{border:1px solid color-mix(in srgb,var(--heat-hot) 55%,#0000);border-top:2px solid var(--heat-hot);box-shadow:0 16px 44px #0000008c,0 0 28px #ff6d002e;-webkit-clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);overflow:hidden;position:relative;width:330px}.switch-popup-bg{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.switch-popup-overlay{background:linear-gradient(180deg,#08080bb8,#08080bf0);padding:14px 16px 16px;position:relative;z-index:1}.switch-popup-header{align-items:center;display:flex;gap:7px;margin-bottom:10px}.switch-popup-flame{color:var(--heat-hot)}.switch-popup-flame.heat-blazing{color:var(--heat-blazing)}.switch-popup-flame.heat-warm{color:var(--heat-warm)}.switch-popup-kicker{color:var(--text);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.switch-popup-timer{font-feature-settings:"tnum";background:#00000073;border:1px solid color-mix(in srgb,var(--heat-warm) 40%,#0000);border-radius:var(--r-xs);color:var(--heat-warm);font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;margin-left:auto;padding:2px 8px}.switch-popup-name{color:var(--text);font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.2}.switch-popup-game,.switch-popup-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-popup-game{color:var(--muted);font-size:12px;margin-top:1px}.switch-popup-stats{display:flex;gap:5px;margin:10px 0 12px}.switch-popup-stats .chip{background:#0006;font-size:11px;padding:3px 9px}.switch-popup-actions{display:flex;gap:8px}.switch-popup-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-display);font-size:13px;font-weight:700;gap:7px;justify-content:center;letter-spacing:.04em;padding:10px 14px;text-transform:uppercase;transition:filter .15s ease,background .15s ease}.switch-popup-btn kbd{background:#00000040;border:1px solid #ffffff40;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:10px;font-weight:600;line-height:1.6;padding:0 5px;text-transform:none}.switch-popup-confirm{background:linear-gradient(115deg,var(--heat-warm),var(--heat-hot) 70%);-webkit-clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);color:#150800}.switch-popup-confirm:hover{filter:brightness(1.08)}.switch-popup-confirm kbd{background:#0000002e;border-color:#0000004d;color:#150800}.switch-popup-dismiss{background:#ffffff1a;color:var(--text)}.switch-popup-dismiss:hover{background:#ffffff2e}.switch-popup-dismiss kbd{border-color:#ffffff24}@media (max-width:480px){.switch-popup{bottom:10px;left:10px;right:10px}.switch-popup-content{width:auto}}
/*# sourceMappingURL=main.08c8dc5c.css.map*/