:root{--bg: #f0f0f0;--panel: #f7f7f7;--panel-2: #e8e8e8;--notation-bg: #fcfcfc;--border: #d4d4d4;--border-strong: #b4b4b4;--text: #1f2330;--text-dim: #6b7280;--text-mute: #9a9886;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-soft: #ede9fe;--accent-text-on: #ffffff;--open-bg: #d6f0fa;--open-text: #0369a1;--scrim: rgba(31, 35, 48, .32);--shadow: 0 8px 24px rgba(31, 35, 48, .15);--fb-bg: #fafafa;--fb-string: #7a7a7a;--fb-fret: #b8b8b8;--fb-nut: #1f2330;--fb-marker: #888888;--fb-label-dim: #6b7280;--fb-note-fill: #f0f0f0;--fb-note-stroke: #1f2330;--fb-root-fill: #f97316;--danger-bg: rgba(220, 38, 38, .1);--danger-text: #b91c1c;--danger-border: rgba(220, 38, 38, .3);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}button{font-family:inherit}.alphatab-wrap.svelte-2n44xg{background:var(--notation-bg);border-radius:8px;border:1px solid var(--border);padding:12px;overflow:hidden;min-height:200px}.alphatab-host.svelte-2n44xg{color:var(--text);overflow:hidden}.alphatab-host.svelte-2n44xg .at-surface{background:var(--notation-bg)!important}.alphatab-error.svelte-2n44xg{margin-top:8px;padding:8px 12px;background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);border-radius:6px;font-family:ui-monospace,monospace;font-size:12px}.fretboard-wrap.svelte-ea3903{background:var(--fb-bg);padding:16px;border-radius:8px;overflow-x:auto;border:1px solid var(--border)}.metronome.svelte-1hihjv2{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap}.readout.svelte-1hihjv2{display:flex;align-items:center;gap:14px}.tempo.svelte-1hihjv2{font-family:ui-monospace,monospace;font-size:22px;font-weight:600;color:var(--text);display:inline-flex;align-items:center;gap:6px}.tempo-input.svelte-1hihjv2{font:inherit;color:inherit;background:transparent;border:1px solid transparent;border-radius:6px;padding:2px 4px;width:4ch;text-align:right;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.tempo-input.svelte-1hihjv2::-webkit-inner-spin-button,.tempo-input.svelte-1hihjv2::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tempo-input.svelte-1hihjv2:hover,.tempo-input.svelte-1hihjv2:focus{border-color:var(--border);outline:none}.tempo-input.locked.svelte-1hihjv2{color:var(--accent)}.randomize-btn.svelte-1hihjv2{background:transparent;border:1px solid var(--border);color:var(--text-dim);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.randomize-btn.svelte-1hihjv2:hover{background:var(--panel-2);color:var(--text)}.dot.svelte-1hihjv2{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--border);color:var(--text-dim);font-family:ui-monospace,monospace;font-size:13px;font-weight:600;transition:background-color 80ms,color 80ms,box-shadow 80ms}.dot.flash.svelte-1hihjv2{background:var(--text-dim);color:var(--bg)}.dot.flash.accent.svelte-1hihjv2{background:var(--accent);color:var(--bg);box-shadow:0 0 12px var(--accent)}.dot.countin.svelte-1hihjv2{background:var(--open-bg);color:var(--open-text)}.badge.svelte-1hihjv2{background:var(--border);color:var(--text);font-size:12px;padding:4px 10px;border-radius:999px}.badge.countin.svelte-1hihjv2{background:var(--open-bg);color:var(--open-text)}.badge.timer.svelte-1hihjv2{background:var(--accent-soft);color:var(--accent)}.btn.svelte-1hihjv2{background:var(--accent);color:var(--bg);border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px}.btn.svelte-1hihjv2:hover{background:var(--accent-hover)}.btn.running.svelte-1hihjv2{background:var(--border);color:var(--text)}.btn.running.svelte-1hihjv2:hover{background:var(--text-dim);color:var(--bg)}.scrim.svelte-182y78p{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);border:0;cursor:pointer;z-index:90}.panel.svelte-182y78p{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--panel);border-left:1px solid var(--border);transform:translate(100%);transition:transform .2s ease-out;overflow-y:auto;z-index:100;box-shadow:var(--shadow)}.panel.open.svelte-182y78p{transform:translate(0)}header.svelte-182y78p{position:sticky;top:0;background:var(--panel);display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);z-index:1}header.svelte-182y78p h2:where(.svelte-182y78p){margin:0;color:var(--accent);font-size:18px}.close.svelte-182y78p{background:transparent;color:var(--text-dim);border:1px solid var(--border);width:28px;height:28px;border-radius:6px;cursor:pointer}.close.svelte-182y78p:hover{background:var(--border);color:var(--text)}.body.svelte-182y78p{padding:14px 18px 32px}section.svelte-182y78p{margin-bottom:22px}section.svelte-182y78p h3:where(.svelte-182y78p){margin:0 0 10px;font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.checkbox.svelte-182y78p{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:14px;color:var(--text);cursor:pointer}.radio-group.svelte-182y78p{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.radio.svelte-182y78p{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;color:var(--text)}.chips.svelte-182y78p{display:flex;gap:6px;flex-wrap:wrap}.chip-toggle.svelte-182y78p{cursor:pointer;-webkit-user-select:none;user-select:none}.chip-toggle.svelte-182y78p input:where(.svelte-182y78p){display:none}.chip-toggle.svelte-182y78p span:where(.svelte-182y78p){display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--border);color:var(--text-dim);border-radius:999px;font-size:13px;font-weight:500}.chip-toggle.svelte-182y78p input:where(.svelte-182y78p):checked+span:where(.svelte-182y78p){background:var(--accent);color:var(--accent-text-on);border-color:var(--accent)}.chip-toggle.svelte-182y78p span.flat:where(.svelte-182y78p){background:var(--open-bg);color:var(--open-text)}.chip-toggle.svelte-182y78p input:where(.svelte-182y78p):checked+span.flat:where(.svelte-182y78p){background:var(--open-text);color:var(--accent-text-on);border-color:var(--open-text)}.scale-list.svelte-182y78p{padding:4px 0 8px 4px}.category.svelte-182y78p{cursor:pointer;color:var(--text);font-size:13px;padding:6px 0;text-transform:capitalize}.block.svelte-182y78p{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-dim);margin-bottom:12px}.block.svelte-182y78p input:where(.svelte-182y78p),.block.svelte-182y78p select:where(.svelte-182y78p){background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:14px}.tempo-row.svelte-182y78p{display:flex;align-items:center;gap:8px}.tempo-row.svelte-182y78p input:where(.svelte-182y78p){width:80px}.tempo-row.svelte-182y78p span:where(.svelte-182y78p){color:var(--text)}.scrim.svelte-mgquiv{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);border:0;cursor:pointer;z-index:90}.panel.svelte-mgquiv{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--panel);border-left:1px solid var(--border);transform:translate(100%);transition:transform .2s ease-out;overflow-y:auto;z-index:100;box-shadow:var(--shadow)}.panel.open.svelte-mgquiv{transform:translate(0)}header.svelte-mgquiv{position:sticky;top:0;background:var(--panel);display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);z-index:1}header.svelte-mgquiv h2:where(.svelte-mgquiv){margin:0;color:var(--accent);font-size:18px}.close.svelte-mgquiv{background:transparent;color:var(--text-dim);border:1px solid var(--border);width:28px;height:28px;border-radius:6px;cursor:pointer}.close.svelte-mgquiv:hover{background:var(--border);color:var(--text)}.body.svelte-mgquiv{padding:14px 18px 32px}section.svelte-mgquiv{margin-bottom:22px}section.svelte-mgquiv h3:where(.svelte-mgquiv){margin:0 0 8px;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.06em}.lede.svelte-mgquiv{color:var(--text);font-size:15px;line-height:1.5;margin:0}p.svelte-mgquiv{color:var(--text-dim);line-height:1.55;margin:0 0 8px}ul.svelte-mgquiv{color:var(--text-dim);line-height:1.55;margin:0;padding-left:18px}li.svelte-mgquiv{margin-bottom:4px}strong.svelte-mgquiv{color:var(--text);font-weight:600}.shortcuts.svelte-mgquiv kbd:where(.svelte-mgquiv){display:inline-block;min-width:1.6em;padding:1px 6px;margin-right:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;font-family:ui-monospace,monospace;font-size:12px;color:var(--text);text-align:center}.scrim.svelte-3sj1gc{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);border:0;cursor:pointer;z-index:90}.panel.svelte-3sj1gc{position:fixed;top:0;right:0;bottom:0;width:min(480px,96vw);background:var(--panel);border-left:1px solid var(--border);transform:translate(100%);transition:transform .2s ease-out;overflow-y:auto;z-index:100;box-shadow:var(--shadow);display:flex;flex-direction:column}.panel.open.svelte-3sj1gc{transform:translate(0)}header.svelte-3sj1gc{position:sticky;top:0;background:var(--panel);display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);z-index:1}header.svelte-3sj1gc h2:where(.svelte-3sj1gc){margin:0;color:var(--accent);font-size:18px}.close.svelte-3sj1gc{background:transparent;color:var(--text-dim);border:1px solid var(--border);width:28px;height:28px;border-radius:6px;cursor:pointer}.filters.svelte-3sj1gc{padding:14px 18px;border-bottom:1px solid var(--border)}.filters.svelte-3sj1gc section:where(.svelte-3sj1gc){margin-bottom:12px}.row.svelte-3sj1gc{display:flex;align-items:center;gap:10px}.lbl.svelte-3sj1gc{display:inline-block;margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}select.svelte-3sj1gc{flex:1;background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:6px 8px;border-radius:6px;font-family:inherit;font-size:13px}.chips.svelte-3sj1gc{display:flex;flex-wrap:wrap;gap:4px}.chip-toggle.svelte-3sj1gc{background:transparent;color:var(--text-dim);border:1px solid var(--border);padding:4px 10px;border-radius:999px;font-size:12px;cursor:pointer;font-family:inherit}.chip-toggle.svelte-3sj1gc:hover{color:var(--text)}.chip-toggle.on.svelte-3sj1gc{background:var(--accent);color:var(--bg);border-color:var(--accent)}.summary.svelte-3sj1gc{margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-dim)}.clear.svelte-3sj1gc{background:transparent;color:var(--text-dim);border:1px solid var(--border);padding:3px 10px;border-radius:999px;font-size:11px;cursor:pointer;font-family:inherit}.clear.svelte-3sj1gc:hover{color:var(--text)}.results.svelte-3sj1gc{list-style:none;margin:0;padding:8px 0;flex:1}.results.svelte-3sj1gc li:where(.svelte-3sj1gc){margin:0}.result.svelte-3sj1gc{width:100%;text-align:left;background:transparent;color:var(--text);border:none;border-bottom:1px solid var(--border);padding:10px 18px;cursor:pointer;font-size:13px;font-family:inherit}.result.svelte-3sj1gc:hover{background:var(--panel-2)}.overflow.svelte-3sj1gc{padding:14px 18px;color:var(--text-dim);font-size:12px}.topbar.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--panel);border-bottom:1px solid var(--border)}.brand.svelte-1n46o8q{font-weight:700;color:var(--accent);letter-spacing:-.01em}.topbar-actions.svelte-1n46o8q{display:flex;gap:8px}.iconbtn.svelte-1n46o8q{width:36px;height:36px;border-radius:8px;background:transparent;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;font-size:18px}.iconbtn.svelte-1n46o8q:hover{background:var(--border);color:var(--text)}main.svelte-1n46o8q{max-width:960px;margin:0 auto;padding:20px}.exercise.svelte-1n46o8q{background:var(--panel);padding:20px;border-radius:12px}.exercise-header.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}h1.svelte-1n46o8q{margin:0;font-size:18px;color:var(--text)}.share-btn.svelte-1n46o8q{flex:0 0 auto;background:transparent;color:var(--text-dim);border:1px solid var(--border);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:background 80ms,color 80ms,border-color 80ms}.share-btn.svelte-1n46o8q:hover{color:var(--text);background:var(--panel-2)}.share-btn.copied.svelte-1n46o8q{background:var(--accent);color:var(--accent-text-on);border-color:var(--accent)}.share-btn.failed.svelte-1n46o8q{color:var(--accent);border-color:var(--accent)}.meta.svelte-1n46o8q{display:flex;flex-wrap:wrap;align-items:baseline;margin-bottom:16px}.chip.svelte-1n46o8q{background:transparent;color:var(--text-dim);padding:2px 0;font-size:12px;font-weight:500;letter-spacing:.02em}.chip.svelte-1n46o8q+.chip:where(.svelte-1n46o8q):before{content:"·";color:var(--border);margin:0 8px 0 0}.chip.key.svelte-1n46o8q{color:var(--accent);font-weight:700}.chip.open.svelte-1n46o8q{color:var(--open-text);font-weight:600}.view-toggles.svelte-1n46o8q{display:flex;gap:6px;margin-bottom:12px}.toggle.svelte-1n46o8q{background:transparent;color:var(--text-dim);border:1px solid var(--border);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:background 80ms,color 80ms,border-color 80ms}.toggle.svelte-1n46o8q:hover{color:var(--text)}.toggle.on.svelte-1n46o8q{background:var(--accent);color:var(--accent-text-on);border-color:var(--accent)}.fretboard-row.svelte-1n46o8q{margin-top:12px}.metronome-row.svelte-1n46o8q{margin-top:16px}.nav-row.svelte-1n46o8q{display:flex;gap:8px;margin-top:16px}.prev-btn.svelte-1n46o8q{flex:0 0 56px;padding:14px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;font-size:18px;font-weight:600;cursor:pointer}.prev-btn.svelte-1n46o8q:hover{background:var(--border)}.next-btn.svelte-1n46o8q{flex:1;padding:14px;background:var(--accent);color:var(--accent-text-on);border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.next-btn.svelte-1n46o8q:hover{background:var(--accent-hover)}details.svelte-1n46o8q{margin-top:16px;background:var(--panel-2);border:1px solid var(--border);padding:8px 12px;border-radius:6px;font-size:12px}summary.svelte-1n46o8q{cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none}table.svelte-1n46o8q{margin-top:8px;border-collapse:collapse;font-family:ui-monospace,monospace;font-size:12px}th.svelte-1n46o8q,td.svelte-1n46o8q{padding:4px 12px;text-align:right;border-bottom:1px solid var(--border)}th.svelte-1n46o8q{color:var(--text-dim);font-weight:500}.empty.svelte-1n46o8q{background:var(--panel);padding:40px;border-radius:12px;text-align:center;color:var(--text-dim)}@media(max-width:520px){.topbar.svelte-1n46o8q{padding:12px 14px}main.svelte-1n46o8q{padding:12px}.exercise.svelte-1n46o8q{padding:14px}h1.svelte-1n46o8q{font-size:16px}.exercise-header.svelte-1n46o8q{flex-wrap:wrap}.next-btn.svelte-1n46o8q{padding:12px;font-size:14px}}