:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090c;--panel:#10151c;--panel-2:#0c1118;--line:#243041;--text:#edf2f7;--muted:#8b9bb0;--accent:#3dd6c6;--accent-ink:#04221f;--danger:#ff6b6b;--font:"IBM Plex Sans", "Segoe UI", sans-serif;--display:"IBM Plex Sans", "Segoe UI", sans-serif;--sidebar:280px}*{box-sizing:border-box}html,body,#root{background:radial-gradient(1200px 600px at 10% -10%, #14303a 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #1a2030 0%, transparent 50%), var(--bg);height:100%;min-height:100%;color:var(--text);font-family:var(--font);margin:0}.app{grid-template-columns:var(--sidebar) minmax(0, 1fr);height:100%;min-height:100%;display:grid}.sidebar{border-right:1px solid var(--line);background:color-mix(in oklab, var(--panel-2) 88%, black);flex-direction:column;gap:.85rem;min-height:100%;padding:1rem .85rem;display:flex;overflow:auto}.sidebar-head{padding:.25rem .35rem .5rem}.brand{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:.95rem;font-weight:700}.sidebar-sub{color:var(--muted);margin:.35rem 0 0;font-size:.78rem}.tab-list{flex-direction:column;gap:.45rem;display:flex}.tab-empty{color:var(--muted);margin:.4rem .35rem;font-size:.82rem;line-height:1.4}.tab-item{background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:1fr auto;align-items:stretch;gap:.25rem;display:grid}.tab-item.is-active{border-color:color-mix(in oklab, var(--accent) 45%, var(--line));background:color-mix(in oklab, var(--accent) 10%, var(--panel))}.tab-open{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;gap:.2rem;min-width:0;padding:.55rem;display:grid}.tab-title{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;min-width:0;padding:0;font-size:.86rem;font-weight:600}.tab-url{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.tab-remove{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;width:2rem;font-size:1.1rem}.tab-remove:hover{color:var(--danger);background:color-mix(in oklab, var(--danger) 12%, transparent)}.main{grid-template-rows:auto auto 1fr auto;align-content:start;gap:.75rem;min-width:0;padding:1rem 1.25rem 1.25rem;display:grid}.top{gap:.45rem;display:grid}.bar{grid-template-columns:minmax(0,1fr) auto auto auto;gap:.55rem;display:grid}.bar input{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);font:inherit;border-radius:10px;outline:none;padding:.8rem 1rem}.bar input:focus{border-color:color-mix(in oklab, var(--accent) 60%, var(--line))}.bar button,.btn-secondary,.btn-airplay{font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:0 1rem;font-weight:700}.bar button[type=submit]{background:var(--accent);color:var(--accent-ink)}.btn-secondary{background:var(--panel);color:var(--text);border:1px solid var(--line)!important}.btn-airplay{color:#111;background:#f5f5f7;align-items:center;gap:.45rem;padding-inline:.95rem;display:inline-flex}.btn-airplay:hover{filter:brightness(.96)}.bar button:disabled,.btn-secondary:disabled{opacity:.55;cursor:default}.airplay-note,.banner-error{margin:0;font-size:.88rem}.airplay-note{color:var(--muted)}.banner-error{color:var(--danger)}.player-shell{justify-self:center;width:min(100%,1100px);margin-inline:auto}.stage{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:14px;width:100%;max-height:min(62vh,620px);position:relative;overflow:hidden}.video{object-fit:contain;background:#000;width:100%;height:100%}.stage-hint,.stage-error{text-align:center;pointer-events:none;color:var(--muted);padding:0 1rem;font-size:.95rem;position:absolute;inset:auto 0 1rem}.stage-error{color:var(--danger)}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.85rem;width:min(100%,1100px);margin-inline:auto;font-size:.82rem;display:flex}.meta a{color:var(--accent)}@media (width<=960px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:220px}.bar{grid-template-columns:1fr 1fr}.bar input{grid-column:1/-1}}@media (width<=560px){.bar{grid-template-columns:1fr}}html,body{margin:0}