:root{color-scheme:light;--page:#f5f6f8;--surface:#fff;--soft:#f7f8fa;--text:#17202c;--muted:#586575;--line:#dce1e7;--accent:#c63c0a;--accent-strong:#ad3005;--accent-soft:#fff0e9;--on-accent:#fff;--finger:#263241;--on-finger:#fff;--barre:#acb6c3;--focus:#2769b4;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;font-synthesis:none}
:root[data-theme=dark]{color-scheme:dark;--page:#11161e;--surface:#19212d;--soft:#202b39;--text:#edf1f7;--muted:#afbac9;--line:#354355;--accent:#ff9b72;--accent-strong:#ffc0a4;--accent-soft:#382821;--on-accent:#341207;--finger:#d5dfeb;--on-finger:#142033;--barre:#65768c;--focus:#8ebdff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--page);color:var(--text)}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.43}button,input,select{min-width:0}button{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.65rem,3.8vw,2.2rem);line-height:1.2;letter-spacing:-.035em;font-weight:750}h2{font-size:1.4rem;line-height:1.3;letter-spacing:-.025em}h3{font-size:1rem;font-weight:700}label,.control-label{font-size:.875rem;font-weight:600}label{display:block}select,input[type=text]{width:100%;min-height:44px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:9px 11px;font-size:.875rem}select{margin-top:7px;padding-right:23px}input[type=range]{accent-color:var(--accent);width:100%;min-height:24px;margin:0}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);margin:0;flex:none}.check{display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:500}[hidden]{display:none!important}.hint,.muted{font-size:.875rem;color:var(--muted);line-height:1.55}.hint:empty{display:none}.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.13em;color:var(--accent);margin-bottom:9px}.button,.square,.chip,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border-radius:7px;border:1px solid var(--line);background:var(--surface);font-size:.875rem;font-weight:650;padding:10px 15px;line-height:1.35}.button:hover:not(:disabled),.square:hover:not(:disabled),.chip:hover{border-color:var(--accent);color:var(--accent)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.button.quiet{border-color:transparent;background:transparent}.button.small{padding:8px 10px}.button.full{width:100%}.square{width:43px;padding:7px;flex:none;font-size:1.125rem}.chip{min-height:35px;padding:7px 10px;font-size:.8125rem;font-weight:600}.text-button{background:none;border-color:transparent;color:var(--muted);font-weight:500;padding-inline:0}.text-button:hover{color:var(--accent)}.skip{position:fixed;z-index:20;top:-100px;left:16px;background:var(--surface);padding:14px;border:2px solid var(--focus);border-radius:8px}.skip:focus{top:10px}
.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;margin:auto;padding:0 28px;min-height:78px;display:flex;align-items:center;gap:55px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand>span:first-child{font-size:1.65rem;letter-spacing:-.075em;font-weight:850;line-height:1}.brand-dot{color:var(--accent)}.brand-sub{font-size:.67rem;letter-spacing:.17em;font-weight:750;border-left:1px solid var(--line);padding-left:12px;line-height:25px}.header-inner nav{display:flex;gap:28px;align-self:stretch}.header-inner nav a{display:flex;align-items:center;font-size:.875rem;font-weight:650;color:var(--muted);border-bottom:3px solid transparent;padding-top:3px}.header-inner nav a:hover,.header-inner nav .active-link{color:var(--text)}.header-inner nav .active-link{border-bottom-color:var(--accent)}.theme-button{margin-left:auto;color:var(--muted)}.app{max-width:1280px;margin:auto;padding:35px 28px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:29px}.byline{margin-top:9px;color:var(--muted);font-size:.875rem}.workbench{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.selector-panel,.result-panel,.fretboard-section,.practice-section{background:var(--surface);border:1px solid var(--line);border-radius:14px}.selector-panel{padding:17px;min-width:0}.mode-switch,.segmented{display:flex;background:var(--soft);border:1px solid var(--line);padding:4px;border-radius:8px;gap:3px}.mode-switch{margin-bottom:24px}.mode-switch button,.segmented button{border:0;background:transparent;color:var(--muted);font-size:.875rem;font-weight:650;padding:9px 12px;min-height:38px;border-radius:5px;flex:1}.mode-switch button[aria-pressed=true],.segmented button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #17202c16}.search-input{display:flex;gap:5px;margin-top:8px}.search-input input{width:0;flex:1;padding-inline:8px}.search-form{margin-bottom:23px}.error{font-size:.8125rem;color:var(--accent);margin-top:9px}.selection-fields{display:grid;gap:16px}.transpose-row{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-size:.875rem;color:var(--muted)}.transpose-row>div{display:flex;gap:6px}.transpose-row .square{width:37px;min-height:37px}.quick-chords{margin-top:23px}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.preferences{display:grid;gap:13px;border-top:1px solid var(--line);padding-top:19px;margin-top:24px}.reading-guide{margin-top:23px;border-top:1px solid var(--line);padding-top:16px;font-size:.8125rem;color:var(--muted)}.reading-guide summary{cursor:pointer;color:var(--text);font-size:.875rem;font-weight:600;padding:3px 0}.reading-guide p{margin-top:12px}.custom-strings{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:16px 0}.custom-strings label{font-size:.8125rem}.custom-strings select{margin-top:4px}.match-section{margin-top:22px}.match-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.match-list .hint{width:100%}#custom-controls>.hint{margin-top:6px}
.result-panel{min-width:0;overflow:hidden}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 26px;border-bottom:1px solid var(--line)}.chord-identity{display:flex;align-items:center;gap:22px;min-width:0}.chord-identity h2{font-size:clamp(2.6rem,5vw,4rem);font-weight:750;line-height:1.12;letter-spacing:-.045em;color:var(--accent);overflow-wrap:anywhere}.chord-identity p{font-size:1rem;font-weight:650;margin-bottom:7px}.tag{display:inline-block;font-size:.75rem;font-weight:600;border:1px solid var(--line);padding:2px 7px;border-radius:4px;color:var(--muted)}.marker-control{font-size:.75rem;color:var(--muted);width:107px;flex:none}.marker-control select{min-height:36px;margin-top:5px;padding-block:6px;font-size:.8125rem;color:var(--text)}.result-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:24px 26px}.diagram-column,.theory-column{min-width:0}.diagram-surface{border-radius:10px;background:var(--soft);padding:12px 10px 5px}.diagram{max-width:350px;margin:auto;min-height:250px}.diagram svg{display:block;width:100%;height:auto;max-height:340px}.diagram-note{text-align:center;padding:0 3px 7px;font-size:.75rem}.diagram svg,.position-card svg,.paper-diagram svg{font-family:inherit;overflow:visible}.fret,.string{stroke:var(--barre)}.nut{stroke:var(--text)}svg text{fill:var(--text);font-size:14px}svg .muted-text{fill:var(--muted);font-size:12px}svg .barre{stroke:var(--barre);stroke-width:17px;stroke-linecap:round}svg .finger{fill:var(--finger)}svg .fundamental{fill:var(--accent)}svg .finger-label{fill:var(--on-finger);font-size:13px;font-weight:750}svg .root-label{fill:var(--on-accent)}svg .root-outline{display:none;fill:none;stroke:var(--text);stroke-width:1.5}svg .edit-target{fill:transparent;cursor:pointer}svg .edit-target:hover{fill:var(--accent);opacity:.15}.diagram-placeholder{min-height:275px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:22px;font-size:.875rem}.diagram-key{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:13px 0;color:var(--muted);font-size:.75rem}.diagram-key span{display:inline-flex;align-items:center;gap:4px}.root-key{width:8px;height:8px;background:var(--accent);border-radius:50%}.position-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0}.position-navigation>div{text-align:center;line-height:1.4;min-width:0}.position-navigation strong{display:block;font-size:.875rem}.position-navigation span{display:block;font-size:.75rem;color:var(--muted);margin-top:2px}.playback{display:flex;gap:7px}.playback .button{flex:1;padding-inline:10px;white-space:nowrap}.playback .square{width:39px}.volume-control{display:flex;align-items:center;gap:12px;margin:18px 0 7px;font-weight:500;font-size:.75rem;color:var(--muted)}.volume-control input{flex:1;width:0}.volume-control output{min-width:3ch;text-align:right}.empty-note{font-size:.875rem;padding:12px;background:var(--accent-soft);border-radius:7px;color:var(--text);margin-bottom:15px}#audio-status{font-size:.75rem;min-height:19px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.section-heading .hint{margin-top:6px}.section-heading.compact{gap:10px;margin-bottom:16px}.compact .muted{font-size:.75rem;white-space:nowrap}.tone-list{display:flex;gap:8px;flex-wrap:wrap}.tone{background:var(--soft);border:1px solid var(--line);border-radius:7px;flex:1;min-width:55px;padding:11px 5px 8px;text-align:center}.tone:hover{border-color:var(--accent)}.tone.root-tone{background:var(--accent-soft);border-color:var(--accent-soft)}.tone .note{display:block;font-size:1.4rem;line-height:1.3;font-weight:700;letter-spacing:-.035em}.tone.root-tone .note{color:var(--accent)}.tone .degree{display:block;font-size:.75rem;color:var(--muted);margin-top:3px}.tone.sounding{outline:2px solid var(--accent);outline-offset:2px}.formula{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 10px;font-size:.8125rem}.formula>span{color:var(--muted)}.formula strong{letter-spacing:.035em}.explanation{color:var(--muted);font-size:.875rem;line-height:1.6}.strings-section{margin-top:23px}.strings-section h3{margin-bottom:10px}table{border-collapse:collapse;width:100%;text-align:left;font-size:.8125rem}th,td{padding:8px 5px;border-bottom:1px solid var(--line)}thead th{color:var(--muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.055em;font-weight:650;padding-top:5px;padding-bottom:9px}tbody th{font-weight:500}th:first-child{padding-left:0}td:not(:first-child),thead th:not(:first-child){text-align:center}.muted-row{color:var(--muted)}.root-note{color:var(--accent);font-weight:750}#barre-info{font-size:.75rem;margin:12px 0 16px}.positions-section{border-top:1px solid var(--line);padding:22px 26px}.position-cards{display:flex;gap:10px;overflow-x:auto;padding:3px 3px 9px;scrollbar-width:thin}.position-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px;width:116px;min-width:116px;text-align:center}.position-card[aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft);padding:7px}.position-card svg{display:block;width:100%;height:109px}.position-card strong{font-size:.8125rem;display:block}.position-card span{display:block;color:var(--muted);font-size:.6875rem;margin-top:3px;line-height:1.4}.mini-diagram .barre{stroke-width:10px}.mini-diagram text{font-size:13px}.mini-diagram .muted-text{font-size:11px}
.fretboard-section{margin-top:24px;padding:24px 26px 17px}.segmented{flex:none}.segmented button{min-height:32px;padding:5px 12px}.fretboard-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--soft);scrollbar-width:thin}.fretboard{display:grid;grid-template-columns:36px repeat(13,minmax(49px,1fr));min-width:740px;row-gap:0}.fret-label{height:29px;text-align:center;font-size:.75rem;color:var(--muted)}.board-string{display:grid;place-items:center;font-size:.75rem;font-weight:650;color:var(--muted);height:45px}.board-cell{position:relative;height:45px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line)}.board-cell::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--barre)}.board-cell[data-string="5"]::before{height:2px}.board-cell[data-fret="0"]{border-right:3px solid var(--text)}.fretboard.is-left .board-cell[data-fret="0"]{border-right:0;border-left:3px solid var(--text)}.board-note{position:relative;z-index:1;min-width:33px;height:33px;padding:0 4px;background:var(--surface);border:1px solid var(--barre);border-radius:50%;font-size:.75rem;font-weight:650}.board-note.is-root{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.board-note:hover{outline:2px solid var(--accent);outline-offset:2px}.fretboard-help{font-size:.75rem;margin-top:12px}.practice-section{margin-top:24px;padding:26px}.preset-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 22px}.preset-row .control-label{margin-right:4px;color:var(--muted);font-size:.75rem}.preset-row .text-button{margin-left:auto;font-size:.8125rem}.sequence{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:27px}.sequence-card{position:relative;border:1px solid var(--line);border-radius:9px;background:var(--soft);min-width:0}.sequence-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent)}.sequence-select{width:100%;min-height:113px;padding:16px;text-align:left;border:0;background:none;border-radius:9px}.sequence-number{display:block;font-size:.75rem;color:var(--muted);margin-bottom:3px}.sequence-symbol{font-size:1.9rem;font-weight:700;letter-spacing:-.035em;line-height:1.3;display:block;overflow-wrap:anywhere}.sequence-name{font-size:.75rem;color:var(--muted);display:block;margin-top:3px}.sequence-remove{position:absolute;top:5px;right:6px;width:32px;height:32px;border:0;border-radius:6px;background:none;color:var(--muted);font-size:1.3rem}.sequence-remove:hover{background:var(--surface);color:var(--accent)}.sequence-empty{border:1px dashed var(--line);border-radius:8px;padding:23px;color:var(--muted);font-size:.875rem;grid-column:1/-1}.practice-controls{display:grid;grid-template-columns:minmax(160px,1fr) 155px 130px auto;align-items:center;gap:28px;padding-top:22px;border-top:1px solid var(--line)}.tempo label{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-weight:500}.tempo strong{color:var(--text);white-space:nowrap}.tempo input{margin-top:13px}.beats-field{font-size:.75rem;color:var(--muted);font-weight:500}.beats-field select{color:var(--text);margin-top:5px}.practice-checks{display:grid;gap:10px}.practice-checks label{font-size:.8125rem}.practice-play{min-height:47px}.practice-bottom{display:flex;align-items:center;gap:17px;min-height:23px;margin-top:21px}.beat-indicators{display:flex;gap:6px;flex:none}.beat-indicators i{display:block;width:9px;height:9px;border-radius:50%;background:var(--line)}.beat-indicators i.active{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.practice-bottom .hint{font-size:.75rem}.feedback{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10;border-radius:8px;background:var(--text);color:var(--surface);padding:12px 20px;box-shadow:0 4px 24px #0002;font-size:.875rem;max-width:calc(100% - 32px);text-align:center}.feedback:empty{display:none}.footer{display:flex;justify-content:space-between;gap:24px;padding:35px 0;color:var(--muted);font-size:.75rem}.footer>div{display:grid;gap:7px}.footer strong{font-size:.875rem;color:var(--text)}.footer p{text-align:right;line-height:1.7}.print-sheet{display:none}
@media(min-width:1101px){.playback .button{font-size:.8125rem;padding-inline:8px;gap:6px}}
@media(max-width:1100px){.workbench{grid-template-columns:220px minmax(0,1fr);gap:20px}.result-body{padding:22px;gap:20px}.result-heading,.positions-section{padding-inline:22px}.playback{flex-wrap:wrap}.playback .primary{flex-basis:100%}.practice-controls{gap:18px;grid-template-columns:minmax(150px,1fr) 135px 125px auto}.header-inner{gap:35px}}
@media(max-width:900px){.workbench{grid-template-columns:minmax(0,1fr)}.selector-panel{padding:20px}.mode-switch{max-width:280px;margin-bottom:20px}#explore-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:17px 24px;align-items:start}.search-form{margin:0}.selection-fields{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:12px}.transpose-row{margin:0;justify-content:start;gap:14px;min-height:37px}.quick-chords{margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quick-chords .control-label{font-size:.75rem}.chip-row{margin:0}.preferences{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:17px}.reading-guide{margin-top:16px;padding-top:13px}.custom-strings{grid-template-columns:repeat(6,minmax(0,1fr))}#clear-custom{width:auto}.match-section{margin-top:16px}.result-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;padding:25px}.playback{flex-wrap:nowrap}.playback .primary{flex-basis:auto}.practice-controls{grid-template-columns:1fr 1fr;gap:24px 35px}.practice-checks{display:flex;gap:23px}.header-inner{gap:28px}.header-inner nav{gap:20px}.sequence{grid-template-columns:repeat(4,minmax(0,1fr))}.sequence-select{padding:15px 12px}.sequence-symbol{font-size:1.7rem}.section-heading{gap:14px}}
@media(max-width:620px){.header-inner{padding:0 17px;min-height:68px;gap:22px;flex-wrap:wrap}.brand>span:first-child{font-size:1.45rem}.brand-sub{display:none}.header-inner nav{gap:17px;align-self:stretch}.header-inner nav a{font-size:.8125rem;min-height:68px}.theme-button{font-size:.75rem;padding:8px 0;min-height:39px}.app{padding:26px 16px 0}.page-heading{align-items:start;gap:14px;flex-wrap:wrap;margin-bottom:22px}.page-heading .button{font-size:.8125rem;min-height:39px}.eyebrow{font-size:.64rem;letter-spacing:.12em}.workbench{gap:16px}.selector-panel{padding:17px}.mode-switch{max-width:none}#explore-controls{grid-template-columns:minmax(0,1fr);gap:17px}.search-input input{padding-inline:12px}.selection-fields{grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr)}.transpose-row{justify-content:space-between}.quick-chords{display:block}.quick-chords .control-label{font-size:.8125rem}.chip-row{margin-top:10px}.preferences{gap:13px 20px}.preferences .check{font-size:.8125rem}.reading-guide{font-size:.8125rem}.custom-strings{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.result-heading{padding:20px 17px;align-items:start}.chord-identity{gap:12px;flex-wrap:wrap}.chord-identity h2{font-size:2.85rem}.chord-identity p{font-size:.875rem;margin-bottom:5px}.marker-control{width:95px}.result-body{grid-template-columns:minmax(0,1fr);padding:18px 17px 22px;gap:26px}.diagram-column{max-width:400px;width:100%;margin:auto}.diagram{max-width:320px}.diagram-key{font-size:.75rem}.playback .button{font-size:.875rem}.theory-column{border-top:1px solid var(--line);padding-top:24px}.tone{padding:13px 6px 10px}.tone .note{font-size:1.6rem}.tone .degree{font-size:.75rem}.strings-section th,.strings-section td{padding-block:10px;font-size:.875rem}.strings-section thead th{font-size:.6875rem}.positions-section{padding:20px 17px}.position-card{min-width:110px;width:110px}.fretboard-section,.practice-section{margin-top:16px;padding:22px 17px}.section-heading{flex-wrap:wrap;gap:16px;margin-bottom:20px}h2{font-size:1.25rem}.section-heading .button{font-size:.8125rem;min-height:39px}.fretboard-section .section-heading{align-items:start}.fretboard-section .section-heading>div:first-child{flex:1;min-width:190px}.fretboard-scroll{margin-inline:-5px;padding-inline:8px}.fretboard{min-width:740px}.board-note{height:36px;min-width:36px}.preset-row{gap:8px}.preset-row .control-label{width:100%;margin-bottom:3px}.preset-row .text-button{margin-left:0;min-height:34px}.sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.sequence-select{min-height:106px;padding:13px}.sequence-symbol{font-size:1.85rem}.practice-controls{grid-template-columns:minmax(0,1fr) 132px;gap:22px 18px}.practice-checks{display:grid;gap:11px}.practice-play{min-height:49px;padding:11px;font-size:.8125rem}.practice-bottom{align-items:start;gap:13px;flex-wrap:wrap}.beat-indicators{margin-top:5px}.footer{padding:29px 0;display:block;font-size:.75rem}.footer p{margin-top:15px;text-align:left}.feedback{bottom:15px;width:max-content;max-width:calc(100% - 32px);padding:11px 15px}}
@media(max-width:370px){.header-inner{gap:14px}.header-inner nav{gap:12px}.theme-button{font-size:.6875rem}.brand>span:first-child{font-size:1.3rem}.header-inner nav a{font-size:.75rem}.playback{flex-wrap:wrap}.playback .primary{flex-basis:100%}.practice-controls{grid-template-columns:minmax(0,1fr)}.practice-checks{display:flex;gap:24px}.sequence-symbol{font-size:1.6rem}.custom-strings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@page{size:A4;margin:15mm}
@media print{
:root,:root[data-theme=dark]{color-scheme:light;--page:#fff;--surface:#fff;--soft:#fff;--text:#111;--muted:#444;--line:#bbb;--accent:#111;--on-accent:#fff;--finger:#111;--on-finger:#fff;--barre:#888;font-size:12px}body{background:#fff;color:#111}.site-header,.app,.skip{display:none!important}.print-sheet{display:block;font-family:Arial,sans-serif}.paper-page{break-after:page}.paper-page:last-child{break-after:auto}.paper-header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #111;padding-bottom:13px;margin-bottom:20px;font-size:11px;line-height:1.6}.paper-brand{font-size:16px;font-weight:800}.paper-title{font-size:38px;line-height:1.2;margin-bottom:5px;font-weight:750}.paper-subtitle{font-size:15px;margin-bottom:20px}.paper-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.paper-diagram{width:290px;max-width:100%;margin:auto}.paper-diagram svg{display:block;width:100%;height:auto;max-height:330px}.paper-key{font-size:11px;line-height:1.8;margin-top:10px}.paper-notes{font-size:24px;font-weight:700;line-height:1.4;margin-bottom:12px}.paper-formula{font-size:14px;margin-bottom:12px}.paper-copy{font-size:12px;line-height:1.65;margin-bottom:15px}.paper-table{font-size:12px;margin-top:18px}.paper-table thead th{font-size:10px}.paper-table td,.paper-table th{padding-block:8px}.paper-footer{border-top:1px solid #bbb;padding-top:12px;margin-top:25px;font-size:10px;line-height:1.7}.paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.paper-card{border:1px solid #bbb;border-radius:8px;padding:14px;break-inside:avoid}.paper-card h2{font-size:25px;line-height:1.3}.paper-card .paper-diagram{width:190px}.paper-card p{font-size:11px;line-height:1.6}.paper-card .paper-formula{margin:6px 0 0}.paper-grid-title{font-size:25px;margin-bottom:8px}.paper-practice-settings{margin-bottom:17px;font-size:12px}svg .root-outline{display:block}svg .finger,svg .fundamental{fill:#111}svg .finger-label,svg .root-label{fill:#fff}svg .barre{stroke:#888}svg .muted-text{fill:#333}svg{print-color-adjust:exact;-webkit-print-color-adjust:exact}.paper-card .paper-diagram svg{max-height:215px}}

/* Persistent, owner-managed chord catalog. */
.catalog-section{margin-top:24px;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:14px;scroll-margin-top:24px}.catalog-section .section-heading>div{max-width:690px}.catalog-access{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0;margin-bottom:20px;border-block:1px solid var(--line)}.catalog-account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.catalog-status{margin-bottom:17px}.catalog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px}.catalog-card{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:17px;min-width:0;display:flex;flex-direction:column}.catalog-card h3{font-size:1.75rem;letter-spacing:-.035em;overflow-wrap:anywhere;line-height:1.3}.catalog-card-diagram{max-width:175px;width:100%;margin:12px auto 7px}.catalog-card-diagram svg{width:100%;height:auto;display:block}.catalog-card .catalog-card-notes{font-size:.875rem;color:var(--muted);margin-bottom:8px;overflow-wrap:anywhere}.catalog-card .catalog-card-description{font-size:.875rem;line-height:1.6;overflow-wrap:anywhere;white-space:pre-line;margin-bottom:17px}.catalog-card .button{margin-top:auto;width:100%}.catalog-list-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.catalog-list-actions:has(>button[hidden]:only-child){display:none}.catalog-save-shortcut{margin-top:9px}.catalog-selected-note{border-left:3px solid var(--accent);padding-left:12px;margin-top:14px;white-space:pre-line;overflow-wrap:anywhere}
.catalog-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:14px;padding:26px;background:var(--surface);color:var(--text);box-shadow:0 16px 70px #0004}.catalog-dialog::backdrop{background:#09101bad}.catalog-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.catalog-dialog-heading .square{align-self:start}.catalog-form-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:center;margin:23px 0}.catalog-form-body>div{min-width:0}.catalog-preview{max-width:235px;background:var(--soft);border-radius:9px;padding:10px;min-height:0}.catalog-position-summary{font-size:.8125rem;text-align:center;margin-top:10px}.catalog-dialog fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:18px}.catalog-dialog fieldset input{margin-top:7px;font-size:1rem}.catalog-dialog textarea{font:inherit;color:inherit;font-weight:400;font-size:.875rem;line-height:1.5;width:100%;min-height:110px;max-height:240px;resize:vertical;margin-top:7px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.catalog-dialog textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.catalog-dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.catalog-dialog .error{font-size:.875rem;padding:12px;background:var(--accent-soft);border-radius:7px}.catalog-dialog .eyebrow{font-size:.75rem}
@media(max-width:900px){.header-inner{gap:25px}.header-inner nav{gap:18px}.catalog-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.header-inner{gap:14px}.header-inner nav{gap:13px}.header-inner nav a{min-height:60px}.theme-button{font-size:.75rem}.catalog-section{margin-top:16px;padding:22px 17px}.catalog-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card{padding:12px}.catalog-card h3{font-size:1.5rem}.catalog-card .button{padding-inline:8px}.catalog-card-diagram{margin-top:9px}.catalog-access{align-items:start;gap:12px}.catalog-dialog{padding:19px}.catalog-form-body{grid-template-columns:minmax(0,1fr);gap:20px}.catalog-preview{max-width:185px}.catalog-dialog-actions .button{flex:1}.catalog-dialog-heading{gap:12px}.catalog-dialog-heading h2{font-size:1.2rem}}
@media(max-width:390px){.header-inner{gap:12px}.header-inner nav{gap:10px}.header-inner nav a{font-size:.75rem}.theme-button{width:100%;margin:0;text-align:right;justify-content:flex-end;min-height:28px;padding:0 0 8px}.catalog-list{grid-template-columns:minmax(0,1fr)}.catalog-card-diagram{max-width:180px}.catalog-card h3{font-size:1.75rem}}
@media print{.catalog-dialog{display:none!important}}