@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter-300-800-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/inter-300-800-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-dark:#0b171c;--bg-card:#112229;--bg-card-hover:#153039;--bg-surface:#183540;--border-color:#234a59;--border-focus:#317a88;--text-main:#f1f5f9;--text-muted:#9fbcc4;--text-dim:#6f929c;--accent-twitch:#317a88;--accent-twitch-hover:#275364;--accent-gold:#fda106;--accent-emerald:#10b981;--accent-danger:#ef4444;--header-height:56px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;overflow:hidden}.app-root{background:radial-gradient(circle at 50% 0,#10222a 0%,#0b171c 70%);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.app-header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:40;background-color:#112229f2;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;display:flex}.header-left,.header-center,.header-right{align-items:center;gap:10px;display:flex}.brand-badge{align-items:center;gap:8px;display:flex}.brand-logo-icon{filter:drop-shadow(0 0 8px #fda10666);font-size:22px}.brand-text{flex-direction:column;display:flex}.brand-title{color:#fff;letter-spacing:-.3px;white-space:nowrap;font-size:14px;font-weight:700}.brand-accent{color:var(--accent-gold)}.brand-subtitle{color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-size:9px;font-weight:600}.drops-pill{color:#34d399;white-space:nowrap;background-color:#10b9811f;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:flex}.live-dot{background-color:var(--accent-emerald);border-radius:50%;width:7px;height:7px}.pulse-emerald{animation:2s infinite pulse-green;box-shadow:0 0 #10b981b3}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.countdown-box{border:1px solid var(--border-color);background-color:#183540cc;border-radius:8px;align-items:center;gap:6px;padding:3px 8px;transition:all .2s;display:flex}.countdown-icon{color:var(--accent-gold)}.countdown-info{flex-direction:column;display:flex}.countdown-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);white-space:nowrap;font-size:8px}.countdown-time{color:#fda106;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.sync-timer-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.sync-timer-btn:hover{color:#fff;background-color:#ffffff1a}.pulse-alert{border-color:var(--accent-emerald);animation:1s infinite alternate pulse-gold}@keyframes pulse-gold{0%{box-shadow:0 0 4px #fda1064d}to{box-shadow:0 0 12px #fda106b3}}.orientation-selector{background-color:#0b171cf2;border:1px solid #2c5a6a;border-radius:8px;align-items:center;gap:2px;padding:2px;display:flex}.orientation-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.orientation-btn:hover{color:#fff;background-color:var(--bg-surface)}.orientation-btn.active{color:#fff;background:linear-gradient(135deg,#317a88,#275364);box-shadow:0 2px 6px #317a8866}.frame-lock-btn{border:1px dashed var(--border-color);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:4px;padding:4px 7px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.frame-lock-btn:hover{color:#fff;border-color:var(--text-muted)}.frame-lock-btn.active{border-color:var(--accent-gold);color:var(--accent-gold);background-color:#fda10626}.preset-button-group{border:1px solid var(--border-color);background-color:#0b171ce6;border-radius:8px;align-items:center;gap:3px;padding:2px;display:flex}.preset-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.preset-btn:hover{background-color:var(--bg-surface);color:#fff}.preset-btn.btn-highlight{color:#34d399;background:linear-gradient(135deg,#10b98140,#10b9811a);border:1px solid #10b9814d}.preset-btn.btn-highlight:hover{color:#fff;background:linear-gradient(135deg,#10b98166,#10b98133)}.preset-btn.btn-eco{color:#38bdf8}.preset-btn.btn-eco.active{color:#fff;background:linear-gradient(135deg,#38bdf84d,#38bdf826);border:1px solid #38bdf880;box-shadow:0 0 10px #38bdf84d}.layout-switcher{border:1px solid var(--border-color);background-color:#0b171ce6;border-radius:8px;padding:2px;display:flex}.layout-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;padding:5px 7px;transition:all .15s;display:flex}.layout-btn:hover{color:var(--text-main)}.layout-btn.active{background-color:var(--bg-surface);color:var(--accent-twitch)}.header-action-btn{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.header-action-btn:hover{color:#fff;border-color:#35687a}.help-btn{color:#e2e8f0}.external-link{color:#0b171c;white-space:nowrap;background:linear-gradient(135deg,#fda106,#e08f00);border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s;display:flex;box-shadow:0 2px 8px #fda1064d}.external-link:hover{filter:brightness(1.1);transform:translateY(-1px)}.flame-icon{color:#000}.autoplay-banner{color:#e2e8f0;z-index:30;background:linear-gradient(90deg,#1e1b4b,#1f293d);border-bottom:1px solid #9333ea66;justify-content:space-between;align-items:center;padding:6px 14px;font-size:11px;display:flex}.banner-left{align-items:center;gap:8px;display:flex}.banner-actions{align-items:center;gap:10px;display:flex}.unlock-audio-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.unlock-audio-btn:hover{filter:brightness(1.1)}.banner-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:13px}.app-stage{width:100%;height:calc(100vh - var(--header-height));background-color:#07090d;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.aspect-container{flex-direction:column;width:100%;height:100%;padding:8px;transition:all .3s;display:flex;overflow:hidden}.orientation-landscape .constrained-aspect{aspect-ratio:16/9;background-color:var(--bg-dark);border:1px solid #1d3b47;max-width:100%;max-height:100%;box-shadow:0 0 40px #000000e6}.orientation-portrait .constrained-aspect{aspect-ratio:9/16;background-color:var(--bg-dark);border:1px solid #1d3b47;max-width:100%;max-height:100%;box-shadow:0 0 40px #000000e6}.stream-layout-container{gap:8px;width:100%;height:100%}.layout-grid{grid-template-rows:1fr;grid-template-columns:repeat(3,1fr);height:100%;display:grid}.layout-focus{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;height:100%;display:grid}.layout-focus .stream-card:first-child{grid-row:span 2}.layout-stacked{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr;height:100%;display:grid}.stream-layout-resizable{box-sizing:border-box;width:100%;height:100%;position:relative;overflow:hidden}.layout-resizable-portrait{flex-direction:column;width:100%;height:100%;display:flex}.portrait-top-slot{width:100%;min-height:120px}.portrait-bottom-container{flex-direction:row;width:100%;min-height:100px;display:flex}.portrait-left-slot,.portrait-right-slot{min-width:100px;height:100%}.layout-resizable-grid,.layout-resizable-focus{flex-direction:row;width:100%;height:100%;display:flex}.focus-stack-container{flex-direction:column;min-width:120px;height:100%;display:flex}.layout-resizable-stacked{flex-direction:column;width:100%;height:100%;display:flex}.resizable-slot-box{box-sizing:border-box;min-width:0;min-height:0;position:relative}.resizable-slot-box>.stream-card{width:100%;height:100%}.layout-divider-horizontal{cursor:row-resize;-webkit-user-select:none;user-select:none;touch-action:none;z-index:10;background-color:#0000;justify-content:center;align-items:center;width:100%;height:8px;transition:background-color .15s;display:flex;position:relative}.layout-divider-horizontal:hover,.layout-divider-horizontal:active{background-color:#317a8840}.layout-divider-horizontal .divider-line{background-color:var(--border-color);pointer-events:none;height:1px;position:absolute;left:0;right:0}.layout-divider-horizontal .divider-pill-h{background-color:var(--text-dim);z-index:2;border-radius:4px;width:48px;height:4px;transition:all .15s}.layout-divider-horizontal:hover .divider-pill-h{background-color:var(--accent-twitch);width:68px;box-shadow:0 0 10px #317a88b3}.layout-divider-vertical{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;z-index:10;background-color:#0000;justify-content:center;align-items:center;width:8px;height:100%;transition:background-color .15s;display:flex;position:relative}.layout-divider-vertical:hover,.layout-divider-vertical:active{background-color:#317a8840}.layout-divider-vertical .divider-line{background-color:var(--border-color);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.layout-divider-vertical .divider-pill-v{background-color:var(--text-dim);z-index:2;border-radius:4px;width:4px;height:48px;transition:all .15s}.layout-divider-vertical:hover .divider-pill-v{background-color:var(--accent-twitch);height:68px;box-shadow:0 0 10px #317a88b3}.layout-resize-overlay,.drag-glass-overlay{z-index:999999;-webkit-user-select:none;user-select:none;background:0 0;position:fixed;inset:0}.chat-vertical-split{flex-direction:column!important}.chat-horizontal-split{flex-direction:row!important}.chat-resizer{-webkit-user-select:none;user-select:none;touch-action:none;z-index:8;background-color:#141824;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.chat-resizer-horizontal{cursor:row-resize;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);width:100%;height:6px}.chat-resizer-horizontal:hover{background-color:#317a8859}.chat-resizer-horizontal .chat-resizer-pill{background-color:var(--text-dim);border-radius:3px;width:36px;height:3px;transition:all .15s}.chat-resizer-horizontal:hover .chat-resizer-pill{background-color:var(--accent-twitch);width:50px}.chat-resizer-vertical{cursor:col-resize;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);width:6px;height:100%}.chat-resizer-vertical:hover{background-color:#317a8859}.chat-resizer-vertical .chat-resizer-pill{background-color:var(--text-dim);border-radius:3px;width:3px;height:36px;transition:all .15s}.chat-resizer-vertical:hover .chat-resizer-pill{background-color:var(--accent-twitch);height:50px}.stream-card.portrait-bottom .channel-select{max-width:95px}.stream-card.portrait-bottom .stream-header{padding:0 6px}.stream-card.portrait-bottom .stream-footer-controls{gap:4px;padding:0 6px}.stream-card.portrait-bottom .volume-slider{width:45px}.stream-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0006}.stream-card:hover{border-color:#35687a}.stream-card.is-focused{border-color:var(--accent-twitch);box-shadow:0 0 20px #317a8840}.stream-header{border-bottom:1px solid var(--border-color);background-color:#161a27;flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding:0 8px;display:flex}.stream-title-group{align-items:center;gap:6px;display:flex}.slot-badge{color:var(--accent-gold);letter-spacing:.5px;background-color:#fda10626;border:1px solid #fda1064d;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:800}.channel-select-wrapper{align-items:center;display:flex;position:relative}.channel-select{appearance:none;background-color:var(--bg-surface);border:1px solid var(--border-color);color:#fff;cursor:pointer;border-radius:5px;outline:none;padding:3px 22px 3px 7px;font-size:11px;font-weight:600}.channel-select:hover{border-color:var(--accent-twitch)}.select-arrow-icon{color:var(--text-dim);pointer-events:none;position:absolute;right:5px}.custom-channel-form{align-items:center;gap:3px;display:flex}.custom-channel-input{background-color:var(--bg-surface);border:1px solid var(--accent-twitch);color:#fff;border-radius:4px;outline:none;width:105px;padding:3px 6px;font-size:11px}.custom-channel-submit{background-color:var(--accent-twitch);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:3px 5px;font-size:9px;font-weight:700}.custom-channel-cancel{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:11px}.live-pill{color:var(--text-muted);background-color:#0000004d;border-radius:4px;align-items:center;gap:4px;padding:2px 5px;font-size:8px;font-weight:700;display:flex}.live-icon.live-active{color:var(--accent-danger);animation:1.5s infinite pulse-red}@keyframes pulse-red{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.stream-header-actions{align-items:center;gap:3px;display:flex}.icon-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;text-decoration:none;transition:all .15s;display:flex}.icon-btn:hover{background-color:var(--bg-surface);color:#fff}.icon-btn.active{background-color:var(--bg-surface);color:var(--accent-twitch)}.chat-toggle-btn{background-color:#ffffff0d;align-items:center;gap:3px;padding:3px 6px;font-size:10px;display:flex}.btn-label-sm{font-size:9px;font-weight:600}.stream-body{background-color:#000;flex:1;display:flex;position:relative;overflow:hidden}.player-viewport{background-color:#000;flex:1;height:100%;position:relative}.twitch-iframe-holder{width:100%;height:100%}.twitch-iframe-holder iframe{border:none;width:100%;height:100%}.stream-body.has-chat .player-viewport{flex:none;width:65%}.chat-viewport{border-left:1px solid var(--border-color);background-color:#18181b;flex-direction:column;width:35%;height:100%;display:flex}.chat-header{height:26px;color:var(--text-dim);background-color:#1f1f23;justify-content:space-between;align-items:center;padding:0 6px;font-size:9px;font-weight:600;display:flex}.close-chat-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:10px}.twitch-chat-iframe{border:none;flex:1;width:100%}.stream-footer-controls{border-top:1px solid var(--border-color);background-color:#151926;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;height:38px;padding:0 8px;display:flex}.audio-controls-group{align-items:center;gap:6px;display:flex}.volume-mute-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.volume-mute-btn:hover{color:#fff}.volume-mute-btn.muted{color:var(--accent-danger)}.volume-slider{width:65px;height:4px;accent-color:var(--accent-emerald);cursor:pointer}.volume-label{color:var(--text-dim);min-width:28px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.anti-mute-badge{color:#10b981;cursor:pointer;background-color:#10b9811a;border:1px solid #10b98140;border-radius:4px;align-items:center;gap:3px;padding:2px 5px;font-size:9px;font-weight:700;transition:all .15s;display:flex}.anti-mute-badge:hover,.anti-mute-badge.active{color:#fff;background-color:#10b98140;border-color:#10b981}.solo-audio-btn{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:600}.solo-audio-btn:hover{color:#fff;border-color:var(--text-muted)}.quality-controls-group{align-items:center;gap:4px;display:flex}.control-caption{color:var(--text-dim);font-size:9px}.quality-tag{border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:600}.quality-tag:hover{color:#fff;border-color:var(--text-muted)}.quality-tag.active{color:#38bdf8;background-color:#38bdf826;border-color:#38bdf8}.floating-streamers-btn{color:#fff;cursor:pointer;z-index:50;background:linear-gradient(135deg,#317a88,#6b21a8);border:none;border-radius:30px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 16px #317a8866}.floating-streamers-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #317a8899}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0009;justify-content:flex-end;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-container{background-color:var(--bg-card);border-left:1px solid var(--border-color);flex-direction:column;gap:14px;width:380px;height:100%;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) slide-in;display:flex;box-shadow:-10px 0 30px #00000080}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding-bottom:10px;display:flex}.sidebar-title-group h3{color:#fff;font-size:15px;font-weight:700}.sidebar-title-group p{color:var(--text-dim);margin-top:2px;font-size:10px}.close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:16px}.close-btn:hover{color:#fff}.add-streamer-form{gap:6px;display:flex}.add-streamer-input{background-color:var(--bg-surface);border:1px solid var(--border-color);color:#fff;border-radius:6px;outline:none;flex:1;padding:7px 10px;font-size:11px}.add-streamer-input:focus{border-color:var(--accent-twitch)}.add-streamer-btn{background-color:var(--accent-twitch);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:0 10px;font-size:11px;font-weight:600;display:flex}.sidebar-search-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;align-items:center;padding:0 8px;transition:border-color .15s;display:flex}.sidebar-search-box:focus-within{border-color:var(--accent-twitch)}.sidebar-search-icon{color:var(--text-dim);flex-shrink:0;margin-right:6px}.sidebar-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:7px 0;font-size:11px}.sidebar-search-input::placeholder{color:var(--text-dim)}.sidebar-search-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.sidebar-search-clear:hover{color:#fff}.streamers-empty-state{text-align:center;color:var(--text-dim);border:1px dashed var(--border-color);background:#ffffff05;border-radius:6px;padding:24px 12px;font-size:11px}.streamers-list{flex-direction:column;flex:1;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.streamers-list::-webkit-scrollbar{width:4px}.streamers-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.streamer-row{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:7px;justify-content:space-between;align-items:center;padding:7px 10px;transition:all .15s;display:flex}.streamer-row:hover{background-color:var(--bg-card-hover);border-color:#35687a}.streamer-row.is-active-row{border-color:var(--accent-gold);background-color:#fda1060d}.streamer-info{align-items:center;gap:8px;display:flex}.streamer-avatar-wrapper{flex-shrink:0;width:28px;height:28px;position:relative}.streamer-avatar-img{object-fit:cover;border:1px solid #ffffff1f;border-radius:50%;width:28px;height:28px;display:block}.streamer-avatar-ph{color:#fff;background:linear-gradient(135deg,#317a88,#4338ca);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.streamer-name-details{flex-direction:column;display:flex}.streamer-name{color:#fff;font-size:12px;font-weight:600}.streamer-twitch-link{color:var(--text-dim);font-size:9px;text-decoration:none}.slot-assign-buttons{align-items:center;gap:3px;display:flex}.slot-target-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background-color:#ffffff0d;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;transition:all .15s;display:flex}.slot-target-btn:hover{background-color:var(--accent-twitch);border-color:var(--accent-twitch);color:#fff}.slot-target-btn.current{background-color:var(--accent-gold);border-color:var(--accent-gold);color:#0b171c}.delete-streamer-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px}.delete-streamer-btn:hover{color:var(--accent-danger)}.sidebar-presets{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;padding-top:10px;display:flex}.sidebar-presets-title{color:var(--text-dim);text-transform:uppercase;font-size:10px;font-weight:600}.quick-combos{flex-direction:column;gap:5px;display:flex}.combo-btn{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:500;transition:all .15s;display:flex}.combo-btn:hover{background-color:var(--bg-card-hover);border-color:var(--accent-twitch)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) pop-in;display:flex;overflow:hidden;box-shadow:0 10px 40px #000000b3}@keyframes pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);background-color:#13262e;justify-content:space-between;align-items:flex-start;padding:14px 18px;display:flex}.modal-badge{color:var(--accent-gold);letter-spacing:.8px;font-size:9px;font-weight:800}.modal-title-group h2{color:#fff;margin-top:2px;font-size:16px;font-weight:700}.modal-body{flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.tip-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;gap:12px;padding:12px;display:flex}.tip-card.highlight-card{background:linear-gradient(135deg,#fda10614,#112229f2);border-color:#fda10666}.tip-icon-box{flex-shrink:0}.tip-content h4{color:#fff;margin-bottom:4px;font-size:13px;font-weight:700}.tip-content p{color:var(--text-muted);margin-bottom:4px;font-size:11px;line-height:1.5}.tip-content code{color:#fda106;background-color:#0006;border-radius:4px;padding:2px 4px;font-family:JetBrains Mono,monospace;font-size:10px}.tip-steps{color:#e2e8f0;background-color:#0000004d;border-radius:5px;flex-direction:column;gap:3px;margin:5px 0;padding:6px 10px;font-size:11px;display:flex}.tip-note{color:#34d399!important;font-size:10px!important}.status-red{color:var(--accent-danger);font-weight:700}.status-green{color:var(--accent-emerald);font-weight:700}.text-warning{color:var(--accent-gold)}.text-emerald{color:var(--accent-emerald)}.text-cyan{color:#38bdf8}.text-indigo{color:#818cf8}.text-purple{color:#c084fc}.modal-footer{border-top:1px solid var(--border-color);background-color:#13262e;justify-content:flex-end;padding:12px 18px;display:flex}.primary-modal-btn{background:linear-gradient(135deg, var(--accent-twitch), #275364);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 12px #317a8866}.primary-modal-btn:hover{filter:brightness(1.1)}@media (width<=950px){.app-header{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.app-stage{height:calc(100vh - 100px)}.preset-button-group,.orientation-selector{overflow-x:auto}}.preset-btn.btn-autoreplace{color:var(--accent-gold)}.preset-btn.btn-autoreplace.active{color:#fda106;background:linear-gradient(135deg,#fda10640,#fda1061a);border:1px solid #fda10666}.spin-slow{animation:8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preset-btn.btn-antipause{color:var(--accent-emerald)}.preset-btn.btn-antipause.active{color:#34d399;background:linear-gradient(135deg,#10b98140,#10b9811a);border:1px solid #10b98166}.stream-offline-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0c0e14e0;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;animation:.3s fade-in;display:flex;position:absolute;top:0;left:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.offline-card{text-align:center;background-color:#13262e;border:1px solid #2c5a6a;border-radius:10px;flex-direction:column;align-items:center;gap:10px;max-width:380px;padding:18px 20px;display:flex;box-shadow:0 10px 30px #0009}.offline-tag{color:var(--accent-danger);letter-spacing:.6px;font-size:11px;font-weight:800}.offline-desc{color:var(--text-muted);font-size:12px}.replace-live-btn{background:linear-gradient(135deg, var(--accent-twitch), #275364);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:transform .15s,filter .15s;display:flex;box-shadow:0 4px 14px #317a8866}.replace-live-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.toast-notification{z-index:150;animation:.3s cubic-bezier(.16,1,.3,1) toast-drop;position:fixed;top:70px;left:50%;transform:translate(-50%)}@keyframes toast-drop{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.toast-content{color:#fff;background:linear-gradient(135deg,#183540,#112229);border:1px solid #10b98180;border-radius:30px;align-items:center;gap:10px;padding:10px 18px;font-size:12px;display:flex;box-shadow:0 8px 30px #0009,0 0 15px #10b98133}.toast-text{font-weight:600}.toast-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:6px;font-size:13px}.toast-close:hover{color:#fff}.streamer-name-line{align-items:center;gap:8px;display:flex}.sidebar-live-tag{color:#34d399;background-color:#10b98126;border:1px solid #10b98159;border-radius:4px;align-items:center;gap:4px;padding:1px 5px;font-size:9px;font-weight:800;display:inline-flex}.sidebar-live-icon{color:#10b981}.sidebar-offline-tag{color:var(--text-dim);font-size:9px}.presence-btn{color:#fda106;background-color:#fda1061f;border:1px solid #fda10659}.presence-btn:hover{border-color:var(--accent-gold);color:#fff;background-color:#fda10640}.presence-modal-content{max-width:660px}.diagnostic-box{background:linear-gradient(135deg,#ef44441a,#112229f2);border:1px solid #ef44444d;border-radius:10px;gap:14px;padding:14px;display:flex}.diag-icon{flex-shrink:0;margin-top:2px}.diag-text h4{color:#fff;margin-bottom:6px;font-size:13px;font-weight:700}.diag-text p{color:var(--text-muted);margin-bottom:6px;font-size:12px;line-height:1.5}.diag-text code{color:#fda106;background-color:#0006;border-radius:4px;padding:2px 5px;font-family:JetBrains Mono,monospace;font-size:11px}.diag-warn{color:#fca5a5!important;font-size:11px!important}.solution-section{background:linear-gradient(135deg,#10b9811a,#112229f2);border:1px solid #10b98159;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.solution-header{align-items:center;gap:8px;display:flex}.solution-header h3{color:#34d399;font-size:14px;font-weight:700}.solution-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.solution-action-box{flex-direction:column;align-items:flex-start;gap:6px;margin-top:4px;display:flex}.open-all-popouts-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;transition:transform .15s,filter .15s;display:flex;box-shadow:0 4px 14px #10b98166}.open-all-popouts-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.sub-note{color:var(--text-dim);font-size:10px}.channels-presence-list{flex-direction:column;gap:6px;margin-top:6px;display:flex}.list-title{color:var(--text-dim);text-transform:uppercase;font-size:10px;font-weight:600}.channel-chips-row{flex-wrap:wrap;gap:6px;display:flex}.channel-popout-chip{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;transition:all .15s;display:flex}.channel-popout-chip:hover{border-color:var(--accent-twitch);background-color:var(--bg-card-hover)}.recap-steps{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.recap-steps h4{color:#fff;font-size:12px;font-weight:700}.recap-step-item{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:11px;line-height:1.4;display:flex}.step-num{background-color:var(--accent-twitch);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.fav-header-pill{color:#fda106;white-space:nowrap;background-color:#eab3081f;border:1px solid #eab30859;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;transition:all .2s;display:flex}.fav-header-pill:hover{background-color:#eab30833;border-color:#eab30899}.slot-fav-btn{cursor:pointer;color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;transition:all .2s;display:flex}.slot-fav-btn:hover{color:#fda106;background:#eab30826;border-color:#eab30866}.slot-fav-btn.is-fav{color:#fda106;background:#eab3082e;border-color:#eab30880}.fav-pill-text{letter-spacing:.5px;font-size:10px;font-weight:700}.favorites-panel{background:linear-gradient(135deg,#183540e6 0%,#112229f2 100%);border:1px solid #eab3084d;border-radius:10px;flex-direction:column;gap:8px;margin:12px 16px;padding:12px 14px;display:flex;box-shadow:0 4px 14px #0000004d}.favorites-header{justify-content:space-between;align-items:center;display:flex}.favorites-title{color:#fff;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.fav-count-pill{color:#fda106;background-color:#eab30833;border:1px solid #eab30866;border-radius:12px;padding:1px 6px;font-size:10px;font-weight:700}.fav-count-pill.is-max{color:#34d399;background-color:#10b98133;border-color:#10b98166}.fav-rule-tag{text-transform:uppercase;letter-spacing:.5px;color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.favorites-desc{color:var(--text-dim);align-items:flex-start;gap:6px;margin:0;font-size:11px;line-height:1.4;display:flex}.favorites-desc strong{color:#f1f5f9}.favorites-desc em{color:#fca5a5;font-style:normal}.favorites-desc .info-icon{color:var(--accent-twitch);flex-shrink:0;margin-top:2px}.favorite-chips-list{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.no-favs-hint{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;font-style:italic;display:flex}.inline-star{color:var(--text-muted)}.fav-chip{color:#fef08a;background-color:#eab3081f;border:1px solid #eab30859;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.fav-chip.chip-live{color:#a7f3d0;background-color:#10b98126;border-color:#10b98173;box-shadow:0 0 8px #10b98133}.fav-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.fav-live-dot{background-color:var(--accent-emerald);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-green}.fav-chip-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px;line-height:1;transition:color .15s}.fav-chip-remove:hover{color:#ef4444}.star-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.star-toggle-btn:hover{background-color:#eab30826;transform:scale(1.1)}.star-gold{color:#fda106}.fill-gold{fill:#fda106}.star-dim{color:#475569}.star-toggle-btn:hover .star-dim{color:#fda106}.is-favorite-row{background-color:#eab3080d;border-left:3px solid #fda106!important}.fav-inline-badge{color:#fda106;text-transform:uppercase;letter-spacing:.4px;background-color:#eab30826;border:1px solid #eab3084d;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700}.drops-header-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-weight:600;transition:all .2s;display:flex;color:#fb923c!important;background:linear-gradient(135deg,#f973162e 0%,#ea580c47 100%)!important;border:1px solid #f9731666!important}.drops-header-btn:hover{transform:translateY(-1px);box-shadow:0 0 12px #f9731640;background:linear-gradient(135deg,#f9731647 0%,#ea580c73 100%)!important;border-color:#f97316b3!important}.drops-modal-backdrop{z-index:1050;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#081115d9;justify-content:center;align-items:center;padding:20px;display:flex}.drops-modal-container{background-color:#0e111b;border:1px solid #f9731659;border-radius:14px;flex-direction:column;width:92vw;max-width:1200px;height:88vh;transition:all .25s ease-in-out;animation:.2s ease-out modal-enter;display:flex;overflow:hidden;box-shadow:0 16px 40px #000000b3,0 0 30px #f9731626}.drops-modal-container.is-expanded{width:98vw;max-width:none;height:96vh}@keyframes modal-enter{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.drops-modal-header{border-bottom:1px solid var(--border-color);background-color:#141926;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.drops-modal-title{align-items:center;gap:10px;display:flex}.flame-badge{color:#f97316;background:#f9731626;border:1px solid #f9731659;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.drops-modal-title h3{color:#fff;margin:0;font-size:14px;font-weight:700;line-height:1.2}.drops-modal-sub{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.drops-modal-actions{align-items:center;gap:8px;display:flex}.drops-action-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background-color:#ffffff0d;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.drops-action-btn:hover{color:#fff;background-color:#ffffff1a;border-color:#fff3}.drops-action-btn.icon-only{padding:6px 8px}.drops-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.drops-close-btn:hover{color:#fff;background-color:#ef444433}.drops-modal-notice{color:#fed7aa;background-color:#f9731614;border-bottom:1px solid #f9731633;align-items:center;gap:8px;padding:8px 18px;font-size:11px;display:flex}.drops-modal-notice code{font-family:var(--font-mono);color:#f97316;background-color:#0000004d;border-radius:4px;padding:2px 5px}.drops-iframe-wrapper{background-color:#0b0e17;flex:1;width:100%;height:100%;position:relative}.drops-iframe{border:none;width:100%;height:100%;display:block}.streamer-subline{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.replay-badge-tag{color:#8fc0c8;text-transform:uppercase;letter-spacing:.3px;background:#498e9926;border:1px solid #498e9959;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-flex}.replay-sub-tag{color:#94a3b8;font-size:9px;font-style:italic}.twitch-header-btn{color:#d6eaee;cursor:pointer;background:linear-gradient(135deg,#317a8826,#27536440);border:1px solid #317a8866;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.twitch-header-btn:hover{color:#fff;background:linear-gradient(135deg,#317a884d,#27536473);border-color:#317a88;box-shadow:0 0 12px #317a8859}.twitch-header-btn.is-logged-out{color:#fff;background:#317a88;border-color:#317a88;padding:6px 12px}.twitch-header-btn.is-logged-out:hover{background:#275364;border-color:#a970ff}.twitch-header-btn.is-logged-in{background:#317a882e;border-color:#317a8880;padding:4px 8px}.twitch-header-user-avatar{object-fit:cover;border:1px solid #317a88;border-radius:50%;width:20px;height:20px}.twitch-header-user-name{color:#e6f2f4;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:11px;font-weight:600;overflow:hidden}.twitch-header-live-badge{color:#fca5a5;background-color:#ef444440;border:1px solid #ef444480;border-radius:10px;padding:1px 5px;font-size:9px;font-weight:700}.sidebar-source-tabs{border:1px solid var(--border-color);background-color:#11222999;border-radius:7px;gap:3px;margin-bottom:2px;padding:3px;display:flex}.source-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.source-tab-btn:hover{color:#fff;background-color:#ffffff0d}.source-tab-btn.active{background-color:var(--bg-surface);color:#fff;border:1px solid #ffffff1a;box-shadow:0 1px 3px #0006}.sidebar-twitch-login-prompt{text-align:center;background:#317a880d;border:1px dashed #317a884d;border-radius:8px;flex-direction:column;align-items:center;gap:10px;margin:10px 0;padding:24px 16px;display:flex}.sidebar-twitch-login-prompt p{color:var(--text-dim);margin:0;font-size:11px;line-height:1.4}.sidebar-twitch-login-btn{background-color:var(--accent-twitch);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:7px 14px;font-size:11px;font-weight:600;transition:all .15s}.sidebar-twitch-login-btn:hover{background-color:#275364;transform:translateY(-1px)}.twitch-modal-container{max-width:580px;max-height:90vh}.twitch-modal-brand{align-items:center;gap:8px;display:flex}.twitch-modal-brand h3{color:#fff;margin:0;font-size:14px;font-weight:700}.text-twitch{color:#317a88}.twitch-auth-card{flex-direction:column;gap:14px;padding:10px 0;display:flex}.twitch-auth-banner{background:linear-gradient(135deg,#317a881f,#27536466);border:1px solid #317a884d;border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.twitch-icon-circle{color:#fff;background:linear-gradient(135deg,#317a88,#6366f1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #317a8866}.twitch-auth-desc h4{color:#fff;margin:0 0 4px;font-size:13px}.twitch-auth-desc p{color:var(--text-dim);margin:0;font-size:11px;line-height:1.45}.twitch-oauth-actions{flex-direction:column;gap:8px;display:flex}.twitch-primary-connect-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#317a88,#275364);border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #317a8859}.twitch-primary-connect-btn:hover{background:linear-gradient(135deg,#275364,#275364);transform:translateY(-1px);box-shadow:0 6px 18px #317a8880}.redirect-info-box{border:1px solid var(--border-color);background:#11222999;border-radius:7px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.redirect-info-header{color:var(--text-muted);align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.redirect-input-group{gap:6px;display:flex}.redirect-uri-input{border:1px solid var(--border-color);color:#93c5fd;font-family:var(--font-mono);background:#090d16;border-radius:5px;outline:none;flex:1;padding:6px 8px;font-size:11px}.redirect-copy-btn{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0 10px;display:flex}.redirect-copy-btn:hover{color:#fff;border-color:#fff}.redirect-hint{color:var(--text-dim);font-size:10px;line-height:1.35}.manual-token-details{border-top:1px solid var(--border-color);color:var(--text-dim);padding-top:10px;font-size:11px}.manual-token-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}.manual-token-form{gap:6px;margin-top:8px;display:flex}.manual-token-input{background:var(--bg-surface);border:1px solid var(--border-color);color:#fff;border-radius:5px;outline:none;flex:1;padding:6px 8px;font-size:11px}.manual-token-btn{background-color:var(--accent-twitch);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:0 12px;font-size:11px;font-weight:600}.manual-token-error{color:var(--accent-danger);margin-top:4px;font-size:10px;display:block}.twitch-profile-card{flex-direction:column;gap:12px;display:flex}.twitch-profile-top{background:linear-gradient(135deg,#317a881f,#2753644d);border:1px solid #317a8840;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.twitch-profile-info{align-items:center;gap:10px;display:flex}.twitch-profile-avatar{object-fit:cover;border:2px solid #317a88;border-radius:50%;width:36px;height:36px}.twitch-profile-names{flex-direction:column;display:flex}.twitch-name-line{align-items:center;gap:8px;display:flex}.twitch-display-name{color:#fff;font-size:13px;font-weight:700}.twitch-status-pill{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d;border-radius:10px;align-items:center;gap:4px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-flex}.twitch-login-tag{color:var(--text-dim);font-size:10px}.twitch-profile-controls{align-items:center;gap:6px;display:flex}.twitch-refresh-btn,.twitch-logout-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:5px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.twitch-refresh-btn:hover{color:#fff;border-color:#317a88}.twitch-logout-btn:hover{color:#fca5a5;border-color:var(--accent-danger);background:#ef444426}.twitch-tabs{border:1px solid var(--border-color);background:#11222999;border-radius:7px;gap:4px;padding:3px;display:flex}.twitch-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 6px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.twitch-tab-btn:hover{color:#fff}.twitch-tab-btn.active{background:var(--bg-surface);color:#fff;border:1px solid #ffffff1a;box-shadow:0 1px 3px #0006}.twitch-tab-content{flex:1;padding-top:6px;overflow-y:auto}.settings-sync-panel{flex-direction:column;gap:12px;display:flex}.settings-status-box{background:#fda1060d;border:1px solid #fda10640;border-radius:7px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.settings-summary-text h5{color:#ffe9bf;margin:0 0 3px;font-size:12px}.settings-summary-text p{color:var(--text-dim);margin:0;font-size:10px;line-height:1.4}.settings-summary-text code{color:var(--accent-gold)}.save-status-banner{color:#6ee7b7;text-align:center;background:#10b98126;border:1px solid #10b98166;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:600}.sync-actions-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sync-action-card{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:7px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.sync-action-card:hover{background:var(--bg-card-hover);border-color:#4b5563;transform:translateY(-1px)}.sync-action-meta strong{color:#fff;margin-bottom:2px;font-size:11px;display:block}.sync-action-meta small{color:var(--text-dim);font-size:9px;line-height:1.25;display:block}.current-config-summary{border:1px solid var(--border-color);background:#11222980;border-radius:7px;padding:10px 12px}.current-config-summary h6{color:var(--text-muted);margin:0 0 8px;font-size:11px}.config-badges{flex-wrap:wrap;gap:6px;display:flex}.config-badge{border:1px solid var(--border-color);color:#e2e8f0;background:#ffffff0d;border-radius:5px;padding:3px 7px;font-size:10px}.twitch-streams-list,.twitch-subs-list{flex-direction:column;gap:8px;padding-right:4px;display:flex}.twitch-stream-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:7px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.twitch-stream-card:hover{background:var(--bg-card-hover);border-color:#35687a}.twitch-stream-card.is-active-slot{border-color:var(--accent-gold);background:#fda1060d}.twitch-stream-thumb-wrap{background:#000;border-radius:5px;flex-shrink:0;width:90px;height:52px;position:relative;overflow:hidden}.twitch-stream-thumb{object-fit:cover;width:100%;height:100%}.twitch-viewers-badge{color:#fca5a5;background:#000c;border-radius:3px;align-items:center;gap:3px;padding:1px 4px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:2px;left:2px}.twitch-stream-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.twitch-stream-header-line{justify-content:space-between;align-items:center;gap:6px;display:flex}.twitch-stream-name{color:#fff;font-size:12px;font-weight:700}.twitch-game-name{color:#93c5fd;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:10px;overflow:hidden}.twitch-stream-title{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;overflow:hidden}.twitch-stream-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.twitch-quick-assign{align-items:center;gap:3px;display:flex}.quick-assign-label{color:var(--text-dim);margin-right:2px;font-size:9px}.twitch-slot-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;transition:all .15s;display:flex}.twitch-slot-btn:hover{background:var(--accent-twitch);border-color:var(--accent-twitch);color:#fff}.twitch-slot-btn.current{background:var(--accent-gold);border-color:var(--accent-gold);color:#0b171c}.twitch-fav-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:3px;display:flex}.twitch-fav-btn:hover,.twitch-fav-btn.is-fav{color:var(--accent-gold)}.twitch-add-list-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.twitch-add-list-btn:hover{color:#fff;border-color:#fff}.twitch-sub-row{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:7px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.twitch-sub-left{align-items:center;gap:8px;display:flex}.twitch-sub-avatar-ph{color:#fff;background:linear-gradient(135deg,#fda106,#e08f00);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.twitch-sub-info{flex-direction:column;display:flex}.twitch-sub-name-line{align-items:center;gap:6px;display:flex}.twitch-sub-name{color:#fff;font-size:12px;font-weight:600}.twitch-tier-badge{color:#ffd98a;background:#fda10626;border:1px solid #fda10659;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700}.twitch-sub-login{color:var(--text-dim);font-size:9px}.twitch-sub-actions{align-items:center;gap:4px;display:flex}.empty-twitch-state{text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:8px;padding:30px 16px;font-size:11px;display:flex}.empty-hint{color:var(--text-muted);font-size:9px}.empty-refresh-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:5px;align-items:center;gap:4px;margin-top:6px;padding:5px 12px;font-size:10px;font-weight:600;display:inline-flex}.empty-refresh-btn:hover{color:#fff;border-color:#317a88}.spinning{animation:1s linear infinite spin}.landing-page{background:radial-gradient(900px 500px at 50% -10%, #317a8838, transparent 60%), var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.landing-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:16px;width:100%;max-width:460px;padding:36px 32px 28px;box-shadow:0 24px 60px #00000073}.landing-logo{margin-bottom:12px;font-size:44px;line-height:1}.landing-title{color:var(--text-main);font-size:26px;font-weight:800}.landing-tagline{color:var(--text-muted);margin:10px 0 24px;font-size:14px;line-height:1.5}.landing-connected{flex-direction:column;align-items:stretch;gap:12px;display:flex}.landing-user{background:var(--bg-surface);border:1px solid var(--border-color);text-align:left;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.landing-avatar{border:2px solid var(--accent-twitch);object-fit:cover;border-radius:50%;width:44px;height:44px}.landing-hello{color:var(--text-main);font-size:15px;font-weight:700}.landing-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.landing-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-size:15px;font-weight:700;transition:background .2s,transform .1s;display:flex}.landing-btn:active{transform:scale(.98)}.landing-btn:focus-visible,.landing-link:focus-visible{outline-offset:2px;outline:2px solid #c4a3ff}.landing-btn-twitch{background:var(--accent-twitch)}.landing-btn-twitch:hover{background:var(--accent-twitch-hover)}.landing-btn-primary{background:var(--accent-emerald)}.landing-btn-primary:hover{background:#0d9668}.landing-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-self:center;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.landing-link:hover{color:var(--text-main)}.landing-hint{color:var(--text-dim);font-size:12px;line-height:1.5}.landing-status{color:var(--text-main);justify-content:center;align-items:center;gap:10px;padding:14px;font-size:14px;display:flex}.landing-message{color:#fca5a5;text-align:left;background:#ef44441f;border:1px solid #ef444466;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;font-size:12px;display:flex}.landing-message button{color:inherit;cursor:pointer;background:0 0;border:none}.landing-features{border-top:1px solid var(--border-color);text-align:left;flex-direction:column;gap:10px;margin-top:26px;padding-top:20px;list-style:none;display:flex}.landing-features li{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:12px;line-height:1.4;display:flex}.landing-features svg{color:var(--accent-twitch);flex-shrink:0;margin-top:1px}@media (width<=480px){.landing-card{padding:28px 20px 22px}}.hdr-brand{letter-spacing:-.3px;color:#f3f4f6;white-space:nowrap;font-size:17px;font-weight:800}.hdr-brand .brand-accent{color:#fda106}.header-right{flex-wrap:nowrap;gap:6px}.hdr-sep{background:var(--border-color,#ffffff1a);width:1px;height:22px;margin:0 4px}.hdr-icon-btn{cursor:pointer;border:1px solid var(--border-color,#ffffff1a);color:#d1d5db;background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.hdr-icon-btn:hover,.hdr-icon-btn.is-open{color:#fff;background:#498e992e;border-color:#498e9980}.hdr-icon-btn.is-highlight{color:#34d399;border-color:#34d39966}.hdr-icon-btn.is-drops{color:#fb923c;border-color:#fb923c66}.hdr-badge{color:#111;background:#498e99;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);color:#f3f4f6;white-space:nowrap;pointer-events:none;z-index:200;background:#0b0d14;border:1px solid #ffffff1f;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:500;line-height:1.3;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000080}.header-right [data-tip]:last-child:hover:after,.header-right>[data-tip]:nth-last-child(-n+2):hover:after{left:auto;right:0;transform:none}.hdr-menu{position:relative}.hdr-popover{z-index:300;background:#12151f;border:1px solid #ffffff1f;border-radius:12px;min-width:250px;max-width:calc(100vw - 24px);padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 40px #0009}.hdr-popover-title{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;padding:6px 10px 4px;font-size:11px}.hdr-popover-sep{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;border-top:1px solid #ffffff12;margin-top:4px;padding:8px 10px 3px;font-size:11px}.hdr-menu-item{color:#e5e7eb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;display:flex}.hdr-menu-item:hover{background:#498e9926}.hdr-menu-item.is-active{color:#498e99}.hdr-menu-label{flex:1}.hdr-menu-check{color:#498e99}@media (width<=720px){.app-header{gap:6px;padding:0 8px}.hdr-hide-sm{display:none!important}.hdr-brand{font-size:15px}.hdr-icon-btn{width:34px;height:34px}.hdr-sep{display:none}.header-right{gap:4px}.hdr-menu{position:static}.hdr-popover{top:calc(var(--header-height) + 4px);min-width:0;position:fixed;left:8px;right:8px}[data-tip]:hover:after{display:none}}.landing-disclaimer{text-align:center;color:#6b7280;max-width:420px;margin-top:18px;font-size:12px}.landing-logo{width:min(320px,75vw);height:auto;margin:0 auto;display:block}.landing-page{position:relative;overflow:hidden}.landing-page>:not(.warp-bg){z-index:1;position:relative}.warp-bg{z-index:0;pointer-events:none;clip-path:inset(0);width:100%;height:100%;perspective:var(--perspective);transform-style:preserve-3d;position:absolute;top:0;left:0;overflow:hidden;container-type:size}.warp-face{transform-style:preserve-3d;background:linear-gradient(var(--grid-color) 0 1px, transparent 1px var(--beam-size)) 50% -.5px / var(--beam-size) var(--beam-size), linear-gradient(90deg, var(--grid-color) 0 1px, transparent 1px var(--beam-size)) 50% 50% / var(--beam-size) var(--beam-size);height:100cqmax;position:absolute;container-type:inline-size}.warp-top{transform-origin:50% 0;width:100cqi;top:0;transform:rotateX(-90deg)}.warp-bottom{transform-origin:50% 0;width:100cqi;top:100%;transform:rotateX(-90deg)}.warp-left{transform-origin:0 0;width:100cqh;top:0;left:0;transform:rotate(90deg)rotateX(-90deg)}.warp-right{transform-origin:100% 0;width:100cqh;top:0;right:0;transform:rotate(-90deg)rotateX(-90deg)}.warp-beam{top:0;left:var(--x);width:var(--width);aspect-ratio:1 / var(--ratio);background:linear-gradient(var(--color), transparent);animation:linear infinite warp-beam;position:absolute}@keyframes warp-beam{0%{transform:translate(-50%,100cqmax)}to{transform:translate(-50%,-100%)}}@media (prefers-reduced-motion:reduce){.warp-beam{opacity:.4;animation:none}}:focus-visible{outline-offset:2px;outline:2px solid #fda106}.landing-disclaimer{color:#9fbcc4}.site-footer{text-align:center;color:#9fbcc4;padding:16px;font-size:12.5px}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:8px;display:flex}.site-footer a{color:#9fbcc4;text-underline-offset:2px;text-decoration:underline}.site-footer a:hover{color:#fda106}.legal-page{background:var(--bg-dark);height:100vh;padding:24px 16px;overflow-y:auto}.legal-card{background:var(--bg-card);border:1px solid var(--border-color);max-width:760px;color:var(--text-main);border-radius:14px;margin:0 auto;padding:28px clamp(16px,4vw,36px);line-height:1.65}.legal-card h1{margin:12px 0 4px;font-size:26px}.legal-card h2{color:#fda106;margin:26px 0 8px;font-size:17px}.legal-card p,.legal-card li{color:var(--text-main);font-size:14.5px}.legal-card ul{gap:8px;margin:8px 0;padding-left:20px;display:grid}.legal-card a{color:#8fc0c8;text-underline-offset:2px;text-decoration:underline}.legal-back{font-size:13.5px}.legal-updated{margin-bottom:8px;color:var(--text-muted)!important;font-size:13px!important}.legal-todo{color:#ffd98a;background:#fda10633;border-radius:4px;padding:0 4px}