:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f13;--panel:#181a21;--border:#2b2e38;--text:#e5e7eb;--text-muted:#9ca3af;--accent:#7c5cff;--accent-gradient:var(--accent);--danger:#ef4444;font-family:system-ui,Segoe UI,Roboto,sans-serif}[data-theme=ember]{--bg:#190d09;--panel:#2b140c;--border:#4a2213;--text:#fdf1e2;--text-muted:#d8ab88;--accent:#f59e0b;--accent-gradient:linear-gradient(135deg, #ef4444, #f59e0b);--danger:#f87171}[data-theme=aurora]{--bg:#071a1c;--panel:#0f2b2e;--border:#17434a;--text:#e2fbfd;--text-muted:#8fd0d4;--accent:#22d3ee;--accent-gradient:linear-gradient(135deg, #22d3ee, #6366f1);--danger:#f87171}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;transition:background-color .2s,color .2s}#root{min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}.app{flex-direction:column;gap:16px;max-width:100%;min-height:100dvh;padding:16px 20px 32px;display:flex;position:relative}.app__controls{flex-direction:column;gap:16px;display:flex}.app__stage{flex-direction:column;flex:1;min-height:0;display:flex}.app__corner-controls{z-index:100;align-items:center;gap:8px;display:flex;position:fixed;top:12px;right:12px}.app__corner-controls .icon-btn{background:var(--panel);box-shadow:0 2px 8px #0000004d}.maximize-toggle{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 12px;box-shadow:0 2px 8px #0000004d}.app--maximized{padding:8px}.app--maximized .app__controls{display:none}.app--maximized .app__stage{z-index:50;background:var(--bg);padding:8px;position:fixed;inset:0;overflow:auto}.app--maximized .stream-grid,.app--maximized .spotlight-layout{height:100%}.app__header h1{margin:0;font-size:28px}.app__header p{color:var(--text-muted);margin:4px 0 0}.add-stream-form{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.add-stream-form__row{align-items:center;gap:8px;display:flex}.add-stream-form__row textarea{min-width:0;font:inherit;resize:vertical;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;flex:1;padding:8px 10px}.add-stream-form__errors{color:var(--danger);margin:0;padding-left:18px;font-size:14px}.manage-streams{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px}.manage-streams summary{cursor:pointer;font-weight:600}.manage-streams .add-stream-form{background:0 0;border:none;margin-top:12px;padding:0}.manage-streams__list{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.manage-streams__row form{align-items:center;gap:8px;display:flex}.manage-streams__handle{cursor:grab;color:var(--text-muted);flex-shrink:0}.manage-streams__row{border-radius:6px}.manage-streams__row--drag-over{outline:1px dashed var(--accent);outline-offset:2px}.manage-streams__index{color:var(--text-muted);text-align:right;min-width:20px;font-size:13px}.manage-streams__row input[type=text]{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;flex:1;min-width:0;padding:6px 10px}.manage-streams__row .icon-btn{flex-shrink:0}.manage-streams__error{color:var(--danger);margin:4px 0 0 28px;font-size:13px}.icon-btn{border:1px solid var(--border);background:var(--bg);width:30px;height:30px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;transition:filter .15s,transform 50ms;display:inline-flex}.icon-btn:hover{filter:brightness(1.2)}.icon-btn:active{transform:scale(.96)}.icon-btn--add{background:var(--accent-gradient);border-color:var(--accent);color:#fff}.icon-btn--update{background:var(--panel);border-color:var(--accent);color:var(--accent)}.icon-btn--remove{background:var(--panel);border-color:var(--danger);color:var(--danger)}.stream-tile__actions .icon-btn--remove{border-color:var(--danger);background:var(--panel);color:var(--danger)}.app__toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.layout-switch,.theme-switch,.action-switch{border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:6px 8px;display:flex}.toolbar-group__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:0 2px;font-size:11px;font-weight:600}.toolbar-group__row{align-items:center;gap:8px;display:flex}.layout-switch button,.theme-switch button,.action-switch button{background:var(--panel);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.layout-switch button{justify-content:center;width:34px;height:34px;padding:0}.layout-switch button.active,.theme-switch button.active{background:var(--accent-gradient);border-color:var(--accent);color:#fff}.action-switch .icon-btn{width:30px;height:30px;padding:0;font-size:15px}.stream-grid-empty{border:1px dashed var(--border);text-align:center;color:var(--text-muted);border-radius:8px;padding:40px}.stream-grid{flex:1;grid-auto-rows:minmax(180px,1fr);gap:12px;display:grid}.spotlight-layout{flex:1;grid-template-columns:3fr 1fr;gap:12px;display:grid;overflow-y:auto}.spotlight-item{grid-column:2;min-height:140px}.spotlight-item--main{grid-area:1/1/-1;min-height:480px}.spotlight-item .stream-tile{height:100%}.stream-tile{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.stream-tile--draggable{cursor:grab}.stream-tile--draggable:active{cursor:grabbing}.stream-tile--spotlight{border-color:var(--accent)}.stream-tile--drag-over{border-color:var(--accent);border-style:dashed}.stream-tile__toolbar{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.provider-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.provider-icon--youtube{color:#fff;background:red}.provider-icon--kick{color:#04210a;background:#53fc18}.stream-tile__label{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);flex:1;overflow:hidden}.stream-tile__actions{flex-shrink:0;gap:4px;display:flex}.stream-tile__player{flex:1;min-height:0;position:relative}.stream-tile__player iframe{border:0;width:100%;height:100%;display:block}.player-error{height:100%;color:var(--danger);text-align:center;justify-content:center;align-items:center;padding:16px;display:flex}.stream-tile__hint{color:var(--text-muted);margin:0;padding:4px 8px;font-size:11px}.help-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.help-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:100%;max-width:640px;max-height:85vh;display:flex;box-shadow:0 8px 32px #0006}.help-panel__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.help-panel__header h2{margin:0;font-size:18px}.help-panel__body{padding:4px 20px 20px;overflow-y:auto}.help-panel__body h3{color:var(--accent);margin:16px 0 6px;font-size:15px}.help-panel__body p,.help-panel__body ul{color:var(--text);margin:0 0 8px;line-height:1.5}.help-panel__body ul{padding-left:20px}.help-panel__body li{margin-bottom:4px}.help-panel__body code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 4px;font-size:.9em}