:root{--bg:#fffdf7;--ink:#1f1f1f;--muted:#6b6b6b;--line:#e4e0d6;--accent:#e8702a;--ok:#2e9e5b;--ko:#d64545;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button.ghost{border:2px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1rem;font-size:1rem}button.ghost:hover:not(:disabled){border-color:var(--accent)}button.ghost:disabled{opacity:.5;cursor:default}.fingerboard.svelte-1xdpa7{width:100%;max-width:560px;margin:0 auto;font-family:inherit;display:block}.board.svelte-1xdpa7{fill:#f1e9d8;stroke:var(--line)}.fret.svelte-1xdpa7{stroke:#b9b1a3;stroke-width:2px}.tick.svelte-1xdpa7{stroke:#d8d0c0;stroke-width:1px;stroke-dasharray:3 4}.tick.tape.svelte-1xdpa7{stroke:#c8bca4;stroke-width:3px;stroke-dasharray:none}.nut.svelte-1xdpa7{stroke:var(--ink);stroke-width:5px}.marker.svelte-1xdpa7{fill:#d6cdb9}.string.svelte-1xdpa7{stroke:#6b6b6b}.num.svelte-1xdpa7{fill:var(--muted);text-anchor:middle;font-size:11px}.name.svelte-1xdpa7{fill:var(--muted);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:12px;font-weight:700}.name.lit.svelte-1xdpa7{fill:#fff}.notes.svelte-1oyre2p{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;max-width:720px;margin:0 auto;display:grid}.note.svelte-1oyre2p{background:var(--note-color);color:#1d1d1d;cursor:pointer;border:3px solid #0000;border-radius:1rem;padding:1rem .25rem;font-size:clamp(1rem,3.5vw,1.6rem);font-weight:700;transition:transform 80ms,filter .15s}.note.svelte-1oyre2p:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.note.svelte-1oyre2p:active:not(:disabled){transform:scale(.96)}.note.svelte-1oyre2p:disabled{cursor:default;opacity:.85}.note.correct.svelte-1oyre2p{border-color:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 40%, transparent)}.note.wrong.svelte-1oyre2p{border-color:var(--ko);filter:grayscale(.6)}.note.expected.svelte-1oyre2p{border-color:var(--ok);animation:.6s ease-in-out 2 svelte-1oyre2p-pulse}@keyframes svelte-1oyre2p-pulse{50%{transform:scale(1.08)}}.note-C.svelte-1oyre2p{--note-color:#f05a5a}.note-D.svelte-1oyre2p{--note-color:#f6a04b}.note-E.svelte-1oyre2p{--note-color:#f7d94b}.note-F.svelte-1oyre2p{--note-color:#8ccf5a}.note-G.svelte-1oyre2p{--note-color:#5fc9c9}.note-A.svelte-1oyre2p{--note-color:#6f8ff0}.note-B.svelte-1oyre2p{--note-color:#c58bf0}@media (width<=480px){.notes.svelte-1oyre2p{grid-template-columns:repeat(4,minmax(0,1fr))}}.score.svelte-k0rltt{justify-content:center;gap:1.5rem;font-size:1.25rem;font-weight:600;display:flex}.streak.svelte-k0rltt{color:var(--accent)}.staff.svelte-1c13np2{width:100%;max-width:560px;color:var(--ink);margin:0 auto}.staff.svelte-1c13np2 svg{width:100%;height:auto;display:block}.read.svelte-1jgaa41{gap:1rem;display:grid}.level.svelte-1jgaa41{text-align:center;color:var(--muted);margin:0}.feedback.svelte-1jgaa41{text-align:center;min-height:2rem;margin:0;font-size:1.5rem;font-weight:700}.feedback.ok.svelte-1jgaa41{color:var(--ok)}.feedback.ko.svelte-1jgaa41{color:var(--ko)}.actions.svelte-1jgaa41{justify-content:center;gap:1rem;display:flex}.settings.svelte-wn6w8w{gap:1rem;max-width:640px;margin:0 auto;display:grid}fieldset.svelte-wn6w8w{border:1px solid var(--line);border-radius:.75rem;gap:.5rem;display:grid}.instruments.svelte-wn6w8w{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.instrument.svelte-wn6w8w{border:3px solid var(--line);cursor:pointer;border-radius:1rem;justify-items:center;gap:.15rem;padding:.75rem;font-weight:700;display:grid}.instrument.active.svelte-wn6w8w{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.instrument.svelte-wn6w8w input:where(.svelte-wn6w8w){opacity:0;pointer-events:none;position:absolute}.instrument.svelte-wn6w8w .icon:where(.svelte-wn6w8w){font-size:2.2rem}.instrument.svelte-wn6w8w small:where(.svelte-wn6w8w){color:var(--muted);font-weight:400}select.svelte-wn6w8w{padding:.5rem;font-size:1rem}table.svelte-wn6w8w{border-collapse:collapse;width:100%}th.svelte-wn6w8w,td.svelte-wn6w8w{text-align:left;border-bottom:1px solid var(--line);padding:.35rem .5rem}.danger.svelte-wn6w8w{color:var(--ko);justify-self:start}header.svelte-1n46o8q{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}h1.svelte-1n46o8q{margin:0;font-size:1.4rem}nav.svelte-1n46o8q{gap:.25rem;display:flex}nav.svelte-1n46o8q button:where(.svelte-1n46o8q){color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.5rem .9rem;font-size:1rem}nav.svelte-1n46o8q button.active:where(.svelte-1n46o8q){background:var(--accent);color:#fff}main.svelte-1n46o8q{max-width:960px;margin:0 auto;padding:1.5rem 1rem}