:root,[data-theme=light]{--bg:#fafafa;--bg-elevated:#fff;--text:#111;--text-muted:#555;--border:#e5e5e5;--border-field:#909090;--link:#111;--accent:#111;--accent-contrast:#fff;--goal-bg:#f6a821;--goal-text:#111;--repeat-chip-bg:#4a7fe0;--repeat-chip-fg:#fff;--error:#b00000;--success:#060;--success-text:#060;--layout-outline:transparent;--cta-bg:#111;--cta-fg:#fff;--prefs-cta-bg:#7952b3;--prefs-cta-fg:#fff;--band-orange:orange;--band-ink:#7c2d12;--key-white:#fff;--key-black:#000;--key-stroke:#888;--key-highlight:#f59e0b;--key-highlight-left:#b45309;--key-dot:#84cc16;--key-dot-root:#ef4444;--key-wrong:#b00000;--key-label-correct:#fff;--key-scale-bullet:#2e7d32;--key-label:#111;--key-label-on-black:#fff;--key-label-accent:#ef4444;--key-selected-stroke:#2563eb;--key-white-inactive:#ececec;--key-stroke-inactive:#9a9a9a;--key-black-inactive:#9a9a9a;--key-label-inactive:#8a8a8a;--midi-idle:#888;--midi-connected:green;--midi-on:green;--midi-pulse-duration:.18s;--chord-ball-white:#fff;--chord-ball-black:#111;--chord-ball-stroke:#111;--chord-ball-bass-stroke:#111;--chord-ball-label-on-white:#111;--chord-ball-label-on-black:#fff;--chord-ball-label-bass:#111;--staff-line:#666;--staff-note:#000;--scale-tone:#4d7c0f;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-xl:0px;--radius-pill:0px;--radius-round:50%;--radius-label:999px;--exid-card-bg:transparent;--exid-card-border:transparent;--exid-earned-border:transparent;--exid-earned-shadow:inset 0 3px 0 0 var(--goal-bg);--exid-card-bg-hover:#f0f0f0;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-md:.9rem;--font-size-base:1rem;--font-size-lg:1.15rem;--font-size-xl:1.4rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--shadow-sm:0 2px 8px #0000001f;--shadow-md:0 6px 18px #0000001f;--shadow-lg:0 12px 40px #00000040;--focus-outline:2px solid var(--accent);--focus-outline-offset:2px;--duration-fast:.12s;--duration-base:.2s;--ease-standard:ease;--ease-out:cubic-bezier(.22, .61, .36, 1);--page-width-narrow:46rem;--page-width-default:52rem;--page-width-wide:72rem;--z-raised:1;--z-sticky:50;--z-overlay:100;--z-dialog:1000;--z-toast:10000;--control-height-touch:2.75rem;--backdrop:#00000073;--dialog-width-sm:24rem;--dialog-width-md:30rem;--dialog-width-lg:40rem}[data-theme=playful]{--accent:#7952b3;--goal-bg:orange;--repeat-chip-bg:#4a7fe0;--repeat-chip-fg:#fff;--accent-contrast:#fff;--cta-bg:#7952b3;--cta-fg:#fff;--link:#0070c0;--success:#82a905;--success-text:#4f6a00;--key-dot:#82a905;--key-highlight:orange;--key-highlight-left:#c05a00;--key-wrong:#d81b60;--key-label-correct:#111;--key-label-accent:#7952b3;--key-selected-stroke:#7952b3;--midi-connected:#82a905;--midi-on:#82a905;--prefs-cta-bg:#111;--prefs-cta-fg:#fff;--border-field:var(--border);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:999px;--radius-round:50%;--radius-label:999px;--exid-card-bg:initial;--exid-card-border:initial;--exid-earned-border:#f59e0b;--exid-earned-shadow:0 0 0 1px #f59e0b;--exid-card-bg-hover:initial}@media (prefers-reduced-motion:reduce){:root,[data-theme=light]{--duration-fast:0s;--duration-base:0s}}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}:root{--reading-size:1.125rem;--reading-leading:1.65;--reading-measure:65ch}@media (width>=48rem){:root{--reading-size:1.1875rem}}.reading{font-size:var(--reading-size);line-height:var(--reading-leading)}.reading>p,.reading>ul,.reading>ol,.reading>blockquote,.reading>dl,.reading :where(.reading-text){max-width:var(--reading-measure)}.reading>p,.reading>ul,.reading>ol{margin-block:.85em}.reading>p,.reading li{text-wrap:pretty}.reading li+li{margin-top:.35em}.reading .reading-wide>li{margin-top:0}.reading h1,.reading h2,.reading h3,.reading h4{text-wrap:balance;max-width:var(--reading-measure);line-height:1.2}.reading h1{margin-block:0 .5em;font-size:clamp(1.9rem,1.4rem + 2vw,2.5rem)}.reading h2{margin-block:1.8em .6em;font-size:clamp(1.4rem,1.2rem + 1vw,1.6rem)}.reading h3{margin-block:1.5em .5em;font-size:1.2rem}.reading .reading-wide{max-width:none}.reading figcaption,.reading .reading-small{font-size:.9rem;line-height:1.5}.toast-host.svelte-53xc05{z-index:10000;pointer-events:none;flex-direction:column-reverse;gap:.5rem;max-width:min(90vw,32rem);display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast.svelte-53xc05{pointer-events:none;border-radius:var(--radius-label);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#111;border:1px solid #0000;max-width:100%;padding:.6rem 1.1rem;font-size:.95rem;font-weight:500;transition:opacity .2s;animation:.22s cubic-bezier(.2,.9,.3,1.1) svelte-53xc05-toast-slide;overflow:hidden;box-shadow:0 4px 16px #0000002e}.toast[data-age="1"].svelte-53xc05{opacity:.8}.toast[data-age="2"].svelte-53xc05{opacity:.65}.toast-text.svelte-53xc05{animation:.18s ease-out svelte-53xc05-toast-refresh}.toast-success.svelte-53xc05{background:#15803d}.toast-warning.svelte-53xc05{background:#b45309}.toast-error.svelte-53xc05{background:#b91c1c}@keyframes svelte-53xc05-toast-slide{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-53xc05-toast-refresh{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.toast.svelte-53xc05,.toast-text.svelte-53xc05{animation:none}}.ptr.svelte-1auf3t{z-index:90;border:1px solid var(--border,#80808066);border-radius:var(--radius-round);background:var(--bg-elevated,#fff);width:2.5rem;height:2.5rem;color:var(--text-muted,#555);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:50%;box-shadow:0 2px 8px #0000002e}.arrow.svelte-1auf3t{transition:transform .15s}.ptr[data-armed=true].svelte-1auf3t{color:var(--accent,#82a905);border-color:var(--accent,#82a905)}.ptr[data-armed=true].svelte-1auf3t .arrow:where(.svelte-1auf3t){transform:rotate(180deg)}.spin.svelte-1auf3t{animation:.7s linear infinite svelte-1auf3t-ptr-spin}@keyframes svelte-1auf3t-ptr-spin{to{transform:rotate(360deg)}}.impersonation-banner.svelte-p2wk5a{z-index:100;color:#fff;background:#b45309;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:flex;position:sticky;top:0}.msg.svelte-p2wk5a{text-align:center}form.svelte-p2wk5a{margin:0}button.svelte-p2wk5a{border-radius:var(--radius-md);color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffffb3;padding:.3rem .85rem;font-weight:700}button.svelte-p2wk5a:hover{background:#ffffff26}.sync-merge-backdrop.svelte-5a2e30{z-index:10000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sync-merge-card.svelte-5a2e30{background:var(--bg,#fff);color:var(--text,#111);border-radius:var(--radius-lg);width:calc(100% - 2rem);max-width:32rem;padding:1.5rem 1.75rem;box-shadow:0 12px 30px #00000040}.sync-merge-card.svelte-5a2e30 h2:where(.svelte-5a2e30){margin:0 0 .5rem;font-size:1.25rem}.body.svelte-5a2e30{color:var(--text-muted,#555);margin:0 0 1rem;line-height:1.4}.opt.svelte-5a2e30{border:1px solid var(--border,#ddd);border-radius:var(--radius-md);cursor:pointer;gap:.75rem;margin-bottom:.6rem;padding:.75rem;display:flex}.opt.svelte-5a2e30:hover{background:var(--bg-elevated,#f5f5f5)}.opt.svelte-5a2e30 input[type=radio]:where(.svelte-5a2e30){margin-top:.2rem}.opt-label.svelte-5a2e30{margin-bottom:.15rem;font-weight:600}.opt-desc.svelte-5a2e30{color:var(--text-muted,#666);font-size:.9rem;line-height:1.35}.actions.svelte-5a2e30{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.actions.svelte-5a2e30 button:where(.svelte-5a2e30){border-radius:var(--radius-md);border:1px solid var(--border,#ddd);background:var(--bg-elevated,#f5f5f5);color:var(--text,#111);font:inherit;cursor:pointer;padding:.55rem 1.1rem}.actions.svelte-5a2e30 .primary:where(.svelte-5a2e30){background:var(--accent,#4f46e5);color:#fff;border-color:#0000;font-weight:600}.actions.svelte-5a2e30 .primary:where(.svelte-5a2e30):disabled{opacity:.6;cursor:progress}body{background:var(--bg);color:var(--text);overscroll-behavior-y:contain;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}input,button,select,textarea{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}input,select,textarea{border-color:var(--border-field)}a{color:var(--link)}.layout-body{outline:3px solid var(--layout-outline);outline-offset:-3px;box-sizing:border-box;min-height:100vh}