*,*:before,*:after{box-sizing:border-box}:root{--bg: #0a0a0f;--fg: #e8e8ec;--muted: #6b6b7a;--accent: #1db954;--accent-hover: #1ed760;--error: #e74c3c}html,body,#root{margin:0;padding:0;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg)}button{font:inherit;cursor:pointer;border:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem 2rem;gap:1.5rem}h1{font-size:2.5rem;font-weight:700;margin:0}h2{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.tagline{color:var(--muted);margin:0}.prompt{font-size:1.25rem;color:var(--muted);margin:0}.muted{color:var(--muted);margin:0}.error{color:var(--error);margin:0}.btn-primary{background:var(--accent);color:#000;padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--muted);padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--muted)}.btn-secondary:hover{color:var(--fg);border-color:var(--fg)}.track-info,.track-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.album-art{width:80px;height:80px;border-radius:.5rem;object-fit:cover}.artist{color:var(--muted);margin:0;font-size:.95rem}.no-lyrics-msg{text-align:center;max-width:400px;color:var(--muted);margin:0}.lyrics-screen{justify-content:flex-start;padding-top:4rem}.lyrics-container{flex:1;overflow-y:auto;width:100%;max-width:600px;text-align:center;padding:2rem 0}.lyric-line{font-size:1.5rem;line-height:2;margin:0;color:var(--muted);transition:color .2s,transform .2s}.lyric-line.active{color:var(--accent);transform:scale(1.02)}.plain-lyrics{white-space:pre-wrap;text-align:left;font-family:inherit;color:var(--muted)}.app-authenticated{min-height:100vh;display:flex;flex-direction:column;padding-bottom:5rem}.app-header{position:fixed;top:0;right:0;padding:1rem 1.5rem;z-index:100}.logout-btn{margin:0}.playback-controls{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.5rem 1.5rem;display:flex;justify-content:center;align-items:center;z-index:50}.playback-controls__buttons{display:flex;align-items:center;gap:.5rem;background:#1db95426;border-radius:2rem;padding:.5rem 1rem}.playback-controls__btn{background:none;border:none;color:var(--accent);padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,opacity .2s}.playback-controls__btn:hover:not(:disabled){color:var(--accent-hover)}.playback-controls__btn:disabled{opacity:.4;cursor:not-allowed}.playback-controls__btn--center{padding:.75rem}.playback-controls--disabled .playback-controls__buttons{background:#6b6b7a33}.playback-controls--disabled .playback-controls__btn{color:var(--muted)}.playback-controls__premium-gate{display:flex;flex-direction:column;align-items:center;gap:.75rem;background:#6b6b7a26;border-radius:1rem;padding:1rem 1.5rem;border:1px solid rgba(107,107,122,.3)}.playback-controls__premium-msg{margin:0;font-size:.9rem;color:var(--muted)}.playback-controls__scope-msg{margin:.5rem 0 0;font-size:.85rem;color:var(--muted)}