:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#160b2e;--color-bg-deep:#0b0618;--color-surface:#221240e6;--color-border:#ffd5fc21;--color-border-strong:#ff82e67a;--color-text:#fff7fd;--color-muted:#d8c4e8;--color-primary:#ff4fd8;--color-primary-bright:#ff82e6;--color-primary-ink:#25051f;--color-secondary:#8b5cf6;--shadow-panel:#0a031857;background:var(--color-bg);color:var(--color-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at top left, #ff4fd83d, transparent 30rem), radial-gradient(circle at bottom right, #8b5cf633, transparent 34rem), var(--color-bg);min-height:100%}body{min-height:100%;margin:0}button{font:inherit;background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));min-height:3rem;color:var(--color-primary-ink);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.1rem;font-weight:800;display:inline-flex;box-shadow:0 .7rem 1.8rem #ff4fd83d}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:min(46rem,100%);padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));margin:0 auto}.hero{padding:1.25rem 0 .75rem}h1,h2,p{margin-top:0}h1{margin-bottom:.75rem;font-size:clamp(2.3rem,12vw,4.8rem);line-height:.9}h2{margin-bottom:.35rem;font-size:1.05rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 1rem 3rem var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.5rem;margin:1rem 0;padding:1rem}.section-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.status{min-height:1.3rem;color:var(--color-muted);margin-bottom:0}.badge{border:1px solid var(--color-border-strong);color:var(--color-primary-bright);border-radius:999px;flex:none;padding:.38rem .65rem;font-size:.75rem;font-weight:800}.viewport-wrap{aspect-ratio:1;background:var(--color-bg-deep);border-radius:1.25rem;margin:1rem 0;position:relative;overflow:hidden}video{object-fit:cover;width:100%;height:100%;display:block}.playback-button-stage{aspect-ratio:1;place-items:center;display:grid}.playback-button-stage .playback-toggle-actions{width:min(20rem,100% - 2rem);margin-top:0}.scan-frame{pointer-events:none;border-radius:1.1rem;position:absolute;inset:12%}.scan-frame:before{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:0 0 0 999px #0c041847}.scan-frame span{border-color:var(--color-primary-bright);border-style:solid;width:3rem;height:3rem;position:absolute}.scan-frame span:first-child{border-width:.25rem 0 0 .25rem;border-top-left-radius:1rem;top:0;left:0}.scan-frame span:nth-child(2){border-width:.25rem .25rem 0 0;border-top-right-radius:1rem;top:0;right:0}.scan-frame span:nth-child(3){border-width:0 .25rem .25rem 0;border-bottom-right-radius:1rem;bottom:0;right:0}.scan-frame span:nth-child(4){border-width:0 0 .25rem .25rem;border-bottom-left-radius:1rem;bottom:0;left:0}.controls{grid-template-columns:1fr;gap:.65rem;display:grid}.controls.spotify-setup-actions,.controls.playback-toggle-actions,.controls.install-actions{margin-top:1rem}@media (width>=38rem){.scanner-panel .viewport-wrap{aspect-ratio:16/10}}