:root{--color-bg:#fff;--color-surface:#f2f2f4;--color-text:#111;--color-text-muted:#5f5f66;--color-accent:#111;--color-on-accent:#fff;--color-border:#d9d9de;--color-status-live:#0a6e2c;--color-status-offline:#b3261e;--color-status-rotation:#8a5a00;--color-status-warning:#9a5b00;--color-danger:#b3261e;--color-mood-live-bg:#e6f4ea;--color-mood-live-surface:#d3ecdb;--color-on-status-live:#fff;--color-mood-offline-bg:#fbeceb;--color-mood-offline-surface:#f5d8d5;--color-on-status-offline:#fff;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, Menlo, monospace;--font-size-xs:.75rem;--font-size-s:.875rem;--font-size-m:1rem;--font-size-l:1.25rem;--font-size-xl:1.75rem;--font-weight-regular:400;--font-weight-bold:650;--line-height-body:1.4;--space-xs:.25rem;--space-s:.5rem;--space-m:1rem;--space-l:1.5rem;--space-xl:2.5rem;--radius-s:6px;--radius-card:12px;--radius-pill:999px;--size-play-button:4.5rem;--size-artwork:min(72vw, 20rem);--motion-duration:.16s;--motion-ease:ease-out}@media (prefers-color-scheme:dark){:root{--color-bg:#111;--color-surface:#1d1d20;--color-text:#f2f2f2;--color-text-muted:#a1a1aa;--color-accent:#f2f2f2;--color-on-accent:#111;--color-border:#34343a;--color-status-live:#4cc777;--color-status-offline:#ff6b60;--color-status-rotation:#e0a83a;--color-status-warning:#e0a83a;--color-danger:#ff6b60;--color-mood-live-bg:#0a1f12;--color-mood-live-surface:#12301c;--color-on-status-live:#111;--color-mood-offline-bg:#240e0d;--color-mood-offline-surface:#3a1715;--color-on-status-offline:#111}}@media (prefers-reduced-motion:reduce){:root{--motion-duration:0s}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}html[data-air=live]{--color-bg:var(--color-mood-live-bg);--color-surface:var(--color-mood-live-surface);--color-accent:var(--color-status-live);--color-on-accent:var(--color-on-status-live)}html[data-air=offline]{--color-bg:var(--color-mood-offline-bg);--color-surface:var(--color-mood-offline-surface);--color-accent:var(--color-status-offline);--color-on-accent:var(--color-on-status-offline)}body{background:var(--color-bg);min-height:100%;transition:background-color var(--motion-duration) var(--motion-ease);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-m);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;padding:max(var(--space-m), env(safe-area-inset-top)) max(var(--space-m), env(safe-area-inset-right)) max(var(--space-m), env(safe-area-inset-bottom)) max(var(--space-m), env(safe-area-inset-left));margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}