:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f7f4;--surface:#fff;--surface-2:#eef2ee;--text:#16201a;--muted:#5a6960;--border:#dce3dd;--accent:#15803d;--accent-hover:#116a32;--accent-text:#fff;--accent-soft:#e2f4e7;--danger:#c2410c;--danger-hover:#a3370a;--danger-text:#fff;--danger-soft:#fdece4;--warn:#8a4b08;--radius:12px;--shadow:0 1px 2px #1018140d, 0 6px 20px #1018140a;color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1210;--surface:#161c18;--surface-2:#1e2621;--text:#e6ece8;--muted:#94a59b;--border:#2a342e;--accent:#22c55e;--accent-hover:#4ade80;--accent-text:#052e14;--accent-soft:#14301f;--danger:#fb7c3c;--danger-hover:#fd9a66;--danger-text:#230c02;--danger-soft:#33170b;--warn:#f5b74a;--shadow:none}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--accent)}code{background:var(--surface-2);word-break:break-all;border-radius:6px;padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}h1,h2,h3{margin:0 0 .75rem;line-height:1.25}h2{align-items:center;gap:.6rem;font-size:1.15rem;display:flex}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:999px;padding:.45rem 1rem;font-weight:600}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{background:var(--danger);border-color:var(--danger);color:var(--danger-text)}button.danger:hover:not(:disabled){background:var(--danger-hover)}button.big{padding:.75rem 1.6rem;font-size:1.05rem}button.small{padding:.25rem .75rem;font-size:.88rem}button.link{color:var(--accent);background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}button.link:hover:not(:disabled){background:0 0}input,select{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:.4rem .6rem}input[type=number]{width:4.5rem;margin:0 .4rem}input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.spacer{flex:1}.muted{color:var(--muted)}.fine{color:var(--muted);font-size:.86rem}.hint{color:var(--muted);margin:.4rem 0;font-size:.9rem}.hint.warn{color:var(--warn)}.notice{border-radius:10px;margin:0 0 1rem;padding:.7rem 1rem}.notice.error{background:var(--danger-soft);color:var(--text);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.brand{letter-spacing:-.01em;font-weight:800}.intro{max-width:34rem;margin:12vh auto 4rem;padding:0 1rem}.intro h1{font-size:2rem}.intro .lead{color:var(--muted);margin-bottom:1.5rem;font-size:1.1rem}.steps{padding-left:1.2rem}.steps li{margin-bottom:.8rem}.copy-row{align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.client-id-form{margin:1.5rem 0}.client-id-form label{margin-bottom:.3rem;font-weight:600;display:block}.client-id-form input{flex:1;min-width:14rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}details.fine{margin-top:1.5rem}details.fine summary{cursor:pointer}.app{min-height:100vh}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.7rem max(1rem,50vw - 550px);display:flex;position:sticky;top:0}.topbar .who{color:var(--muted)}.app>.notice{max-width:1100px;margin:1rem auto 0}.workspace{gap:1rem;max-width:1100px;margin:0 auto;padding:1.25rem 1rem 6rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:1.25rem}.card>p:last-child{margin-bottom:0}.step{background:var(--accent-soft);width:1.6rem;height:1.6rem;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:inline-grid}.history-summary p{margin:0 0 .25rem}.howto ul{padding-left:1.2rem}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:.9rem;padding:1.1rem;transition:border-color .15s,background .15s;display:flex}.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.reports{margin:.8rem 0 0;padding:0;font-size:.88rem;list-style:none}.reports li{padding:.15rem 0}.reports .file{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.reports .good:before{content:"✓ ";color:var(--accent)}.reports .bad{color:var(--warn)}.reports .bad:before{content:"✗ "}select{max-width:100%}.card select[aria-label=Playlist]{flex:1;min-width:0}.controls{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.6rem 1.5rem;padding:.8rem 1rem;display:flex}.controls label{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.controls input[type=number]{margin:0}.dates{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.summary-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin:1rem 0 .25rem;display:flex}.summary{flex:20rem;margin:0}.summary-row button{flex:none}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;margin:1rem 0 .75rem;display:flex}.toolbar .bulk{flex-wrap:wrap;align-items:center;gap:.2rem;display:inline-flex}.toolbar .bulk button{margin-left:.4rem}.toolbar .filter{flex:1;min-width:12rem}.check-label{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}table.tracks{border-collapse:collapse;width:100%;font-size:.92rem}.tracks th{text-align:left;color:var(--muted);background:var(--surface-2);white-space:nowrap;padding:0;font-weight:600;position:sticky;top:0}.tracks th.check,.tracks td.check{width:2.6rem;padding:0 0 0 .9rem}.tracks th .sort{color:inherit;width:100%;text-align:inherit;background:0 0;border:0;border-radius:0;padding:.6rem .7rem;font-weight:600}.tracks th.num .sort{text-align:right}.tracks .arrow{width:1em;margin-left:.25em;font-size:.7em;display:inline-block}.tracks td{border-top:1px solid var(--border);vertical-align:middle;padding:.5rem .7rem}.tracks tbody tr{cursor:pointer}.tracks tbody tr:hover{background:color-mix(in srgb, var(--surface-2) 60%, transparent)}.tracks tbody tr.on{background:var(--accent-soft)}.tracks tbody tr.new td:not(.check),.tracks tbody tr.local td:not(.check){opacity:.6}.tracks tbody tr.local{cursor:default}.tracks td.song{align-items:center;gap:.7rem;min-width:16rem;display:flex}.tracks td.song img,.tracks td.song .art{object-fit:cover;background:var(--surface-2);border-radius:4px;flex:none;width:40px;height:40px}.tracks .title a{color:inherit;font-weight:600;text-decoration:none}.tracks .title a:hover{text-decoration:underline}.tracks .sub{color:var(--muted);font-size:.85rem}.tracks td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tracks td.plays{font-weight:700}.tracks td.plays.zero{color:var(--danger)}.tracks td.date{white-space:nowrap;color:var(--muted)}.badge{background:var(--surface-2);color:var(--muted);vertical-align:.1em;white-space:nowrap;border-radius:999px;margin-left:.45rem;padding:.05rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}.more{margin:.8rem auto;display:block}.empty{padding:1rem 0}.actionbar{background:var(--surface);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1rem;padding:.75rem 1rem;display:flex;position:sticky;bottom:1rem;box-shadow:0 8px 30px #0000002e}.remove-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(36rem,100vw - 2rem);max-height:calc(100vh - 4rem);color:var(--text);padding:1.4rem;box-shadow:0 20px 60px #0000004d}.remove-dialog::backdrop{background:#00000073}.doomed{border:1px solid var(--border);border-radius:8px;max-height:16rem;margin:0 0 1rem;padding:.5rem .75rem;font-size:.9rem;list-style:none;overflow-y:auto}.doomed li{padding:.2rem 0}.remove-dialog .buttons{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}@media (width<=640px){.card{padding:1rem}.actionbar{border-radius:var(--radius)}.tracks td.song{min-width:12rem}}