:root{--accent:#4ade80;--ink:#e6f5ec;--muted:#9bb3a6;--panel:#0000008c;--safe:48px}*{box-sizing:border-box}#stage{transform-origin:0 0;width:1920px;height:1080px;color:var(--ink);background:#000;font-family:system-ui,sans-serif;position:absolute;top:0;left:0;overflow:hidden}#watch{width:1920px;height:1080px;display:block}#watch canvas,#watch video{background:#000;width:100%;height:100%;display:block}#watch video{object-fit:contain}.rail{top:var(--safe);left:var(--safe);width:420px;max-height:calc(1080px - 2 * var(--safe) - 140px);background:var(--panel);backdrop-filter:blur(4px);border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex;position:absolute;overflow:hidden}.rail-title{color:var(--muted);letter-spacing:1px;margin-bottom:8px;font-size:28px;font-weight:700}.rail-empty{color:var(--muted);font-size:26px}.channel{color:var(--ink);cursor:default;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border:3px solid #0000;border-radius:12px;padding:16px 20px;font-size:32px;line-height:1.2;overflow:hidden}.channel.selected{color:var(--accent);font-weight:700}#chrome{left:var(--safe);right:var(--safe);bottom:var(--safe);background:var(--panel);backdrop-filter:blur(4px);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;display:flex;position:absolute}.status{color:var(--muted);font-size:30px}.controls{gap:20px;display:flex}.control{color:var(--ink);cursor:default;text-align:center;background:#ffffff14;border:3px solid #0000;border-radius:12px;min-width:180px;padding:16px 36px;font-size:32px;font-weight:600}[data-focused]{border-color:var(--accent);background:#4ade802e;outline:none;box-shadow:0 0 0 4px #4ade8059}@media (prefers-reduced-motion:reduce){.splash-spinner{animation:none}}