:root{--spotify-green: #1db954;--text: #ffffff;--muted: #b3b3b3}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Manrope,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 88% 8%,rgba(29,185,84,.26),transparent 38%),radial-gradient(circle at 10% 80%,rgba(29,185,84,.16),transparent 40%),linear-gradient(170deg,#0d0d0d,#121212 48%,#161616)}.layout{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(860px,100%);padding:28px;border-radius:18px;background:linear-gradient(180deg,#181818f7,#101010f5);border:1px solid rgba(255,255,255,.09);box-shadow:0 22px 45px #00000057}.stack>*+*{margin-top:12px}.hero{display:grid;gap:8px;text-align:center;justify-items:center}.brand-icon{width:34px;height:34px;display:block;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.kicker{margin:0;color:var(--spotify-green);font-size:.75rem;letter-spacing:.2em;font-weight:700}.hero h1{margin:0;font-size:clamp(2.1rem,5vw,3.1rem)}.subtitle{margin:0;color:var(--muted);max-width:680px}.badge{width:fit-content;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:700;border:1px solid transparent}.badge.online{color:#053015;background:#1db954e6}.badge.offline{color:#f0f0f0;border-color:#ffffff40;background:#1e1e1ed9}h2{margin:0;font-size:1.15rem;text-align:center}.muted{margin:0;color:var(--muted);text-align:center}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.cta{border:0;border-radius:999px;padding:11px 18px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;background:var(--spotify-green);color:#03240f}.cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 0 2px #1db95433,0 8px 20px #1db95447}.cta.ghost{color:var(--text);background:#2a2a2a}.cta.muted-btn{color:var(--text);background:#3a2020}.cta:disabled{opacity:.45;cursor:not-allowed}.progress-wrap{display:grid;gap:8px}.progress-track{width:100%;height:10px;border-radius:999px;background:#0e0e0e;border:1px solid rgba(255,255,255,.08);overflow:hidden}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,#11a94a,#1ed760);transition:width .22s ease}.progress-text{margin:0;color:#cfcfcf;font-size:.85rem;text-align:center}.status.terminal{margin:0;min-height:94px;white-space:pre-wrap;padding:14px;border-radius:12px;background:#070707;border:1px solid rgba(29,185,84,.35);color:#8dffb5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;line-height:1.5;position:relative;box-shadow:inset 0 0 30px #1db95414;animation:statusGlow 2.6s ease-in-out infinite}.status.terminal:after{content:"_";margin-left:2px;animation:blink 1s steps(2,start) infinite}@keyframes blink{to{opacity:0}}@keyframes statusGlow{0%,to{box-shadow:inset 0 0 20px #1db95414}50%{box-shadow:inset 0 0 30px #1db95433}}@media(max-width:640px){.card{padding:20px}.cta{flex:1 1 auto}}