:root{--sd-ground: #08090B;--sd-panel: #0D1015;--sd-panel-2: #0E1116;--sd-ink: #EDEFF2;--sd-ink-2: #C6CDD4;--sd-muted: #79838D;--sd-dim: #6E7982;--sd-dim-2: #5A646D;--sd-line: #1A1F25;--sd-line-2: #1C2229;--sd-line-3: #1F252C;--sd-teal: #3ACFCF;--sd-amber: #E0A458;--sd-rose: #E4738A;--sd-violet: #9A8CF0;--sd-blue: #6FB2E4;--sd-sage: #8FC7A0;--sd-copper: #D98E6A;--sd-lilac: #B9A2D9;--sd-font-ui: "Plus Jakarta Sans", system-ui, sans-serif;--sd-font-mono: "IBM Plex Mono", monospace;--sd-font-scale: 1;--sd-text-2xs: clamp(.65rem, .6rem + .15vw, .75rem);--sd-text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--sd-text-sm: clamp(.85rem, .8rem + .35vw, 1.05rem);--sd-text-base: clamp(1rem, .95rem + .45vw, 1.25rem);--sd-text-lg: clamp(1.15rem, 1.05rem + .65vw, 1.55rem);--sd-text-xl: clamp(1.35rem, 1.2rem + .9vw, 1.95rem);--sd-text-2xl: clamp(1.65rem, 1.45rem + 1.4vw, 2.5rem);--sd-text-3xl: clamp(2rem, 1.75rem + 2.2vw, 3.4rem);--sd-text-hero: clamp(2.5rem, 2.2rem + 3.5vw, 4.8rem);--sd-tap-min: 44px;--sd-tap-cta: 56px;--sd-bg-dark: var(--sd-ground);--sd-bg-surface: var(--sd-panel);--sd-bg-surface-elevated: var(--sd-panel-2);--sd-bg-card: var(--sd-panel);--sd-border-color: var(--sd-line);--sd-border-bright: var(--sd-line-2);--sd-color-primary: var(--sd-violet);--sd-color-primary-light: var(--sd-violet);--sd-color-primary-dark: var(--sd-panel-2);--sd-color-cyan: var(--sd-teal);--sd-color-rose: var(--sd-rose);--sd-color-amber: var(--sd-amber);--sd-color-emerald: var(--sd-sage);--sd-color-pink: var(--sd-rose);--sd-text-main: var(--sd-ink);--sd-text-muted: var(--sd-ink-2);--sd-text-dim: var(--sd-muted);--sd-text-inverse: var(--sd-ground);--sd-tv-title-size: var(--sd-text-hero);--sd-tv-subtitle-size: var(--sd-text-2xl);--sd-tv-body-size: var(--sd-text-base);--sd-tv-card-padding: clamp(1.5rem, 3vw, 3rem);--sd-touch-target-min: var(--sd-tap-min);--sd-touch-target-lg: var(--sd-tap-cta);--sd-phone-padding: 16px;--sd-phone-max-width: 480px;--sd-glow-primary: 0 0 20px rgba(154, 140, 240, .4);--sd-glow-cyan: 0 0 20px rgba(58, 207, 207, .4);--sd-glow-amber: 0 0 24px rgba(224, 164, 88, .5);--sd-shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5)}html{font-size:calc(16px * var(--sd-font-scale, 1))!important}body{font-size:1rem}.sd-container{box-sizing:border-box;font-family:var(--sd-font-ui);color:var(--sd-ink)}.sd-font-mono,.mono{font-family:var(--sd-font-mono)}.host-tv-shell{min-height:100vh;background:var(--sd-ground);color:var(--sd-ink);padding:32px;display:flex;flex-direction:column;box-sizing:border-box}.host-tv-content{max-width:1280px;width:100%;margin:0 auto;flex:1}.player-phone-shell{min-height:100vh;max-width:var(--sd-phone-max-width);margin:0 auto;background-color:var(--sd-ground);color:var(--sd-ink);padding:var(--sd-phone-padding);display:flex;flex-direction:column;box-sizing:border-box;position:relative}.sound-gate-banner{background:var(--sd-amber);color:#000;padding:16px 24px;border-radius:16px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--sd-glow-amber);animation:pulse-gate 2s infinite ease-in-out}@keyframes pulse-gate{0%,to{box-shadow:0 0 20px #e0a45866}50%{box-shadow:0 0 32px #e0a458cc}}.sound-gate-button{background:#000;color:#fff;border:2px solid var(--sd-amber);padding:12px 28px;font-size:1.25rem;font-weight:700;border-radius:12px;cursor:pointer;min-height:var(--sd-tap-cta);transition:all .2s ease}.sound-gate-button:hover{background:#18181b;transform:scale(1.05)}.headphones-affordance{background:#3acfcf26;border:1px solid rgba(58,207,207,.4);color:var(--sd-teal);padding:10px 16px;border-radius:12px;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:640px){.host-tv-shell{padding:16px}}:root{font-family:var(--sd-font-ui, "Plus Jakarta Sans", system-ui, -apple-system, sans-serif);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--sd-ink, #EDEFF2);background-color:var(--sd-ground, #08090B)}body{margin:0;padding:0;min-height:100vh;background-color:var(--sd-ground, #08090B);background:var(--sd-ground, #08090B)}*{box-sizing:border-box}button{font-family:inherit;cursor:pointer;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;transition:all .2s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}