:root{--bg:#100e17;--panel:#1a1725;--panel-hi:#24202f;--border:#322c42;--accent:#9147ff;--accent-soft:#b98bff;--live:#ff5c4d;--text:#f1eefc;--text-muted:#948da3;--font-display:"Rajdhani", "Arial Narrow", sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-weight:700}button{cursor:pointer;font-family:inherit}input{font-family:inherit}a{color:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app{flex-direction:column;height:100%;display:flex}.app__header{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:7px 16px;display:flex}.app__brand{align-items:center;gap:8px;display:flex}.app__brand h1{color:var(--text);font-size:16px}.app__dial{background:conic-gradient(from -40deg, var(--accent), var(--accent-soft) 30%, var(--border) 31%, var(--border));border-radius:50%;flex-shrink:0;width:16px;height:16px;position:relative}.app__dial:after{content:"";background:var(--bg);border-radius:1px;width:2px;height:4px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.app__header-actions{align-items:center;gap:10px;display:flex}.app__layout-switcher{border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.app__layout-switcher button{color:var(--text-muted);border:none;border-right:1px solid var(--border);background:0 0;padding:5px 10px;font-size:12px}.app__layout-switcher button:last-child{border-right:none}.app__layout-switcher button:hover{color:var(--text)}.app__layout-switcher button.is-active{background:var(--accent);color:#fff}.app__picker-toggle{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:6px;padding:5px 10px;font-size:12px}.app__picker-toggle:hover{border-color:var(--accent-soft);color:var(--text)}.app__login{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600}.app__coffee{color:var(--text-muted);white-space:nowrap;opacity:.75;font-size:12px;text-decoration:none;transition:opacity .15s}.app__coffee:hover{opacity:1}.app__login:hover{background:var(--accent-soft)}.app__user{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.app__user button{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:6px;padding:5px 9px;font-size:11px}.app__user button:hover{color:var(--text);border-color:var(--accent-soft)}.app__avatar{border-radius:50%;width:22px;height:22px}.app__error{color:var(--live);background:#ff5c4d1f;margin:0;padding:8px 16px;font-size:13px}.app__body{flex:1;min-height:0;display:flex;position:relative}.app__sidebar{z-index:10;border-right:1px solid var(--border);background:var(--panel);flex-shrink:0;width:280px;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:2px 0 16px #00000059}.app__main{flex:1;min-width:0;padding:8px;overflow-y:auto}.setup-screen{text-align:center;max-width:560px;margin:15vh auto;padding:0 20px}.setup-screen h1{margin-bottom:16px;font-size:32px}.setup-screen p{color:var(--text-muted);line-height:1.6}.setup-screen code{background:var(--panel-hi);font-family:var(--font-mono);border-radius:4px;padding:2px 6px;font-size:.9em}.channel-picker{padding:14px}.channel-picker__search{margin-bottom:14px;position:relative}.channel-picker__search input{background:var(--panel-hi);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:9px 12px;font-size:14px}.channel-picker__search input:focus{border-color:var(--accent-soft)}.channel-picker__results{z-index:5;background:var(--panel-hi);border:1px solid var(--border);border-radius:6px;max-height:260px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.channel-picker__toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;padding:0 4px 10px;font-size:12px;display:flex}.channel-picker__toggle input{accent-color:var(--accent)}.channel-picker__toggle-count{color:var(--text-muted);opacity:.7;margin-left:auto}.channel-picker__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.channel-picker__status{color:var(--text-muted);padding:8px 4px;font-size:13px}.channel-picker__status--error{color:var(--live)}.channel-row{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.channel-row:hover{background:var(--panel-hi)}.channel-row--selected{background:#9147ff24}.channel-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.channel-row__info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.channel-row__info .channel-row__name{flex:none}.channel-row__status{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.channel-row__tag{color:var(--accent-soft);text-transform:uppercase;letter-spacing:.04em;text-align:right;min-width:40px;font-size:11px}.live-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.live-dot--on{background:var(--live);animation:2s infinite pulse;box-shadow:0 0 #ff5c4d99}.live-dot--off{background:var(--border)}@keyframes pulse{0%{box-shadow:0 0 #ff5c4d80}70%{box-shadow:0 0 0 6px #ff5c4d00}to{box-shadow:0 0 #ff5c4d00}}.stream-grid{grid-template-columns:repeat(1,1fr);gap:6px;height:100%;display:grid}.stream-grid--count-2,.stream-grid--count-3,.stream-grid--count-4,.stream-grid--count-5,.stream-grid--count-6{grid-template-columns:repeat(2,1fr)}.stream-grid--count-7,.stream-grid--count-8,.stream-grid--count-9{grid-template-columns:repeat(3,1fr)}.stream-grid--count-10,.stream-grid--count-11,.stream-grid--count-12{grid-template-columns:repeat(4,1fr)}.stream-grid--featured{grid-template-columns:1fr 240px;gap:6px;height:100%;display:grid}.featured__main{gap:6px;min-width:0;min-height:0;display:grid}.featured__main .stream-tile{min-height:0}.featured__rail{flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.featured__rail .stream-tile{aspect-ratio:16/9;flex:none;min-height:0}.stream-grid--empty{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.stream-grid__hint{font-size:13px}.stream-tile{border:1px solid var(--border);background:#000;border-radius:6px;flex-direction:column;min-height:140px;display:flex;overflow:hidden}.stream-tile__chrome{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:3px 6px;display:flex}.stream-tile__drag-handle{cursor:grab;color:var(--text-muted);touch-action:none;-webkit-user-select:none;user-select:none;padding:2px 3px;font-size:13px;line-height:1}.stream-tile__drag-handle:hover{color:var(--text)}.stream-tile__drag-handle:active{cursor:grabbing}.stream-tile__channel-num{font-family:var(--font-mono);color:var(--accent-soft);background:var(--panel-hi);letter-spacing:.03em;border-radius:4px;padding:1px 5px;font-size:10px}.stream-tile--rail .stream-tile__channel-num{display:none}.stream-tile__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500;overflow:hidden}.stream-tile--rail .stream-tile__name{font-size:11px}.stream-tile__audio,.stream-tile__remove,.stream-tile__feature{color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:12px;line-height:1}.stream-tile__audio:hover,.stream-tile__feature:hover{background:var(--panel-hi);color:var(--text)}.stream-tile__feature--active{color:var(--accent-soft);background:#9147ff2e}.stream-tile__remove:hover{color:var(--live);background:var(--panel-hi)}.stream-tile--audio{border-color:var(--accent)}.stream-tile__player{flex:1;min-height:0}.stream-tile__player iframe{border:none;width:100%;height:100%;display:block}@media (width<=720px){.app__sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:60vh}.stream-grid--count-2,.stream-grid--count-3,.stream-grid--count-4,.stream-grid--count-5,.stream-grid--count-6{grid-template-columns:1fr}.stream-grid--featured{grid-template-rows:auto auto;grid-template-columns:1fr}.featured__main{height:40vh}.featured__rail{flex-direction:row;overflow:auto hidden}.featured__rail .stream-tile{flex:0 0 200px}}