:root{color-scheme:dark;--bg: #0f1418;--surface: rgba(19, 25, 31, .92);--surface-border: #2d3a46;--text: #f2f5f8;--muted: #a5b2bf;--accent: #1db954;--accent-strong: #169542;--danger: #be3b3b;--danger-strong: #982d2d;--button-secondary: #35414f;--button-secondary-strong: #2c3744;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 5% 10%,rgba(31,69,98,.38),transparent 28%),radial-gradient(circle at 92% 9%,rgba(34,99,62,.3),transparent 24%),radial-gradient(circle at 50% 96%,rgba(67,80,104,.2),transparent 38%),var(--bg)}a{color:#87d4ff}.app-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.card{width:min(700px,100%);border:1px solid var(--surface-border);border-radius:16px;background:var(--surface);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}.card.compact{width:min(480px,100%)}.top-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.actions{display:flex;gap:8px}h1{margin:0;font-size:1.55rem;letter-spacing:.01em}.song-layout{display:grid;gap:14px;grid-template-columns:130px 1fr 110px;align-items:stretch}.artwork-wrap{width:130px;height:130px;border-radius:12px;overflow:hidden;border:1px solid var(--surface-border);background:#121820}.artwork{width:100%;height:100%;object-fit:cover}.artwork-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-size:.75rem}.song-info{min-width:0}.song-name{margin:0;font-size:clamp(1.5rem,1.8vw,1.8rem);font-weight:700;line-height:1.15}.song-artist{margin:6px 0 0;font-size:clamp(1.2rem,1.5vw,1.32rem);font-weight:650}.song-year{margin:0;width:100%;height:100%;text-align:center;font-size:clamp(2.2rem,3.8vw,3rem);font-weight:800;line-height:1;color:#d6ffe4;padding:10px 8px;display:grid;place-items:center;background:transparent;border:0;box-shadow:none}.song-year-column{height:100%;min-height:130px;background:transparent;border:0;box-shadow:none}.song-album{margin:8px 0 0;font-size:.93rem;color:var(--muted)}.button.spotify-open{background:var(--accent);color:#042212}.button.spotify-open:hover:not(:disabled){background:var(--accent-strong)}.button.static{cursor:default;pointer-events:none;opacity:.7}.status-title{margin:0;font-size:1.18rem;font-weight:640}.status-text{margin:8px 0 0;color:var(--muted)}.status-error{margin:8px 0 12px;color:#ff8686}.empty-state{padding:8px 0 2px}.logout-guidance{margin-top:12px;color:var(--muted)}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:10px;background:var(--accent);color:#042212;font-weight:700;font-size:.6rem;line-height:1;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:5px 8px;cursor:pointer}.button:hover:not(:disabled){background:var(--accent-strong)}.button.secondary{background:var(--button-secondary);color:var(--text)}.button.secondary:hover:not(:disabled){background:var(--button-secondary-strong)}.button.danger{background:var(--danger);color:#ffeaea}.button.danger:hover:not(:disabled){background:var(--danger-strong)}.button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.card{padding:16px}.top-row{flex-direction:column;align-items:stretch}.actions{width:100%}.actions .button{flex:1}.song-layout{grid-template-columns:1fr}.artwork-wrap{width:100%;max-width:230px;height:auto;aspect-ratio:1 / 1}.song-year-column{min-height:120px}}