:root{color-scheme:dark;--bg: #14120e;--bg-raised: #1c1914;--card: #242019;--line: #3a342c;--text: #f4efe6;--muted: #a89b8c;--gold: #e4b15a;--gold-dim: #8c6a2e;--danger: #e07a68;--ok: #9cbe96;--focus: #f0d7a2;--shadow: 0 16px 40px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font:16px/1.45 Segoe UI,system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.shell{width:min(920px,calc(100% - 2rem));margin:0 auto;padding-bottom:3rem}.shell.wide{width:min(1080px,calc(100% - 2rem))}.top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;padding:1.25rem 0 .75rem}.wordmark{font-family:Georgia,Iowan Old Style,Palatino,serif;font-size:1.7rem;font-weight:500;margin:0}.sub{color:var(--muted);margin:.2rem 0 0}.progress{margin:.35rem 0 0;font-variant-numeric:tabular-nums}.ghost,.solid,.danger{border-radius:999px;border:1px solid var(--line);background:transparent;min-height:44px;padding:0 .95rem}.solid{background:var(--gold);color:#1a140c;border-color:transparent;font-weight:650}.danger{color:var(--danger)}.ghost:disabled,.solid:disabled{opacity:.5;cursor:not-allowed}.filters{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0 .75rem;scrollbar-width:thin}.chip{flex:0 0 auto;border:1px solid var(--line);background:var(--bg-raised);border-radius:999px;min-height:44px;padding:0 .9rem}.chip[aria-pressed=true]{background:#3a2e1c;border-color:var(--gold);color:var(--gold)}.list{display:grid;gap:.8rem}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:.95rem 1rem 1rem;box-shadow:var(--shadow)}.card-head,.row-between,.player,.stars-row,.nav,.form-row,.actions{display:flex;gap:.6rem;align-items:center;justify-content:space-between}.card-head{align-items:flex-start}.artist{margin:0;font-size:.95rem;color:var(--muted)}.title{margin:.1rem 0 0;font-family:Georgia,Iowan Old Style,serif;font-size:1.35rem;font-weight:500}.badge{flex:0 0 auto;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted)}.badge.required{color:var(--gold);border-color:var(--gold-dim)}.badge.closing_soon{color:#f0c27a}.badge.early{color:#b7c7d6}.badge.locked{color:#8d867c}.date{color:var(--muted);font-size:.85rem;margin:.35rem 0 .7rem}.player{justify-content:flex-start;flex-wrap:wrap}.play,.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#2c261f}.time{font-variant-numeric:tabular-nums;color:var(--muted);min-width:2.6rem}.seek,.volume{accent-color:var(--gold);flex:1;min-width:8rem;height:44px}.volume{flex:0 1 7rem}.stars{border:0;margin:0;padding:0;display:flex;gap:.15rem}.star{position:relative;width:44px;height:44px;display:grid;place-items:center;color:#5c5348;font-size:1.7rem}.star input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.star.on{color:var(--gold)}.stars:disabled .star{cursor:default}.stars:disabled .star input{cursor:default}.save{margin:0;min-height:1.2rem;font-size:.85rem;color:var(--muted)}.save.error{color:var(--danger)}.save.saved{color:var(--ok)}.linkish{background:none;border:0;color:var(--gold);min-height:44px;padding:0 .2rem}.banner,.note,.error-box{border-radius:14px;padding:.8rem 1rem;background:var(--bg-raised);border:1px solid var(--line)}.error-box{border-color:#6e3a32}.landing{padding-top:12vh;max-width:36rem}.landing h1{font-family:Georgia,serif;font-weight:500;font-size:2.4rem;margin-bottom:.4rem}.muted{color:var(--muted)}.nav{justify-content:flex-start;flex-wrap:wrap;padding-bottom:.8rem}.nav a,.nav button{text-decoration:none}.panel{display:grid;gap:.8rem}label{display:grid;gap:.25rem;font-size:.85rem;color:var(--muted)}input[type=text],input[type=password],input[type=date],input[type=datetime-local],input[type=number],select,textarea{background:#16130f;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:.4rem .7rem;width:100%}.drop{border:1px dashed var(--gold-dim);border-radius:18px;padding:1.2rem;text-align:center;background:#1a1612}.drop.over{background:#2a2218}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.stack{display:grid;gap:.45rem}.score{font-variant-numeric:tabular-nums}.grow{flex:1}.plain{width:100%;background:none;border:0;text-align:left;min-height:44px;color:inherit;padding:0}.file-label{display:inline-grid;place-items:center;width:fit-content}.expand{margin-top:.6rem;display:grid;gap:.25rem}.expand div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:.35rem}.inactive{color:var(--muted)}@media(max-width:720px){.grid-2{grid-template-columns:1fr}.top{align-items:stretch;flex-direction:column}.shell,.shell.wide{width:min(100% - 1.25rem,920px)}}