@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..700&family=Noto+Music&display=swap";:root{--bg:#f3f5f8;--surface:#fff;--surface-2:#e8ecf2;--text:#16202e;--muted:#5c6778;--border:#d1d8e2;--accent:#2f5fb3;--on-accent:#fff;--select:#c2410c;--c-target:#b4532a;--c-chromatic:#8a3fb0;--c-diatonic:#2f7d4f;--c-tension:#9a6a00;--c-outside:#1f7f95;--c-dominant:#b0367a;--font-music:"Noto Music", "Bravura Text", "Segoe UI Symbol", "Apple Symbols", serif;--font-music-text:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-palette=ember]{--bg:#f6f4ef;--surface:#fff;--surface-2:#efece4;--text:#1f1d1a;--muted:#6b665d;--border:#d9d4c7;--accent:#b4532a;--on-accent:#fff;--select:#2a6fb4}:root[data-palette=forest]{--bg:#f2f4ef;--surface:#fcfdfa;--surface-2:#e6eae0;--text:#1b231c;--muted:#5d685d;--border:#cfd6c8;--accent:#2f6b4a;--on-accent:#fff;--select:#2a6fb4}:root[data-palette=plum]{--bg:#f6f3f7;--surface:#fff;--surface-2:#ece6ef;--text:#211a26;--muted:#6a5f70;--border:#dbd1e0;--accent:#7b3f99;--on-accent:#fff;--select:#2a6fb4}:root[data-palette=brass]{--bg:#f7f2e7;--surface:#fffcf5;--surface-2:#efe6d3;--text:#231d12;--muted:#6e634e;--border:#dccfb3;--accent:#9a6b12;--on-accent:#fff;--select:#2a6fb4}:root[data-palette=graphite]{--bg:#f4f4f4;--surface:#fff;--surface-2:#ebebeb;--text:#18181b;--muted:#62626a;--border:#d6d6da;--accent:#27272a;--on-accent:#fff;--select:#2563eb}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}.help-q{vertical-align:1px;border:1px solid var(--border);background:var(--surface);width:16px;height:16px;color:var(--muted);font:inherit;cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:5px;padding:0;font-size:10px;font-weight:650;line-height:1;display:inline-flex}.help-q.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.help-q:disabled{cursor:default}.help-text{box-sizing:border-box;width:0;min-width:100%;color:var(--muted);flex-basis:100%;order:99;margin-top:2px;font-size:12px;font-weight:400;line-height:1.4;display:block}.help-items{flex-direction:column;gap:2px;margin-top:3px;display:flex}.help-text:empty,.help-text>.help-items:first-child{margin-top:0}.help-item b{color:var(--text);font-weight:600}.glyph{vertical-align:middle;flex:none;display:inline-block}button.active .glyph.staff,button.active .glyph.swatch{background:var(--surface);border-radius:3px}button.active .glyph.swatch{border-radius:50%;padding:1px}.check-row{flex-wrap:wrap;align-items:center;display:flex}html button.set-btn{font:inherit;color:var(--select);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}html button.set-btn:hover:not(:disabled){text-decoration:underline}html button.set-btn:disabled{color:var(--muted);opacity:.5;cursor:default}.lock-icon{vertical-align:-1px;opacity:.75;flex:none;margin-right:4px}.locked{color:var(--muted)!important}.inert.svelte-11doug8{color:var(--muted);font-size:12px;font-style:italic;line-height:1.35;display:block}.inert.svelte-11doug8:before{content:"No effect now: ";font-style:normal;font-weight:600}.field.svelte-1dkbyok{flex-direction:column;gap:4px;display:flex}.label.svelte-1dkbyok{color:var(--muted);font-size:12px}.label.svelte-1dkbyok .swatch{vertical-align:0;margin-right:5px}.seg.svelte-1dkbyok{border:1px solid var(--border);background:var(--border);border-radius:7px;flex-wrap:wrap;align-self:flex-start;gap:1px;max-width:100%;display:inline-flex;overflow:hidden}.seg.compact.svelte-1dkbyok{flex-wrap:nowrap;align-self:stretch;display:flex}.seg.compact.svelte-1dkbyok button:where(.svelte-1dkbyok){white-space:nowrap;flex:1 1 0;justify-content:center;min-width:0;padding:4px 0;font-size:12px}button.svelte-1dkbyok{font:inherit;background:var(--surface);color:var(--text);cursor:pointer;border:0;border-radius:0;flex:1 0 auto;justify-content:center;align-items:center;gap:5px;padding:4px 9px;font-size:13px;display:inline-flex}button.icon-only.svelte-1dkbyok{padding:2px 10px}button.svelte-1dkbyok:hover{background:var(--surface-2)}button.active.svelte-1dkbyok{background:var(--accent);color:var(--on-accent)}.field.svelte-vbwhwd{flex-direction:column;gap:4px;display:flex}.label.svelte-vbwhwd{color:var(--muted);flex-wrap:wrap;align-items:center;gap:0 8px;font-size:12px;display:flex}.label.svelte-vbwhwd .help-q{margin-left:-3px}.set.svelte-vbwhwd{gap:10px;margin-left:auto;display:inline-flex}.seg.svelte-vbwhwd{flex-direction:column;gap:4px;display:flex}.opts.svelte-vbwhwd{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.seg.box.svelte-vbwhwd{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:78px minmax(0,1fr);gap:0;display:grid;overflow:hidden}.seg.box.svelte-vbwhwd .group:where(.svelte-vbwhwd){background:var(--surface-2);border-right:1px solid var(--border);width:auto;color:var(--text);align-items:flex-start;padding:6px 8px;font-size:12px;font-weight:600}.seg.box.svelte-vbwhwd .opts:where(.svelte-vbwhwd){align-content:center;padding:6px 8px}.group.svelte-vbwhwd{color:var(--muted);align-items:center;gap:6px;width:100%;font-size:11px;display:flex}button.svelte-vbwhwd{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;display:inline-flex}button.svelte-vbwhwd:hover{border-color:var(--accent)}button.active.svelte-vbwhwd{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.empty.svelte-vbwhwd{color:var(--muted);font-size:12px;font-style:italic}.reach-kb.svelte-1n4yody{margin-top:2px;display:block;overflow:visible}.white.svelte-1n4yody{fill:var(--surface);stroke:var(--border);stroke-width:1px}.black.svelte-1n4yody{fill:var(--text);opacity:.8}.white.on.svelte-1n4yody,.black.on.svelte-1n4yody{fill:var(--accent);opacity:1}.bracket.svelte-1n4yody{fill:none;stroke:var(--accent);stroke-width:1.2px}.span.svelte-1n4yody{fill:var(--muted);text-anchor:middle;font-size:9px}.picker.svelte-1f35vwa{flex-direction:column;gap:4px;min-width:0;display:flex}.label.svelte-1f35vwa{color:var(--muted);font-size:12px}.sr.svelte-1f35vwa{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap.svelte-1f35vwa{position:relative}.trigger.svelte-1f35vwa{width:100%;font:inherit;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.trigger.svelte-1f35vwa:hover{border-color:var(--accent)}.trigger.svelte-1f35vwa:focus-visible,.trigger.open.svelte-1f35vwa{outline:2px solid var(--accent);outline-offset:-1px}.value.svelte-1f35vwa{flex-direction:column;flex:1;min-width:0;display:flex}.value.svelte-1f35vwa strong:where(.svelte-1f35vwa){font-weight:600}.compact.svelte-1f35vwa .trigger:where(.svelte-1f35vwa){padding:5px 8px}.compact.svelte-1f35vwa .value:where(.svelte-1f35vwa) strong:where(.svelte-1f35vwa){font-weight:400}.compact.svelte-1f35vwa .list:where(.svelte-1f35vwa){width:max-content;min-width:100%;max-width:min(340px,100vw - 32px);right:auto}.chev.svelte-1f35vwa,.muted.svelte-1f35vwa{color:var(--muted);font-size:12px}.list.svelte-1f35vwa{z-index:30;box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:6px;max-height:320px;margin:0;padding:2px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000024}.list.svelte-1f35vwa li[role=option]:where(.svelte-1f35vwa){cursor:pointer;border-radius:4px;flex-direction:column;align-items:flex-start;padding:4px 8px;font-size:13px;display:flex}.list.svelte-1f35vwa li.on:where(.svelte-1f35vwa){font-weight:600}.list.svelte-1f35vwa li.active:where(.svelte-1f35vwa){background:var(--surface-2)}.list.svelte-1f35vwa li.on:where(.svelte-1f35vwa) .muted:where(.svelte-1f35vwa){font-weight:400}.group.svelte-1f35vwa{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 8px 2px;font-size:11px}.drill.svelte-q4bbn{flex-direction:column;gap:10px;display:flex}h2.svelte-q4bbn{align-items:center;gap:6px;margin:0;font-size:14px;font-weight:650;display:flex}button.fold.svelte-q4bbn{all:unset;white-space:nowrap;cursor:pointer;flex:1;align-items:center;gap:6px;min-width:0;display:flex}button.fold.svelte-q4bbn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.chev.svelte-q4bbn{color:var(--muted);font-size:11px;transition:transform .15s;display:inline-block}.folded.svelte-q4bbn .chev:where(.svelte-q4bbn){transform:rotate(-90deg)}.fold-sum.svelte-q4bbn{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);margin-left:auto;font-size:12px;font-weight:400;overflow:hidden}.group.svelte-q4bbn{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:10px;display:flex}h3.svelte-q4bbn{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:650}.small.svelte-q4bbn{margin:0;font-size:12px}.muted.svelte-q4bbn{color:var(--muted)}.row.svelte-q4bbn{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.check.svelte-q4bbn{align-items:center;gap:6px;display:flex}.notation.svelte-1ya6bf6{width:100%;color:var(--text)}.notation.svelte-1ya6bf6 svg{color:var(--text)}.notation.svelte-1ya6bf6 .abcjs-note.role-target path{fill:var(--c-target)}.notation.svelte-1ya6bf6 .abcjs-note.role-chromatic path{fill:var(--c-chromatic)}.notation.svelte-1ya6bf6 .abcjs-note.role-diatonic path{fill:var(--c-diatonic)}.notation.svelte-1ya6bf6 .abcjs-note.role-outside path{fill:var(--c-outside)}.notation.svelte-1ya6bf6 .abcjs-note.role-dominant path{fill:var(--c-dominant)}.notation.svelte-1ya6bf6 .abcjs-note.block[class*=role-] path:not(.melody-head){fill:var(--text)}.notation.svelte-1ya6bf6 .abcjs-note.is-selected path{fill:var(--select)}.notation.svelte-1ya6bf6 .abcjs-note.is-playing path{fill:var(--text);filter:drop-shadow(0 0 3px var(--accent))}.notation.svelte-1ya6bf6 text.abcjs-bar-number{font-family:var(--font-music-text);fill:var(--muted);paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round;font-size:10px;font-style:normal;font-weight:500}.notation.svelte-1ya6bf6 .abcjs-chord{font-family:var(--font-music-text)}.notation.svelte-1ya6bf6 text.bass-label{font-family:var(--font-music-text);fill:var(--muted)}.notation.svelte-1ya6bf6 .chord-link{cursor:pointer}.notation.svelte-1ya6bf6 .chord-link:hover{fill:var(--select)}.notation.svelte-1ya6bf6 .acc{font-family:var(--font-music)}.notation.svelte-1ya6bf6 .lbl{font-family:var(--font-music-text);font-size:13px}.notation.svelte-1ya6bf6 .deg-chord{fill:var(--text)}.notation.svelte-1ya6bf6 .deg-tension{fill:var(--c-tension);font-weight:600}.notation.svelte-1ya6bf6 .label-box{fill:none;stroke:var(--c-tension);stroke-width:1px}.notation.svelte-1ya6bf6 .deg-outside{fill:var(--muted);font-style:italic}.notation.svelte-1ya6bf6 .lbl.is-target{font-weight:700;text-decoration:underline}.notation.svelte-1ya6bf6 .tag{font-size:10px}.notation.svelte-1ya6bf6 .tag-chromatic{fill:var(--c-chromatic)}.notation.svelte-1ya6bf6 .tag-diatonic{fill:var(--c-diatonic)}.notation.svelte-1ya6bf6 .tag-outside{fill:var(--c-outside);font-weight:600}.notation.svelte-1ya6bf6 .tag-dominant{fill:var(--c-dominant);font-weight:600}.notation.svelte-1ya6bf6 .abcjs-annotation:not(.lbl){fill:var(--c-dominant);font-size:13px}.notation.svelte-1ya6bf6 .tag-group{fill:var(--muted);font-weight:600}.notation.svelte-1ya6bf6 .contour{fill:none;stroke:var(--c-target);stroke-width:1.5px;stroke-dasharray:5 4;opacity:.55}.notation.svelte-1ya6bf6 .contour.top-line{opacity:.8;stroke-width:1.8px}.notation.svelte-1ya6bf6 .contour.low-line{stroke:var(--c-diatonic);opacity:.7;stroke-width:1.6px}.notation.svelte-1ya6bf6 .top-head{fill:var(--c-target)}.notation.svelte-1ya6bf6 .arc{fill:none;stroke-width:1.4px}.notation.svelte-1ya6bf6 .arc.role-chromatic{stroke:var(--c-chromatic)}.notation.svelte-1ya6bf6 .arc.role-diatonic{stroke:var(--c-diatonic)}.notation.svelte-1ya6bf6 .arc-label{stroke:none;font-size:10px}.notation.svelte-1ya6bf6 .arc-label.role-chromatic{fill:var(--c-chromatic)}.notation.svelte-1ya6bf6 .arc-label.role-diatonic{fill:var(--c-diatonic)}.picker.svelte-g477bt{flex-direction:column;gap:4px;display:flex}.label.svelte-g477bt{color:var(--muted);font-size:12px}.current.svelte-g477bt{flex-direction:column;font-size:14px;display:flex}.muted.svelte-g477bt{color:var(--muted);font-size:12px}input.svelte-g477bt{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:6px 8px;font-size:14px}input.svelte-g477bt:focus{outline:2px solid var(--accent);outline-offset:-1px}.list.svelte-g477bt{border:1px solid var(--border);background:var(--surface);border-radius:6px;max-height:260px;margin:0;padding:2px;list-style:none;position:relative;overflow-y:auto}.list.svelte-g477bt button:where(.svelte-g477bt){width:100%;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;align-items:flex-start;padding:4px 8px;font-size:13px;display:flex}.list.svelte-g477bt button.active:where(.svelte-g477bt){background:var(--surface-2)}.list.svelte-g477bt button.on:where(.svelte-g477bt){font-weight:600}.list.svelte-g477bt button.on:where(.svelte-g477bt) .muted:where(.svelte-g477bt){font-weight:400}.empty.svelte-g477bt{padding:6px 8px}.load.svelte-g477bt{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:6px;align-self:flex-start;padding:5px 10px;font-size:13px}.load.svelte-g477bt:hover{border-color:var(--accent)}.credit.svelte-g477bt a:where(.svelte-g477bt){color:inherit}.error.svelte-g477bt{color:var(--text)}.note.svelte-g477bt{color:var(--muted);margin:0;font-size:13px}.structure-view.svelte-tf3hfj{width:100%;overflow:hidden}svg.svelte-tf3hfj{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;display:block}.phrase.svelte-tf3hfj{fill:var(--surface);fill-opacity:.45;stroke:var(--border);stroke-width:1.2px;pointer-events:none}.band.svelte-tf3hfj{fill:var(--c-target);fill-opacity:.08;stroke:none;pointer-events:none}.centre.svelte-tf3hfj{fill:none;stroke:var(--c-target);stroke-width:1px;stroke-dasharray:2 3;opacity:.6;pointer-events:none}.staff.svelte-tf3hfj,.ledger.svelte-tf3hfj,.bar.svelte-tf3hfj{stroke:var(--border);stroke-width:1px}.bar.four.svelte-tf3hfj{stroke:var(--muted);stroke-width:1.5px;opacity:.7}.clef.svelte-tf3hfj{font-family:var(--font-music);fill:var(--muted);opacity:.6;font-size:34px}.barnum.svelte-tf3hfj{fill:var(--muted);font-size:10px}.chord.svelte-tf3hfj{fill:var(--text);font-size:11px;font-weight:600}.chord.clickable.svelte-tf3hfj{cursor:pointer}.chord.clickable.svelte-tf3hfj:hover{fill:var(--select)}.contour.svelte-tf3hfj{fill:none;stroke:var(--c-target);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;opacity:.55}.drawn.svelte-tf3hfj{fill:none;stroke:var(--select);stroke-width:2.5px;stroke-dasharray:5 4;stroke-linecap:round;pointer-events:none}.head.svelte-tf3hfj{cursor:pointer}.head.svelte-tf3hfj .hit:where(.svelte-tf3hfj){fill:#0000}.head.svelte-tf3hfj ellipse:where(.svelte-tf3hfj){fill:var(--surface);stroke:var(--muted);stroke-width:1.2px;opacity:.55}.head.svelte-tf3hfj .acc:where(.svelte-tf3hfj){font-family:var(--font-music);text-anchor:end;fill:var(--muted);opacity:.6;font-size:13px}.head.svelte-tf3hfj:hover ellipse:where(.svelte-tf3hfj){stroke:var(--select);opacity:1}.head.selected.svelte-tf3hfj ellipse:where(.svelte-tf3hfj){fill:var(--c-target);stroke:var(--c-target);opacity:1}.head.selected.svelte-tf3hfj .acc:where(.svelte-tf3hfj){fill:var(--c-target);opacity:1}.pin.svelte-tf3hfj{fill:none;stroke:var(--select);stroke-width:1.2px;opacity:.7}.degree.svelte-tf3hfj{fill:var(--c-target);paint-order:stroke;stroke:var(--surface-2);stroke-width:3px;stroke-linejoin:round;pointer-events:none;font-size:9.5px;font-weight:600}.hover-label.svelte-tf3hfj{fill:var(--select);pointer-events:none;paint-order:stroke;stroke:var(--surface-2);stroke-width:3px;font-size:11px}.head.hovered.svelte-tf3hfj ellipse:where(.svelte-tf3hfj){stroke:var(--select);opacity:1}.per-chord.svelte-16xslst{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-radius:6px;flex-direction:column;display:flex}.per-chord.open.svelte-16xslst{background:var(--surface)}.pc-head.svelte-16xslst{flex-wrap:wrap;align-items:center;gap:0 8px;min-width:0;padding:0 8px 0 0;display:flex}.pc-note.svelte-16xslst{padding:0 10px 6px}.pc-toggle.svelte-16xslst{min-width:0;font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;flex:1 1 0;align-items:center;gap:6px;padding:5px 0 5px 6px;font-size:12px;display:flex}.pc-label.svelte-16xslst{color:var(--text);white-space:nowrap;font-weight:600}.pc-sum.svelte-16xslst{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pc-toggle.svelte-16xslst:hover .pc-label:where(.svelte-16xslst),.pc-toggle.svelte-16xslst:hover .pc-sum:where(.svelte-16xslst){color:var(--accent)}.chev.svelte-16xslst{width:16px;height:16px;color:var(--on-accent);background:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;line-height:1;transition:transform .15s;display:inline-flex;transform:rotate(-90deg)}.open.svelte-16xslst .chev:where(.svelte-16xslst){transform:none}.pc-extra.svelte-16xslst{border-top:1px solid var(--border);padding:6px 8px 0;font-size:12px}.pc-body.svelte-16xslst{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:6px 8px 8px;display:flex}.pc-extra.svelte-16xslst+.pc-body:where(.svelte-16xslst){border-top:0}.pc-body.loose.svelte-16xslst{gap:10px;padding-top:8px}.upgrade.svelte-8tlr5k{border:1px solid var(--border);background:var(--surface);width:calc(100vw - 32px);max-width:520px;color:var(--text);border-radius:12px;padding:0;box-shadow:0 20px 60px #00000040}.upgrade.svelte-8tlr5k::backdrop{background:#0006}.body.svelte-8tlr5k{flex-direction:column;gap:10px;padding:20px 22px;font-size:14px;line-height:1.45;display:flex}h2.svelte-8tlr5k{margin:0;font-size:18px}p.svelte-8tlr5k{margin:0}ul.svelte-8tlr5k{flex-direction:column;gap:3px;margin:0;padding-left:18px;display:flex}.price.svelte-8tlr5k{color:var(--muted)}.actions.svelte-8tlr5k{flex-wrap:wrap;gap:8px;display:flex}.actions.svelte-8tlr5k a:where(.svelte-8tlr5k),.actions.svelte-8tlr5k button:where(.svelte-8tlr5k),.key-row.svelte-8tlr5k button:where(.svelte-8tlr5k){font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:14px;text-decoration:none}.primary.svelte-8tlr5k{font-weight:600;background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent)!important}form.svelte-8tlr5k{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:4px;padding-top:12px;display:flex}label.svelte-8tlr5k{color:var(--muted);font-size:13px}.key-row.svelte-8tlr5k{gap:6px;display:flex}input.svelte-8tlr5k{min-width:0;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;flex:1;padding:6px 8px;font-family:ui-monospace,monospace;font-size:13px}.error.svelte-8tlr5k{color:var(--text);font-size:13px}header.svelte-1uha8ag{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}.brand.svelte-1uha8ag{font-weight:650}.settings-toggle.svelte-1uha8ag{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.settings-toggle.svelte-1uha8ag:hover{color:var(--text);border-color:var(--accent)}.layout.focus.svelte-1uha8ag{grid-template-columns:minmax(0,1fr)}.layout.focus.svelte-1uha8ag .controls:where(.svelte-1uha8ag){display:none}.layout.focus.svelte-1uha8ag .stage:where(.svelte-1uha8ag){grid-column:1}.layout.focus.svelte-1uha8ag .topbar:where(.svelte-1uha8ag){box-sizing:border-box;width:100%;max-width:1180px;margin-inline:auto}.edition-badge.svelte-1uha8ag{font:inherit;border:1px solid var(--accent);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:3px 10px;font-size:12px}.edition-badge.svelte-1uha8ag:hover{background:var(--accent);color:var(--on-accent)}.tabs.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tab.svelte-1uha8ag{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;align-items:center;display:flex}.tab.active.svelte-1uha8ag{border-color:var(--accent);background:var(--surface)}.tab.svelte-1uha8ag button:where(.svelte-1uha8ag),.tab-add.svelte-1uha8ag{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;padding:4px 10px;font-size:14px}.tab-dup.svelte-1uha8ag{color:var(--muted)!important;padding:4px 6px 4px 0!important}.tab-dup.svelte-1uha8ag:hover{color:var(--accent)!important}.tab-close.svelte-1uha8ag{color:var(--muted)!important;padding:4px 8px 4px 0!important}.tab-add.svelte-1uha8ag{color:var(--muted)}.layout.svelte-1uha8ag{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:16px;padding:16px;display:grid}@media (width<=860px){.layout.svelte-1uha8ag{grid-template-columns:minmax(0,1fr)}}@media (width>=861px){header.svelte-1uha8ag{z-index:60;position:sticky;top:0}.controls.svelte-1uha8ag{top:calc(var(--head-h,0px) + 16px);box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;width:340px;padding:0 4px 0 0;position:fixed;bottom:16px;left:16px;overflow:hidden auto}.stage.svelte-1uha8ag{grid-column:2}}.controls.svelte-1uha8ag{flex-direction:column;gap:12px;display:flex}.controls.svelte-1uha8ag section:where(.svelte-1uha8ag),.controls.svelte-1uha8ag section.drill,.card.svelte-1uha8ag{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}h2.svelte-1uha8ag{margin:0;font-size:14px;font-weight:650}.controls.svelte-1uha8ag .group:where(.svelte-1uha8ag){border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:10px;display:flex}.controls.svelte-1uha8ag .group:where(.svelte-1uha8ag) h3:where(.svelte-1uha8ag){letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:650}.controls.svelte-1uha8ag section:where(.svelte-1uha8ag) h2:where(.svelte-1uha8ag){align-items:center;gap:6px;display:flex}button.fold.svelte-1uha8ag{all:unset;white-space:nowrap;cursor:pointer;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.help-q:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.explain-toggle.svelte-1uha8ag{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:8px;margin-left:auto;padding:3px 10px;font-size:12px}.explain-toggle.active.svelte-1uha8ag{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.legends.svelte-1uha8ag{flex-direction:column;gap:4px;display:flex}.legend-toggle.svelte-1uha8ag{all:unset;cursor:pointer;color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.legend-toggle.svelte-1uha8ag:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.legend-toggle[aria-expanded=false].svelte-1uha8ag .chev:where(.svelte-1uha8ag){transform:rotate(-90deg)}button.fold.svelte-1uha8ag:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.chev.svelte-1uha8ag{color:var(--muted);font-size:11px;transition:transform .15s;display:inline-block}.controls.svelte-1uha8ag section.folded:where(.svelte-1uha8ag) .chev:where(.svelte-1uha8ag){transform:rotate(-90deg)}.controls.svelte-1uha8ag section.folded:where(.svelte-1uha8ag)>:not(h2){display:none}.fold-sum.svelte-1uha8ag{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);margin-left:auto;font-size:12px;font-weight:400;overflow:hidden}.mat-tabs.svelte-1uha8ag{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:0 2px;margin-bottom:-4px;display:flex}.mat-tab.svelte-1uha8ag{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:4px 10px;font-size:12px}.mat-tab.svelte-1uha8ag:hover{color:var(--text)}.mat-tab.on.svelte-1uha8ag{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.mat-tab.svelte-1uha8ag:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.material.svelte-1uha8ag{border-left:2px solid var(--border);flex-direction:column;gap:8px;padding-left:10px;display:flex}h1.svelte-1uha8ag{margin:4px 0 0;font-size:22px}.field.svelte-1uha8ag{flex-direction:column;gap:4px;display:flex}.label.svelte-1uha8ag{color:var(--muted);font-size:12px}.pointer.svelte-1uha8ag{margin:0;font-size:12px}.random-row.svelte-1uha8ag{align-items:center;gap:10px;display:flex}.random-row.svelte-1uha8ag>button.dice:where(.svelte-1uha8ag){font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:5px 12px;font-size:13px}.random-row.svelte-1uha8ag>button.dice:where(.svelte-1uha8ag):hover{border-color:var(--accent)}.aside-top.svelte-1uha8ag{z-index:30;background:var(--bg);margin-bottom:-8px;padding-bottom:8px;position:sticky;top:0}.modes-row.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:0 4px;display:flex}.modes-row.svelte-1uha8ag>.help-q{margin-left:2px}.modes.svelte-1uha8ag{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.modes.svelte-1uha8ag button:where(.svelte-1uha8ag){font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:14px;font-weight:600}.modes.svelte-1uha8ag button.active:where(.svelte-1uha8ag){background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.vl.svelte-1uha8ag{border-bottom:1px dashed var(--border);flex-direction:column;padding:3px 0;font-size:12px;display:flex}.vl-head.svelte-1uha8ag{font-size:13px;font-weight:600}.vl-moves.svelte-1uha8ag{flex-wrap:wrap;gap:0 10px;display:flex}.vl-move.held.svelte-1uha8ag{color:var(--c-diatonic)}.hint.svelte-1uha8ag{color:var(--muted);margin:0;font-size:12px}.stage.svelte-1uha8ag{flex-direction:column;gap:16px;min-width:0;display:flex}.toolbar.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.toolbar.svelte-1uha8ag button:where(.svelte-1uha8ag):not(.set-btn){font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:14px}.history.svelte-1uha8ag{display:inline-flex}.play-col.svelte-1uha8ag{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.toolbar.svelte-1uha8ag .history:where(.svelte-1uha8ag) button:where(.svelte-1uha8ag):first-child{border-right-width:0;border-radius:8px 0 0 8px;padding:6px 9px}.toolbar.svelte-1uha8ag .history:where(.svelte-1uha8ag) button:where(.svelte-1uha8ag):last-child{border-radius:0 8px 8px 0}.trail-pos.svelte-1uha8ag{margin-left:-8px;font-size:13px}.toolbar.svelte-1uha8ag button:where(.svelte-1uha8ag):disabled{opacity:.5;cursor:default}.toolbar.svelte-1uha8ag button.primary:where(.svelte-1uha8ag){background:var(--accent);border-color:var(--accent);color:var(--on-accent);min-width:120px}.slider.svelte-1uha8ag{color:var(--muted);flex-direction:column;font-size:12px;display:flex}.sound-drawer.svelte-1uha8ag{background:var(--surface-2);border:1px solid var(--accent);border-radius:10px;flex-direction:column;gap:14px;padding:10px 12px 12px;display:flex;container:sound/inline-size}.drawer-group.svelte-1uha8ag{flex-direction:column;gap:6px;display:flex}.pb-sliders.svelte-1uha8ag{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px 20px;display:grid}.pb-sliders.svelte-1uha8ag .slider:where(.svelte-1uha8ag) input:where(.svelte-1uha8ag){width:100%}.mixer.svelte-1uha8ag{grid-template-columns:6.5em minmax(80px,1fr) 2em auto auto;align-items:center;gap:8px 12px;display:grid}.channel.svelte-1uha8ag{display:contents}.ch-name.svelte-1uha8ag{font-size:13px}.ch-vol.svelte-1uha8ag{width:100%;accent-color:var(--accent)}.ch-val.svelte-1uha8ag{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}@container sound (width<=520px){.pb-sliders.svelte-1uha8ag{grid-template-columns:minmax(0,1fr)}.mixer.svelte-1uha8ag{grid-template-columns:minmax(0,1fr) auto auto;row-gap:4px}.channel.svelte-1uha8ag{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;row-gap:2px;padding-bottom:6px;display:grid}.ch-name.svelte-1uha8ag{grid-area:1/1}.ch-mute.svelte-1uha8ag{grid-area:1/2}.ch-solo.svelte-1uha8ag{grid-area:1/3}.ch-vol.svelte-1uha8ag{grid-area:2/1/3/3}.ch-val.svelte-1uha8ag{text-align:left;grid-area:2/3}}.export.svelte-1uha8ag{gap:6px}.topbar.svelte-1uha8ag{z-index:55;gap:8px;position:sticky;top:0;box-shadow:0 2px 6px -4px #00000040}@media (width>=861px){.topbar.svelte-1uha8ag{top:var(--head-h,0px)}}.topbar.sound-open.svelte-1uha8ag{max-height:calc(100vh - var(--head-h,0px) - 16px);overscroll-behavior:contain;overflow-y:auto}.transport.svelte-1uha8ag{gap:10px}.follow-row.svelte-1uha8ag{min-height:24px;margin-top:-2px}.setup-row.svelte-1uha8ag{border-top:1px solid var(--border);align-items:flex-end;padding-top:10px}.stage.svelte-1uha8ag>.sheet:where(.svelte-1uha8ag),.stage.svelte-1uha8ag>.theory:where(.svelte-1uha8ag){box-sizing:border-box;width:100%;max-width:1180px;margin-inline:auto}.setup-row.svelte-1uha8ag .tempo:where(.svelte-1uha8ag) input:where(.svelte-1uha8ag){width:140px}.follow-paused.svelte-1uha8ag{margin-left:6px;font-size:13px}.follow-paused.svelte-1uha8ag .set-btn:where(.svelte-1uha8ag){font-size:13px}.groove-pick.svelte-1uha8ag{min-width:150px}.setup-right.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-left:auto;display:flex}.toolbar.svelte-1uha8ag button.sound-toggle:where(.svelte-1uha8ag){align-items:center;gap:6px;display:inline-flex}.toolbar.svelte-1uha8ag button.sound-toggle[aria-expanded=true]:where(.svelte-1uha8ag){background:var(--surface);border-color:var(--accent);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.sound-toggle[aria-expanded=false].svelte-1uha8ag .chev:where(.svelte-1uha8ag){transform:rotate(-90deg)}.sound-toggle[aria-expanded=true].svelte-1uha8ag .chev:where(.svelte-1uha8ag){transform:rotate(180deg)}.drawer-close.svelte-1uha8ag{align-self:flex-end;margin-bottom:-10px;font-size:13px}.ch-mute.overruled.svelte-1uha8ag{opacity:.5}.sheet-head.svelte-1uha8ag{flex-wrap:wrap;align-items:flex-end;gap:8px 20px;display:flex}.sheet-head.svelte-1uha8ag h1:where(.svelte-1uha8ag){margin-right:auto}.drill-pop-text.svelte-1uha8ag{margin:0;line-height:1.5}.chord-pop.svelte-1uha8ag{box-sizing:border-box;z-index:50;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;font-size:13px;display:flex;position:absolute;box-shadow:0 8px 28px #0000002e}.cp-head.svelte-1uha8ag{align-items:baseline;gap:8px;display:flex}.cp-symbol.svelte-1uha8ag{font-family:var(--font-music-text);font-size:16px}.cp-spacer.svelte-1uha8ag{flex:1}.cp-close.svelte-1uha8ag{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:18px;line-height:1}.cp-close.svelte-1uha8ag:hover{color:var(--text)}.sub-group.svelte-1uha8ag{color:var(--muted);margin-top:4px;font-size:12px}.cp-scope.svelte-1uha8ag{margin-top:-6px;font-size:12px}.cp-scale.svelte-1uha8ag{flex-wrap:wrap;gap:4px;display:flex}.cp-note.svelte-1uha8ag{background:var(--surface-2);border-radius:6px;flex-direction:column;align-items:center;min-width:34px;padding:3px 4px;line-height:1.2;display:flex}.cp-note.svelte-1uha8ag b:where(.svelte-1uha8ag){font-weight:500}.cp-note.svelte-1uha8ag small:where(.svelte-1uha8ag){color:var(--muted);font-size:11px;font-family:var(--font-music-text)}.cp-note.tone.svelte-1uha8ag b:where(.svelte-1uha8ag){font-weight:700}.cp-note.off.svelte-1uha8ag,.cp-note.avoid.svelte-1uha8ag{opacity:.45}.cp-note.off.svelte-1uha8ag b:where(.svelte-1uha8ag){text-decoration:line-through}.cp-group.svelte-1uha8ag{flex-direction:column;gap:4px;display:flex}.tension-row.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tension-grid.svelte-1uha8ag{grid-template-columns:minmax(0,1fr) repeat(7,31px);align-items:center;gap:3px 2px;display:grid}.tension-grid.bare.svelte-1uha8ag{grid-template-columns:repeat(7,31px) minmax(0,1fr)}.tension-grid.svelte-1uha8ag>*{grid-row:1}.tension-grid.svelte-1uha8ag>.tension-more:where(.svelte-1uha8ag){flex-wrap:wrap;grid-area:2/1/auto/-1;align-items:center;gap:4px;display:flex}.tension-grid.svelte-1uha8ag .tension-chord:where(.svelte-1uha8ag){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tension-grid.head.svelte-1uha8ag span:where(.svelte-1uha8ag){color:var(--muted);text-align:center;border-bottom:1px solid var(--border);font-size:11px}.chip.tension.svelte-1uha8ag{text-align:center;padding:2px 0}.tension-chord.svelte-1uha8ag{min-width:92px;font-size:13px}.tension-row.replaced.svelte-1uha8ag{opacity:.5}.scale-note.svelte-1uha8ag{flex-basis:100%;margin:0;font-size:11px}.scale-box.svelte-1uha8ag{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:78px minmax(0,1fr);display:grid;overflow:hidden}.scale-box.replaced.svelte-1uha8ag{opacity:.55}.sb-chord.svelte-1uha8ag{background:var(--surface-2);border-right:1px solid var(--border);overflow-wrap:break-word;flex-direction:column;gap:1px;padding:6px 8px;font-size:12px;line-height:1.3;display:flex}.sb-chord.svelte-1uha8ag b:where(.svelte-1uha8ag){font-size:13px}.sb-scales.svelte-1uha8ag{flex-wrap:wrap;align-content:center;align-items:center;gap:4px;min-width:0;padding:6px 8px;display:flex}.tension-row.svelte-1uha8ag .sb-scales:where(.svelte-1uha8ag){display:contents}.sb-text.svelte-1uha8ag{font-size:12px;display:block}.tension-chord.svelte-1uha8ag .also:where(.svelte-1uha8ag){max-width:140px;font-size:11px;display:block}.chip.svelte-1uha8ag{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:2px 8px;font-size:12px;text-decoration:line-through}.chip.on.svelte-1uha8ag{color:var(--text);border-color:var(--accent);text-decoration:none}.chip.choice.svelte-1uha8ag{text-decoration:none}.pair.svelte-1uha8ag{font-size:13px}.chips.svelte-1uha8ag{flex-wrap:wrap;gap:4px;display:flex}.sub-list.svelte-1uha8ag{flex-direction:column;gap:1px;font-size:12px;display:flex}.sub-row.svelte-1uha8ag{flex-wrap:wrap;align-items:flex-start;gap:0 6px;padding:3px 0;display:flex}.sub-row.svelte-1uha8ag+.sub-row:where(.svelte-1uha8ag){border-top:1px solid var(--border)}.sub-bar.svelte-1uha8ag{min-width:3.4em;line-height:22px}.sub-roots.svelte-1uha8ag{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}.sub-node.svelte-1uha8ag{flex-wrap:wrap;align-items:flex-start;gap:0 2px;display:inline-flex}.sub-node.down.svelte-1uha8ag{flex-direction:column;align-items:flex-start}.sub-chord.svelte-1uha8ag{line-height:22px}.sub-chord.final.svelte-1uha8ag{font-weight:700}.sub-run.svelte-1uha8ag,.sub-step.svelte-1uha8ag{flex-wrap:wrap;align-items:flex-start;gap:0 2px;display:inline-flex;position:relative}.sub-node.down.svelte-1uha8ag>.sub-run:where(.svelte-1uha8ag),.sub-node.down.svelte-1uha8ag .sub-step:where(.svelte-1uha8ag){flex-direction:column}.sub-step.off.svelte-1uha8ag>.sub-chord:where(.svelte-1uha8ag),.sub-step.blocked.svelte-1uha8ag>.sub-chord:where(.svelte-1uha8ag),.sub-step.off.svelte-1uha8ag .sub-split:where(.svelte-1uha8ag),.sub-step.blocked.svelte-1uha8ag .sub-split:where(.svelte-1uha8ag){color:var(--muted);font-style:italic}.sub-run.skipped.svelte-1uha8ag:before{content:"";border:1px solid var(--muted);pointer-events:none;border-bottom:0;border-radius:8px 8px 0 0;height:7px;position:absolute;top:-2px;left:-6px;right:-6px}.sub-split.svelte-1uha8ag{align-items:flex-start;gap:10px;display:inline-flex}button.sub-arrow.svelte-1uha8ag{font:inherit;border:1px solid var(--border);background:var(--surface);min-width:22px;color:var(--text);cursor:pointer;border-radius:6px;padding:1px 4px;line-height:18px}button.sub-arrow.svelte-1uha8ag:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface))}.sub-step.on.svelte-1uha8ag>button.sub-arrow:where(.svelte-1uha8ag){background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sub-step.on.svelte-1uha8ag>button.sub-arrow:where(.svelte-1uha8ag):hover{background:color-mix(in srgb, var(--accent) 82%, var(--text))}.sub-step.off.svelte-1uha8ag>button.sub-arrow:where(.svelte-1uha8ag){color:var(--muted);background:0 0;font-style:italic}button.sub-arrow.svelte-1uha8ag:disabled{color:var(--muted);cursor:default;background:0 0;border-style:dashed}.set-label.svelte-1uha8ag{align-items:center;gap:2px;display:flex}.set.svelte-1uha8ag{gap:10px;margin-left:auto;display:inline-flex}.sub-actions.svelte-1uha8ag{align-items:baseline;gap:10px;font-size:12px;display:flex}.sub.svelte-1uha8ag .beat:where(.svelte-1uha8ag),.sb-text.svelte-1uha8ag .beat:where(.svelte-1uha8ag){font-weight:700}.sub.svelte-1uha8ag .added:where(.svelte-1uha8ag),.sb-text.svelte-1uha8ag .added:where(.svelte-1uha8ag){text-decoration:underline}.sub.svelte-1uha8ag{color:var(--muted);margin:0;font-size:12px}.alias.svelte-1uha8ag{color:var(--muted)}.check.inline.svelte-1uha8ag{margin-left:8px;font-size:12px;display:inline-flex}.muted.svelte-1uha8ag{color:var(--muted)}.key.contour.svelte-1uha8ag{color:var(--c-target)}.key.low-line.svelte-1uha8ag{color:var(--c-diatonic)}.lg-chord.svelte-1uha8ag{color:var(--text);font-weight:600}.lg-tension.svelte-1uha8ag{color:var(--c-tension);border:1px solid var(--c-tension);border-radius:4px;padding:0 3px;font-weight:600}.lg-outside.svelte-1uha8ag{font-style:italic}.sound.svelte-1uha8ag{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:2px 4px;font-size:12px}.palette-pick.svelte-1uha8ag{min-width:110px}.avoid.svelte-1uha8ag{color:var(--muted);font-size:12px}.key.target.svelte-1uha8ag{color:var(--c-target)}.key.chromatic.svelte-1uha8ag{color:var(--c-chromatic)}.key.outside.svelte-1uha8ag{color:var(--c-outside)}.key.dominant.svelte-1uha8ag{color:var(--c-dominant)}.key.diatonic.svelte-1uha8ag{color:var(--c-diatonic)}.slider.wide.svelte-1uha8ag input:where(.svelte-1uha8ag){width:100%}.no-material.svelte-1uha8ag{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface));border-left-width:4px;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:8px 0 0;padding:8px 12px;font-size:.9rem;display:flex}.no-material.svelte-1uha8ag:before{content:"!";background:var(--accent);width:22px;height:22px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.no-material.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:var(--accent)}.no-material.svelte-1uha8ag span:where(.svelte-1uha8ag){flex:200px}.no-material.svelte-1uha8ag button:where(.svelte-1uha8ag){margin-left:32px}.structure-panel.svelte-1uha8ag{background:var(--surface-2);border-radius:8px;margin:4px 0 10px;padding:8px 10px 4px}.sp-head.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:4px 16px;margin-bottom:2px;display:flex}.sp-title.svelte-1uha8ag{font-size:13px;font-weight:600}button.sp-fold.svelte-1uha8ag{all:unset;cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}button.sp-fold.svelte-1uha8ag:focus-visible{outline:2px solid var(--accent);border-radius:4px}.structure-panel.folded.svelte-1uha8ag .chev:where(.svelte-1uha8ag){transform:rotate(-90deg)}.structure-panel.folded.svelte-1uha8ag{padding-bottom:8px}.sp-hint.svelte-1uha8ag{color:var(--muted);flex:1;font-size:12px}.slider.svelte-1uha8ag input:where(.svelte-1uha8ag){accent-color:var(--accent);width:120px}.check.svelte-1uha8ag{align-items:center;gap:4px;font-size:13px;display:flex}.check.svelte-1uha8ag input:where(.svelte-1uha8ag){accent-color:var(--accent)}.link.svelte-1uha8ag{font:inherit;color:var(--select);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:13px}.hint.svelte-1uha8ag,.legend.svelte-1uha8ag{color:var(--muted);margin:0;font-size:14px}.legend.svelte-1uha8ag{font-size:12px}.theory.svelte-1uha8ag{gap:0;padding:20px 24px 16px}.theory-head.svelte-1uha8ag{margin-bottom:4px}.kicker.svelte-1uha8ag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:650;display:block}.theory-head.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:2px 0 0;font-size:20px}.topic.svelte-1uha8ag{border-top:1px solid var(--border);padding:18px 0}.theory-head.svelte-1uha8ag+.topic:where(.svelte-1uha8ag){border-top:0;padding-top:12px}.topic.svelte-1uha8ag h3:where(.svelte-1uha8ag){max-width:68ch;margin:0 0 8px;font-size:15px;font-weight:650}.prose.svelte-1uha8ag{max-width:68ch;margin:0;font-size:15px;line-height:1.6}.prose.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0 0 .75em}.prose.svelte-1uha8ag p:where(.svelte-1uha8ag):last-child{margin-bottom:0}.prose.svelte-1uha8ag p.lead:where(.svelte-1uha8ag){font-size:16px}.prose.svelte-1uha8ag strong:where(.svelte-1uha8ag){font-weight:650}ol.prose.svelte-1uha8ag{padding-left:1.4em}ol.prose.svelte-1uha8ag li:where(.svelte-1uha8ag){margin-bottom:.5em;padding-left:.2em}ol.prose.svelte-1uha8ag li:where(.svelte-1uha8ag)::marker{color:var(--accent);font-weight:650}@media (width>=1180px){.topic.svelte-1uha8ag:not(.chords){grid-template-columns:180px minmax(0,68ch);align-items:start;column-gap:32px;display:grid}.topic.svelte-1uha8ag:not(.chords) h3:where(.svelte-1uha8ag){margin:3px 0 0}}.chord-grid.svelte-1uha8ag{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;display:grid}.chord-card.svelte-1uha8ag{background:var(--surface-2);border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.55}.chord-name.svelte-1uha8ag{font-size:20px;font-weight:650;line-height:1.2}.chord-caption.svelte-1uha8ag{color:var(--muted);margin-bottom:8px;font-size:12px}.facts.svelte-1uha8ag{gap:2px;margin:0 0 8px;font-size:13px;display:grid}.facts.svelte-1uha8ag div:where(.svelte-1uha8ag){grid-template-columns:44px 1fr;gap:8px;display:grid}.facts.svelte-1uha8ag dt:where(.svelte-1uha8ag){color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding-top:2px;font-size:11px}.facts.svelte-1uha8ag dd:where(.svelte-1uha8ag){margin:0}.chord-card.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0 0 .6em}.chord-card.svelte-1uha8ag p:where(.svelte-1uha8ag):last-child{margin-bottom:0}.key-areas.svelte-1uha8ag{gap:8px;margin-bottom:10px;display:grid}.key-area.svelte-1uha8ag{background:var(--surface-2);border-left:3px solid var(--border);border-radius:8px;grid-template-columns:minmax(110px,150px) 1fr;align-items:start;gap:4px 14px;padding:8px 12px;display:grid}.key-area.home.svelte-1uha8ag{border-left-color:var(--accent)}.key-head.svelte-1uha8ag{flex-direction:column;display:flex}.key-name.svelte-1uha8ag{font-size:14px;font-weight:650}.key-bars.svelte-1uha8ag{color:var(--muted);font-size:12px}.key-chords.svelte-1uha8ag{flex-wrap:wrap;gap:6px 14px;display:flex}.key-chord.svelte-1uha8ag{flex-direction:column;align-items:center;min-width:2.5em;line-height:1.25;display:inline-flex}.kc-symbol.svelte-1uha8ag{font-size:13px}.kc-roman.svelte-1uha8ag{color:var(--accent);font-size:13px;font-weight:600;font-family:var(--font-music-text)}@media (width<=560px){.key-area.svelte-1uha8ag{grid-template-columns:1fr}}.sources.svelte-1uha8ag{color:var(--muted);border-top:1px solid var(--border);max-width:90ch;padding-top:10px;font-size:12px}footer.svelte-1uha8ag{color:var(--muted);padding:0 16px 16px;font-size:12px}@media (width>=861px){footer.svelte-1uha8ag{padding-left:372px}}
/*$vite$:1*/