.hx-bar{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.hx-roots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}@media(min-width:760px){.hx-roots{grid-template-columns:repeat(12,minmax(0,1fr))}}.hx-root{min-height:44px;min-width:0;padding:0 2px;border:1.5px solid var(--ea-line-2);background:var(--ea-elevated);color:var(--ea-fg);border-radius:var(--rad-sm);font:600 var(--ea-fs-sm)var(--ea-font-text);cursor:pointer;white-space:nowrap}.hx-root:hover{border-color:var(--ea-violet)}.hx-root[aria-pressed=true]{background:var(--ea-violet);border-color:var(--ea-violet);color:#0b0d12}:root[data-theme=light] .hx-root[aria-pressed=true]{color:#fff}.hx-title{font-family:var(--ea-font-display);font-size:clamp(1.5rem,5vw,2.1rem);font-weight:700;line-height:1.1;margin:0;color:var(--ea-fg)}.hx-sub{color:var(--ea-fg-soft);font-size:var(--ea-fs-sm);margin:.35em 0 0}.tl-screen .hx-title{color:#e8eaf0}.tl-screen .hx-sub,.tl-screen .tl-hint{color:#aab2c4}.tl-screen .tl-label{color:#838ba0}.tl-screen .tl-hint a{color:#a99bf6}.hg-alt{font-size:.5em;font-weight:500;color:#838ba0;font-family:var(--ea-font-text)}.hx-notes{display:flex;flex-wrap:wrap;gap:6px}.hx-note{display:inline-grid;justify-items:center;min-width:44px;padding:.3em .55em;border-radius:var(--rad-sm);background:var(--ea-elevated);border:1px solid var(--ea-line-2);font:600 var(--ea-fs-ui)/1.2 var(--ea-font-text);color:var(--ea-fg)}.hx-note small{display:block;font:500 11px var(--ea-font-mono);color:var(--ea-fg-mute)}.hx-note.is-root{border-color:var(--ea-magenta);color:var(--ea-magenta)}.hx-note.is-blue{border-color:var(--ea-data-5);color:var(--ea-data-5)}.tl-screen .hx-note{background:#171b24;border-color:rgba(232,234,240,.18);color:#e8eaf0}.tl-screen .hx-note small{color:#838ba0}.tl-screen .hx-note.is-root{border-color:#ec6aa6;color:#ec6aa6}.tl-screen .hx-note.is-blue{border-color:#6ca9f5;color:#6ca9f5}.hg-head{display:grid;gap:var(--sp-3)}@media(min-width:760px){.hg-head{grid-template-columns:1fr 1.2fr;align-items:center}}.hc-deg{font:700 11px var(--ea-font-mono);color:var(--ea-violet-hi);letter-spacing:.02em}.hb{width:100%;height:auto;display:block}.hb text{font-family:var(--ea-font-text)}.hb-title{font-size:20px;font-weight:700;fill:var(--ea-fg)}.hb-fret{stroke:var(--ea-fg-mute);stroke-width:1.2}.hb-str{stroke:var(--ea-fg-soft)}.hb-nut{fill:var(--ea-fg)}.hb-base{font-size:13px;font-weight:700;fill:var(--ea-fg-soft)}.hb-mute line{stroke:var(--ea-fg-mute);stroke-width:2}.hb-open{fill:none;stroke:var(--ea-fg-soft);stroke-width:2}.hb-open.is-root{stroke:var(--ea-magenta)}.hb-barre,.hb-dot{fill:var(--ea-violet)}.hb-dot.is-root{fill:var(--ea-magenta)}.hb-fing{fill:#fff;font-size:11px;font-weight:700}.hb-under{fill:var(--ea-fg-soft);font-size:10px}.hf{display:block;height:auto;width:100%;min-width:820px}.hf text{font-family:var(--ea-font-text)}.hf-wood{fill:var(--ea-elevated)}.hf-fret{stroke:var(--ea-fg-mute);stroke-width:1.5}.hf-nut{stroke:var(--ea-fg);stroke-width:5}.hf-str{stroke:var(--ea-fg-soft)}.hf-inlay{fill:var(--ea-line-2)}.hf-num,.hf-sname{fill:var(--ea-fg-mute);font-size:11px;font-weight:600}.hf-box{fill:var(--ea-teal-dim);stroke:var(--ea-teal);stroke-dasharray:5 4}.hf-note{cursor:pointer}.hf-note circle{fill:var(--ea-violet)}.hf-note text{fill:#fff;font-size:10px;font-weight:700;pointer-events:none}.hf-note.is-root circle{fill:var(--ea-magenta)}.hf-note.is-blue circle{fill:var(--ea-data-5)}.hf-note.is-dim circle{fill:var(--ea-line-2)}.hf-note.is-dim text{fill:var(--ea-fg-mute)}.hf-note.is-live circle{fill:var(--ea-teal);stroke:var(--ea-fg);stroke-width:2}.hp{display:block;width:100%;height:auto;min-width:520px}.hp text{font-family:var(--ea-font-text);font-weight:700;font-size:10px;pointer-events:none}.hp-key{cursor:pointer}.hp-w rect{fill:#fff;stroke:#9aa1b2}.hp-b rect{fill:#151820;stroke:#000}.hp-w text{fill:#12151c}.hp-b text{fill:#fff}.hp-w.is-mark rect{fill:#bfefea}.hp-b.is-mark rect{fill:#138c81}.hp-w.is-root rect{fill:#f7c3da}.hp-b.is-root rect{fill:#b8336f}.hp-w.is-down rect,.hp-w.is-live rect{fill:#cfc8fb}.hp-b.is-down rect,.hp-b.is-live rect{fill:#5b45d0}.hc-svg svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto}.hc text{font-family:var(--ea-font-text);pointer-events:none}.hc-seg{cursor:pointer;stroke:var(--ea-bg);stroke-width:2;transition:fill var(--ea-dur-fast)}.hc-maj{fill:var(--ea-elevated)}.hc-min{fill:var(--ea-card)}.hc-sig{fill:var(--ea-bg);stroke:var(--ea-line)}.hc-seg:hover{fill:var(--ea-violet-dim)}.hc-seg:focus{outline:none}.hc-seg:focus-visible{stroke:var(--ea-teal);stroke-width:3}.hc-seg.is-fam{fill:var(--ea-teal-dim)}.hc-seg.is-key{fill:var(--ea-violet-dim);stroke:var(--ea-violet);stroke-width:3}.hc-seg.is-play{fill:var(--ea-magenta-dim);stroke:var(--ea-magenta);stroke-width:3}.hc-t1{font-size:24px;font-weight:700;fill:var(--ea-fg)}.hc-t2{font-size:13px;fill:var(--ea-fg-mute)}.hc-t3{font-size:17px;font-weight:600;fill:var(--ea-fg)}.hc-t4{font-size:12px;fill:var(--ea-fg-mute)}.hc-sigt{font-size:13px;font-weight:700;fill:var(--ea-violet-hi)}.hc-center{fill:var(--ea-graphite);stroke:var(--ea-line-2)}.hc-cbig{font-size:30px;font-weight:700;fill:var(--ea-fg)}.hc-ct{font-size:15px;fill:var(--ea-fg-soft)}.hc-note{font-size:12px;fill:var(--ea-fg-mute)}.hc-staff{margin-top:var(--sp-2)}.hc-staffsvg{display:block;width:100%;max-width:280px;height:auto}.hc-staffsvg line{stroke:var(--ea-fg-mute);stroke-width:1}.hc-acc{font-size:24px;fill:var(--ea-fg);font-family:var(--ea-font-text)}.hc-clef{font-size:11px;fill:var(--ea-fg-mute);font-family:var(--ea-font-text)}.hc-chords{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px}.hc-chord{display:grid;gap:2px;justify-items:center;min-height:64px;padding:6px 4px;border:1.5px solid var(--ea-line-2);border-radius:var(--rad-sm);background:var(--ea-elevated);color:var(--ea-fg);cursor:pointer;font-family:var(--ea-font-text)}.hc-chord:hover{border-color:var(--ea-violet)}.hc-chord strong{font-size:1rem}.hc-chord small{font-size:11px;color:var(--ea-fg-mute)}.hc-chord.is-on{border-color:var(--ea-magenta);background:var(--ea-magenta-dim)}.hc-progs{display:grid;gap:6px}.hc-prog{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;text-align:left;padding:8px 12px;min-height:44px;border:1.5px solid var(--ea-line-2);border-radius:var(--rad-sm);background:var(--ea-elevated);color:var(--ea-fg);cursor:pointer;font-family:var(--ea-font-text)}.hc-prog:hover{border-color:var(--ea-violet)}.hc-prog.is-on{border-color:var(--ea-magenta)}.hc-prog__rn{font:700 var(--ea-fs-sm)var(--ea-font-mono);color:var(--ea-violet-hi)}.hc-prog__ch{font-weight:600}.hc-prog small{grid-column:1/-1;color:var(--ea-fg-mute);font-size:12px}.hc-trout{display:block;min-height:44px;padding:.6em .8em;border-radius:var(--rad-sm);background:var(--ea-elevated);border:1px dashed var(--ea-line-2);font:600 1.05rem var(--ea-font-mono);white-space:pre-wrap;margin:.3em 0 .5em;color:var(--ea-fg)}.hc-lic{margin-top:var(--sp-3)}.hc-print{display:none}@media print{.tl-grid--side,.hc-tr{display:none!important}.hc-print{display:block!important}.hc-printsvg svg{display:block;width:100%;max-width:16cm;height:auto;margin:0 auto 1cm}.hc-print .hc-maj{fill:#edeff6;stroke:#fff}.hc-print .hc-min{fill:#dcdfea;stroke:#fff}.hc-print .hc-sig{fill:#f4f5fa;stroke:#fff}.hc-print .hc-t1,.hc-print .hc-t3,.hc-print .hc-cbig{fill:#000}.hc-print .hc-t2,.hc-print .hc-t4,.hc-print .hc-ct,.hc-print .hc-note{fill:#333}.hc-print .hc-sigt{fill:#3b2a9a}.hc-print .hc-center{fill:#fff;stroke:#ccc}.hc-print .tl-table th,.hc-print .tl-table td{color:#000;border-color:#bbb;font-size:10pt;padding:4px 6px}.hc-lic,.hc-lic a{color:#000}}