:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{width:min(100% - 2rem,42rem);margin:0 auto;padding:3rem 0}.eyebrow{color:#52648d;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:.75rem;font-size:clamp(2rem,8vw,3rem)}h2{margin-bottom:.75rem;font-size:1rem}.lede{color:#526076;font-size:1.05rem}.status-card{background:#fff;border:1px solid #d8deeb;border-radius:.75rem;margin-top:1.25rem;padding:1.25rem;box-shadow:0 .5rem 1.5rem #27345314}.muted{color:#66738a;font-size:.9rem}.counter-view{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.counter-label{color:#52648d;font-size:.85rem}.counter-view strong{font-size:1.5rem}.component-heading,.track-heading,.track-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.component-heading h2{margin-bottom:0}.playlist-view{gap:1rem;display:grid}.playlist-add,.track-note{gap:.35rem;display:grid}.playlist-add{border-bottom:1px solid #e5e9f1;padding-bottom:1rem}label{color:#3c4b67;font-size:.85rem;font-weight:600}input,textarea{width:100%;color:inherit;font:inherit;border:1px solid #cfd7e6;border-radius:.45rem;margin-top:.25rem;padding:.6rem .7rem}textarea{resize:vertical}button{color:#263650;cursor:pointer;width:fit-content;font:inherit;background:#f7f9fd;border:1px solid #aebbd1;border-radius:.45rem;padding:.5rem .75rem;font-size:.85rem}button:hover:not(:disabled){background:#eaf0fb}button:disabled{cursor:not-allowed;opacity:.45}.playlist-tracks{gap:.75rem;margin:0;padding-left:1.5rem;display:grid}.playlist-track{background:#fbfcff;border:1px solid #e1e6f0;border-radius:.55rem;gap:.65rem;padding:.75rem;display:grid}.track-artist{color:#66738a;margin-top:.2rem;font-size:.85rem;display:block}.track-order{gap:.3rem;display:flex}.track-order button{min-width:2rem;padding:.3rem}.track-actions{justify-content:flex-start}.error-card{color:#8c2f2f;border-color:#e1a4a4}.api-note{margin-top:1.25rem}