:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{color:#1a1a2e;background:#faf7ff;margin:0}@media (prefers-color-scheme:dark){body{color:#ece9f5;background:#14101f}}.shell{max-width:44rem;margin:3rem auto;padding:0 1.5rem}h1{margin-bottom:1.5rem;font-size:1.75rem}.card{background:#805ad50f;border:1px solid #805ad54d;border-radius:.75rem;padding:1.5rem}.card.error{background:#dc26260f;border-color:#dc262666}.account-bar{border-bottom:1px solid #805ad540;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.4rem .75rem;display:flex}.muted{opacity:.7;font-size:.9rem}button{color:#fff;cursor:pointer;background:#805ad5;border:none;border-radius:.5rem;margin-top:.5rem;padding:.5rem 1.25rem;font-size:1rem}button:hover{background:#6b46c1}button:disabled{opacity:.5;cursor:default}.btn-secondary{color:#805ad5;background:0 0;border:1px solid #805ad566;margin-top:0;padding:.25rem .65rem;font-size:.8rem}.btn-secondary:hover{background:#805ad51a}.btn-secondary:focus-visible{outline-offset:1px;outline:2px solid #805ad5}@media (prefers-color-scheme:dark){.btn-secondary{color:#b794f4}}.library{margin-top:1.5rem}.tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tab{color:inherit;background:0 0;border:1px solid #805ad566}.tab.active{color:#fff;background:#805ad5}.controls{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.controls input[type=search]{color:inherit;background:#805ad50f;border:1px solid #805ad54d;border-radius:.5rem;flex:12rem;padding:.5rem .75rem}.controls label{opacity:.85;flex-direction:column;gap:.2rem;font-size:.8rem;display:flex}.controls select{color:inherit;background:#805ad50f;border:1px solid #805ad54d;border-radius:.5rem;padding:.4rem}.controls button{margin-top:0}.add-song{background:#805ad50f;border:1px solid #805ad54d;border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.add-row{flex-wrap:wrap;gap:.75rem;display:flex}.add-row label{flex:10rem}.add-song label{opacity:.85;flex-direction:column;gap:.2rem;font-size:.8rem;display:flex}.add-song input[type=text],.add-song select{color:inherit;background:#805ad50f;border:1px solid #805ad54d;border-radius:.5rem;padding:.5rem .75rem}.add-dns{opacity:1;align-items:center;gap:.4rem;font-size:.95rem;flex-direction:row!important}.add-dns input{margin-top:0}.add-actions{align-items:center;gap:.5rem;display:flex}.songs{margin:0;padding:0;list-style:none}.song-row{border-bottom:1px solid #805ad533;grid-template-columns:minmax(0,2fr) minmax(0,1.3fr) 7rem 3.5rem auto;align-items:center;column-gap:.75rem;padding:.4rem 0;display:grid}.song-head{text-transform:uppercase;letter-spacing:.05em;opacity:.55;padding:.25rem 0;font-size:.7rem}.col-title{flex-direction:column;min-width:0;display:flex}.col-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.col-artist{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.col-played{text-align:center}.col-action{justify-self:end}.song-note{opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.song-note.reason{color:#b91c1c;opacity:1}.readiness-pill{color:#6b46c1;white-space:nowrap;text-overflow:ellipsis;background:#805ad524;border-radius:999px;max-width:100%;padding:.1rem .5rem;font-size:.78rem;display:inline-block;overflow:hidden}@media (prefers-color-scheme:dark){.readiness-pill{color:#d6bcfa}}.played-yes{color:#15803d;font-weight:700}.song-row button{margin-top:0;padding:.3rem .7rem;font-size:.8rem}@media (width<=34rem){.song-row{grid-template-columns:minmax(0,1fr) 6rem 2.5rem}.col-artist{display:none}.col-action{grid-column:1/-1;justify-self:start}.song-head .col-action{display:none}}.error-text{color:#b91c1c}