:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#0a0a0a;color:#f5f5f5}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{max-width:520px;margin:0 auto;padding:2rem 1rem 3rem}header h1{margin:0 0 .25rem;font-size:1.75rem}.subtitle{margin:0 0 1.5rem;color:#a3a3a3}.card{background:#171717;border:1px solid #262626;border-radius:12px;padding:1.25rem}.hidden{display:none}.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field span{font-size:.85rem;color:#a3a3a3}input{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid #404040;background:#0a0a0a;color:inherit}button{border:none;border-radius:8px;padding:.7rem 1rem;background:#1db954;color:#000;font-weight:600;cursor:pointer}button.ghost{background:#262626;color:#f5f5f5}.controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.status,.now-playing{font-size:.9rem;line-height:1.4}.status{color:#a3a3a3;margin-bottom:.5rem}.now-playing{color:#1db954}.muted{color:#a3a3a3;font-size:.85rem}.auth-status{margin-bottom:1rem;padding:.75rem;border-radius:8px;background:#262626;font-size:.85rem;line-height:1.5;white-space:pre-wrap}.auth-status.error{background:#3b1212;color:#fecaca}.auth-status.hidden{display:none}.hint{margin:0 0 1rem;font-size:.82rem;line-height:1.45;color:#737373}.auth-actions{display:flex;flex-wrap:wrap;gap:.5rem}.repeat-toggle{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;color:#a3a3a3;cursor:pointer}.repeat-toggle input{width:auto;accent-color:#1db954}