:root{color-scheme:light;--brand: #152642;--ink: #1c144e;--text: #22304a;--muted: #66738a;--ground: #f6f9fe;--surface: #fff;--surface-2: #eef3fa;--line: #d9e1ec;--line-strong: #b9c6d8;--accent: #03b4c6;--accent-ink: #067c89;--danger: #c8443c;--danger-ink: #a33129;--warn: #b7791f;--ok: #2e8b57}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--brand: #0b1424;--ink: #f3f6fb;--text: #dce4f0;--muted: #97a6bf;--ground: #0f1a2e;--surface: #152642;--surface-2: #1c2f4e;--line: #2a3f63;--line-strong: #3b5480;--accent: #2fc7d8;--accent-ink: #7fe0ea;--danger: #e0625a;--danger-ink: #f19a94;--warn: #e4a94a;--ok: #5cc088}}:root[data-theme=dark]{color-scheme:dark;--brand: #0b1424;--ink: #f3f6fb;--text: #dce4f0;--muted: #97a6bf;--ground: #0f1a2e;--surface: #152642;--surface-2: #1c2f4e;--line: #2a3f63;--line-strong: #3b5480;--accent: #2fc7d8;--accent-ink: #7fe0ea;--danger: #e0625a;--danger-ink: #f19a94;--warn: #e4a94a;--ok: #5cc088}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--text);font:16px/1.55 Barlow,system-ui,sans-serif}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,button,.button,nav,.wordmark{font-family:Poppins,system-ui,sans-serif}h1{font-size:1.5rem;color:var(--ink);margin:0 0 1rem}h2{font-size:1.05rem;color:var(--ink);margin:0 0 .6rem}p{margin:.5rem 0 1rem}a{color:var(--accent-ink);text-underline-offset:3px}button,.button{font-size:.9rem;cursor:pointer;border:1px solid var(--line-strong);border-radius:8px;padding:.7rem 1rem;background:var(--surface);color:var(--ink);display:inline-block;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button:hover:enabled{background:var(--surface-2)}button+button{margin-left:.5rem}input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;padding:.65rem;width:100%;min-width:0}input[type=checkbox]{width:1.15rem;height:1.15rem;flex-shrink:0;accent-color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header{background:var(--brand);color:#fff;min-height:60px;padding:12px max(16px,calc((100% - 1100px)/2));display:flex;align-items:center;gap:24px}header a{color:#fff;text-decoration:none}.wordmark{font-size:1.3rem;font-weight:600;line-height:1.2}.wordmark small{display:block;font:11px Barlow,system-ui;color:#bdd0e5;margin-top:3px}nav{display:flex;gap:20px;flex:1}nav a.active{color:#70e6ef;text-decoration:underline}header .menu>button{display:flex;align-items:center;gap:8px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{width:100%;max-width:912px;margin:0 auto;padding:36px 16px;flex:1}.narrow{max-width:560px;margin:auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:20px;overflow-wrap:anywhere}.muted{color:var(--muted)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.columns .card{padding:18px}.card ul{padding-left:20px;margin:0}.card li{margin:.65rem 0}.deleted{border-top:3px solid var(--danger)}.kept{border-top:3px solid var(--ok)}.warning{border-left:4px solid var(--warn)}.check{display:flex;gap:10px;align-items:flex-start;margin:18px 0}.danger{background:var(--danger);border-color:var(--danger);color:#fff}.danger:hover:enabled{background:var(--danger-ink)}.danger-outline{border-color:var(--danger);color:var(--danger-ink)}form>.danger{display:block;width:100%;margin:20px 0}.google,.apple{display:block;width:100%;margin:12px 0!important}.narrow .card>button{margin-bottom:8px}.receipt{display:block;white-space:normal;overflow-wrap:anywhere;border:1px dashed var(--line-strong);padding:16px;font-size:1rem}.success{color:var(--ok)}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.song{display:flex;gap:16px;align-items:flex-start}.song-initial{background:var(--surface-2);color:var(--accent-ink);width:44px;height:44px;border-radius:8px;text-align:center;padding-top:8px;font-size:1.25rem;flex-shrink:0}.song-info{flex:1;min-width:0}.song p{margin:.2rem 0;color:var(--muted);font-variant-numeric:tabular-nums}.chip{display:inline-block;padding:3px 8px;margin:8px 6px 0 0;background:var(--surface-2);border-radius:4px;font:500 .7rem Poppins,system-ui;text-transform:uppercase;letter-spacing:.04em}.menu{position:relative}.menu-items{position:absolute;right:0;top:100%;min-width:180px;z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px;box-shadow:0 6px 18px #0002}.menu-items button{display:block;border:0;width:100%;margin:0;text-align:left}dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;max-width:420px;width:calc(100% - 32px)}dialog::backdrop{background:#07152dbb}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 20px;background:var(--ink);color:var(--ground);border-radius:8px;z-index:10;max-width:90%}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}footer{text-align:center;padding:24px 16px;background:var(--surface-2);font-size:.9rem}.sargam{letter-spacing:.12em;color:var(--accent-ink);font-weight:500}.skip-link{position:fixed;top:-80px;padding:8px;background:var(--surface);z-index:20}.skip-link:focus{top:0}progress{width:100%;accent-color:var(--accent)}[role=alert]{color:var(--danger-ink)}@media(max-width:560px){.columns{grid-template-columns:1fr;gap:0}.card{padding:18px}.song{gap:10px}.song-initial{display:none}.page-heading{align-items:flex-start}.page-heading button{font-size:.75rem}header{flex-wrap:wrap;gap:12px;justify-content:space-between}header nav{order:3;flex-basis:100%;justify-content:center}header .menu>button{max-width:160px}main{padding-top:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.menu-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.menu-identity{display:grid;min-width:0;text-align:left}.menu-identity>*{overflow:hidden;text-overflow:ellipsis}.menu-identity small{font-size:.7rem}