:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0d0d0f;color:#f2f2f2}main{max-width:640px;margin:0 auto;padding:2rem 1.25rem 4rem}.now-playing{display:flex;gap:1rem;align-items:center;background:#17171b;border-radius:12px;padding:1rem;margin-bottom:2rem}.now-playing img{width:72px;height:72px;border-radius:8px;object-fit:cover}.now-playing .meta .title{font-weight:600;font-size:1.05rem}.now-playing .meta .artist{color:#a0a0a8;font-size:.9rem}.badge{font-size:.7rem;color:#1db954}.badge,h2{text-transform:uppercase;letter-spacing:.05em}h2{font-size:.9rem;color:#a0a0a8;margin-bottom:.75rem}.history-item{display:flex;gap:.75rem;align-items:center;padding:.5rem 0;border-bottom:1px solid #232327}.history-item img{width:40px;height:40px;border-radius:4px;object-fit:cover}.history-item .title{font-size:.9rem}.history-item .artist{font-size:.8rem;color:#a0a0a8}.history-item .time{margin-left:auto;font-size:.75rem;color:#6a6a72;white-space:nowrap}