:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7eef8;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle,#18354c,#07111f 65%);place-items:center;min-width:320px;min-height:100vh;margin:0;padding:2rem;display:grid}.player-shell{background:#07111fd1;border:1px solid #5eead447;border-radius:1.5rem;width:min(54rem,100%);padding:clamp(2rem,7vw,5rem)}.status-light{background:#5eead4;border-radius:999px;width:.75rem;height:.75rem;box-shadow:0 0 1.5rem #5eead4}.eyebrow,dt{color:#5eead4;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:700}h1{letter-spacing:-.05em;max-width:13ch;margin:1.25rem 0;font-size:clamp(2.2rem,7vw,5.25rem);line-height:.98}p,dd{color:#bac7d9;line-height:1.7}dl{gap:1rem;margin:2rem 0 0;display:grid}dl div{border-top:1px solid #94a3b833;padding-top:1rem}dd{margin:.35rem 0 0}.pairing-button{color:#07111f;cursor:pointer;background:#5eead4;border:0;border-radius:.75rem;margin-top:1.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:700}.pairing-button--muted{color:#bac7d9;background:0 0;border:1px solid #94a3b866}.pairing-code-box{background:#5eead40f;border:1px solid #5eead447;border-radius:1rem;margin-top:1.5rem;padding:1.5rem}.pairing-code{letter-spacing:.15em;margin:.5rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2rem,8vw,3.5rem);font-weight:700}.pairing-countdown{color:#5eead4;font-weight:600}[role=alert]{color:#fca5a5}.player-runtime-shell{background:#02060b;position:fixed;inset:0;overflow:hidden}.player-runtime-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02060bbd;border:1px solid #94a3b82e;border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .8rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.player-runtime-header>div{align-items:center;gap:.7rem;display:flex}.player-runtime-header .status-light{flex:none}.player-runtime-header strong,.player-runtime-header small{display:block}.player-runtime-header small{color:#94a3b8;margin-top:.1rem}.player-runtime-header .pairing-button{margin:0;padding:.55rem .8rem;font-size:.78rem}.playlist-player,.playback-stage{width:100%;height:100%}.playback-stage{background:#02060b;place-items:center;display:grid;overflow:hidden}.playback-media{object-fit:contain;background:#02060b;width:100%;height:100%}.player-ready-screen{text-align:center;background:radial-gradient(circle at top,#18354c9e,#07111fe0);border:1px solid #5eead43d;border-radius:1.5rem;width:min(42rem,100% - 3rem);padding:clamp(2rem,7vw,5rem)}.player-ready-screen h2{letter-spacing:-.04em;margin:.6rem 0;font-size:clamp(1.8rem,5vw,3.8rem)}.player-kicker{color:#5eead4;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.player-sync-status{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02060bc7;border:1px solid #94a3b833;border-radius:.85rem;max-width:min(32rem,100% - 2rem);padding:.8rem 1rem;position:absolute;bottom:1rem;right:1rem}.player-sync-status>div{align-items:center;gap:.55rem;display:flex}.player-sync-status p{margin:.25rem 0 0;font-size:.76rem;line-height:1.4}.player-sync-dot{background:#5eead4;border-radius:999px;width:.55rem;height:.55rem}.player-sync-status--checking .player-sync-dot,.player-sync-status--downloading .player-sync-dot{background:#fbbf24}.player-sync-status--offline .player-sync-dot{background:#94a3b8}.player-sync-status--error .player-sync-dot{background:#f87171}.player-safe-error{color:#fca5a5}@media (width<=640px){.player-runtime-header{align-items:flex-start}.player-runtime-header .pairing-button{max-width:8rem}.player-sync-status{left:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}