#main-content .wrap{max-width:1280px;margin:0 auto;padding:0 1.25rem}#main-content .wrap.narrow{max-width:780px}#main-content section{padding:2.6rem 0}#main-content section+section{border-top:1px solid var(--brd2)}#main-content .reveal{opacity:1}#main-content .hero{padding:3.2rem 0 1.6rem}#main-content .hero h1{font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,serif;font-weight:700;font-size:clamp(2rem,5vw,3rem);line-height:1.08;color:var(--txt);margin:.4rem 0 .8rem}#main-content .hero h1 em{color:var(--acc);font-style:italic}#main-content .hero p{color:var(--mut);font-size:1.12rem;line-height:1.6;max-width:62ch}#main-content .eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--acc)}#main-content .lead{color:var(--mut);font-size:1.08rem;line-height:1.6;margin-top:.4rem;max-width:64ch}#main-content h2{font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,serif;font-weight:700;color:var(--txt);font-size:clamp(1.5rem,3.2vw,2rem);line-height:1.15;margin:.5rem 0 .4rem}#main-content h2 em{color:var(--acc);font-style:italic}#main-content .prose,#main-content .copy{max-width:72ch}#main-content .prose p,#main-content .copy p{color:var(--mut);line-height:1.72;margin-top:.95rem}#main-content .prose strong,#main-content .copy strong{color:var(--txt)}#main-content .prose em,#main-content .copy em{color:var(--txt);font-style:italic}#main-content .prose h3,#main-content .copy h3{font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,serif;font-weight:600;color:var(--txt);font-size:1.25rem;margin-top:1.7rem}#main-content .prose ul,#main-content .prose ol,#main-content .copy ul,#main-content .copy ol{margin:.9rem 0 0 1.3rem;color:var(--mut);line-height:1.65}#main-content .prose li,#main-content .copy li{margin:.45rem 0}#main-content .prose a,#main-content .copy a{color:var(--acc);text-decoration:underline;text-underline-offset:2px}#main-content .note{margin-top:1.2rem;font-size:.95rem;color:var(--acc2);font-weight:500}#main-content .cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}#main-content .btn{display:inline-block;padding:.72rem 1.25rem;border-radius:var(--r);font-weight:600;font-size:.98rem;text-decoration:none;transition:.2s;border:1px solid transparent;cursor:pointer}#main-content .btn-primary{background:var(--acc);color:var(--paper)}#main-content .btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}#main-content .btn-ghost{background:transparent;color:var(--txt);border-color:var(--brd)}#main-content .btn-ghost:hover{border-color:var(--acc);color:var(--acc)}#main-content .btn-ic{width:1.5em;height:1.5em;vertical-align:-.33em;margin-right:.5em;flex:none;transition:transform .2s}#main-content .btn:hover .btn-ic{transform:translateY(-2px)}#main-content .copy a.btn,#main-content .prose a.btn{text-decoration:none}#main-content .copy a.btn-primary,#main-content .prose a.btn-primary{color:var(--paper)}#main-content .copy a.btn-ghost,#main-content .prose a.btn-ghost{color:var(--txt)}#main-content .copy a.btn-ghost:hover,#main-content .prose a.btn-ghost:hover{color:var(--acc)}#main-content .grid{display:grid;gap:1rem;margin-top:1.6rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}#main-content .card{background:var(--card-bg, var(--bg2));border:var(--card-bw, 1px) solid var(--card-line, var(--brd));border-radius:var(--rl);padding:1.3rem}#main-content .card h3{font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,serif;font-weight:600;color:var(--txt);font-size:1.2rem;margin:.5rem 0 .35rem}#main-content .card p{color:var(--mut);line-height:1.6;font-size:.96rem}#main-content .card .ic{font-size:1.7rem;line-height:1}#main-content .card .age{display:inline-block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc2);margin-bottom:.2rem}#main-content .card .more{display:inline-block;margin-top:.7rem;color:var(--acc);font-weight:600;text-decoration:none;font-size:.95rem}#main-content .card .more:hover{text-decoration:underline}#main-content .two{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.4rem}#main-content .panel{background:var(--card-bg, var(--bg2));border:var(--card-bw, 1px) solid var(--card-line, var(--brd));border-radius:var(--rl);padding:1.5rem}#main-content .panel h3{font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,serif;font-weight:600;color:var(--txt);font-size:1.25rem}#main-content .panel .body{color:var(--mut);line-height:1.6}#main-content .ticks{list-style:none;margin:.9rem 0 0;padding:0}#main-content .ticks li{position:relative;padding-left:1.6rem;margin:.5rem 0;color:var(--mut);line-height:1.5}#main-content .ticks li:before{content:"✓";position:absolute;left:0;color:var(--acc2);font-weight:700}#main-content .ideas{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.5rem}#main-content .idea{background:var(--card-bg, var(--bg2));border:var(--card-bw, 1px) solid var(--card-line, var(--brd));border-radius:var(--rl);padding:1.2rem}#main-content .idea h4{color:var(--txt);font-size:1.05rem;margin-bottom:.35rem}#main-content .idea p{color:var(--mut);line-height:1.55;font-size:.95rem}#main-content .badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}#main-content .badge{font-size:.8rem;font-weight:600;padding:.32rem .7rem;border-radius:999px;background:var(--bg3);border:1px solid var(--brd);color:var(--mut)}#main-content .callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:var(--card-bg, var(--bg2));border:var(--card-bw, 1px) solid var(--card-line, var(--brd));border-radius:var(--rl);padding:1.2rem 1.4rem;margin-top:1.7rem}#main-content .callout span{color:var(--txt);font-weight:500}#main-content .tip{background:var(--card-bg, var(--bg2));border:var(--card-bw, 1px) solid var(--card-line, var(--brd));border-left:var(--card-bw, 3px) solid var(--card-line, var(--acc));border-radius:var(--r);padding:1rem 1.15rem;margin-top:1.3rem;max-width:72ch;color:var(--mut);line-height:1.6}#main-content .tip strong{color:var(--acc)}#main-content .faq{margin-top:1.1rem;max-width:72ch}#main-content .faq details{border:var(--card-bw, 1px) solid var(--card-line, var(--brd));border-radius:var(--r);background:var(--card-bg, var(--bg2));margin-top:.6rem;overflow:hidden}#main-content .faq summary{cursor:pointer;padding:.9rem 1.05rem;font-weight:600;color:var(--txt);list-style:none}#main-content .faq summary::-webkit-details-marker{display:none}#main-content .faq summary:after{content:"+";float:right;color:var(--acc);font-weight:700;margin-left:1rem}#main-content .faq details[open] summary:after{content:"–"}#main-content .faq .a{padding:0 1.05rem 1rem;color:var(--mut);line-height:1.65}#main-content .faq .a p{margin-top:.5rem}#main-content .faq .a strong{color:var(--txt)}#main-content .values{width:100%;border-collapse:collapse;margin-top:1.2rem;border:var(--card-bw, 1px) solid var(--card-line, var(--brd));border-radius:var(--r);overflow:hidden;font-size:.97rem}#main-content .values th,#main-content .values td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--brd2);color:var(--mut)}#main-content .values th{background:var(--bg3);color:var(--txt);font-weight:600}#main-content .values tr:last-child td{border-bottom:0}#main-content .values td:first-child{color:var(--txt);font-size:1.2rem}#main-content .anchors{list-style:none;margin-top:1.2rem;padding:0;display:grid;gap:.6rem}#main-content .anchors li{background:var(--card-bg, var(--bg2));border:var(--card-bw, 1px) solid var(--card-line, var(--brd));border-radius:var(--r);padding:.75rem 1rem;color:var(--mut)}#main-content .anchors strong{color:var(--acc)}#main-content .stufen{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.3rem}#main-content .stufen>div{background:var(--card-bg, var(--bg2));border:var(--card-bw, 1px) solid var(--card-line, var(--brd));border-radius:var(--r);padding:.7rem 1rem;text-align:center;min-width:74px}#main-content .stufen .s{display:block;font-size:.8rem;color:var(--acc);font-weight:700}#main-content .stufen .n{display:block;font-size:1.15rem;color:var(--txt);font-weight:600;margin-top:.15rem}#main-content .related{display:grid;gap:1rem;margin-top:1.6rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}#main-content .rcard{display:block;background:var(--card-bg, var(--bg2));border:var(--card-bw, 1px) solid var(--card-line, var(--brd));border-radius:var(--rl);padding:1.2rem;text-decoration:none;transition:.2s}#main-content .rcard:hover{border-color:var(--acc);transform:translateY(-2px)}#main-content .rcard h3{font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,serif;color:var(--txt);font-size:1.12rem;margin-bottom:.3rem}#main-content .rcard span{color:var(--mut);font-size:.93rem;line-height:1.5}@media(max-width:560px){#main-content section{padding:2rem 0}#main-content .hero{padding:2.2rem 0 1.2rem}}:root{--bg:var(--paper);--bg2:var(--paper-2);--bg3:#FCF8F0;--bg4:#E7DAC4;--acc:var(--brick);--acc2:#4E7D57;--acc3:var(--wood);--txt:var(--ink);--mut:var(--ink-soft);--brd:var(--line);--brd2:rgba(126,51,32,.12);--r:10px;--rl:14px}[data-theme=dark]{--bg3:#332B4A;--bg4:#3C3357;--acc2:#6FB07E;--brd2:rgba(216,171,99,.14)}h4{font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,Times New Roman,serif}#main-content{font-size:1rem;line-height:normal;font-synthesis:none}#main-content .hero{position:static;overflow:visible;isolation:auto;background:none;border-bottom:0}#main-content .hero .wrap{position:static;z-index:auto}#main-content .eyebrow{margin:0}#main-content p{margin-top:1em}#main-content :is(h1,h2,h3){letter-spacing:normal}#main-content .hero h1{max-width:none}#main-content .ex-chip.active,#main-content .ex-tap-pad.hit,#main-content .ex-ratio-bar{color:#fff}#main-content .ex-fb-head.ok{color:#1f8a5f}#main-content .ex-fb-head.no{color:#b23a26}[data-theme=dark] #main-content .ex-fb-head.ok{color:#3fce9f}[data-theme=dark] #main-content .ex-fb-head.no{color:#e8917a}#main-content .ex-cents-needle.near{stroke:#b07a1e}#main-content .ex-cents-needle.off{stroke:#b23a26}[data-theme=dark] #main-content .ex-cents-needle.near{stroke:#e0b44f}[data-theme=dark] #main-content .ex-cents-needle.off{stroke:#e0795f}#main-content .eyebrow{color:var(--brick)}#main-content .btn-ghost{color:var(--brick);border-color:var(--brick)}#main-content .btn-ghost:hover{background:var(--brick);color:#fff;border-color:var(--brick)}#main-content #ex-root{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media(prefers-reduced-motion:reduce){#main-content #ex-root{transition:none}}@media(max-width:560px){#main-content .ex-bar-right,#main-content .ex-stats{flex-wrap:wrap}}#main-content .ex-wrap{max-width:760px;margin-inline:auto}#main-content #ex-root{background:var(--card-bg, var(--bg2));border:var(--card-bw, 1px) solid var(--card-line, var(--brd));border-radius:var(--rl,14px);padding:clamp(1.1rem,3vw,1.8rem);margin-top:1.4rem}#main-content .ex-bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;border-bottom:1px solid var(--brd2,rgba(200,169,110,.1));padding-bottom:1rem;margin-bottom:1.2rem}#main-content .ex-levels{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}#main-content .ex-lbl{color:var(--mut);font-size:.85rem;margin-right:.2rem}#main-content .ex-chip{background:transparent;border:1px solid var(--brd);color:var(--mut);border-radius:50px;padding:.32rem .85rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:.15s}#main-content .ex-chip:hover{color:var(--acc);border-color:var(--acc)}#main-content .ex-chip.active{background:var(--acc);color:var(--paper);border-color:var(--acc)}#main-content .ex-stats{display:flex;align-items:center;gap:1.1rem}#main-content .ex-stat{display:flex;flex-direction:column;align-items:center;line-height:1.1}#main-content .ex-stat-v{font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,serif;font-size:1.25rem;color:var(--acc);font-weight:700}#main-content .ex-stat-l{font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}#main-content .ex-reset{background:none;border:none;color:var(--mut);font-size:.75rem;text-decoration:underline;cursor:pointer;padding:.2rem}#main-content .ex-reset:hover{color:var(--acc)}#main-content .ex-stage{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;text-align:center}#main-content .ex-prompt{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}#main-content .ex-start{font-size:1.05rem}#main-content .ex-play{min-width:160px}#main-content .ex-input{width:100%}#main-content .ex-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;max-width:560px;margin-inline:auto}#main-content .ex-choice{background:var(--bg3,#1a1a24);border:1px solid var(--brd);color:var(--txt);border-radius:10px;padding:.8rem .6rem;font-size:.96rem;font-weight:600;cursor:pointer;transition:.15s}#main-content .ex-choice:hover:not(:disabled){border-color:var(--acc);color:var(--acc);transform:translateY(-1px)}#main-content .ex-choice:disabled{cursor:default;opacity:.85}#main-content .ex-choice.correct{background:#1d9e75;border-color:#1d9e75;color:#04221b}#main-content .ex-choice.wrong{background:#b3402f;border-color:#b3402f;color:#fff}#main-content .ex-feedback{width:100%;display:flex;flex-direction:column;align-items:center;gap:.6rem}#main-content .ex-fb-head{font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,serif;font-size:1.3rem;font-weight:700}#main-content .ex-fb-head.ok{color:#2bb98a}#main-content .ex-fb-head.no{color:#e0795f}#main-content .ex-fb-sol{color:var(--txt);font-size:1.02rem}#main-content .ex-hint{color:var(--mut);font-size:.88rem;max-width:42ch}#main-content .ex-bar-right{display:flex;align-items:center;gap:1rem}#main-content .ex-mute{background:transparent;border:1px solid var(--brd);border-radius:8px;font-size:1rem;line-height:1;padding:.3rem .5rem;cursor:pointer;color:var(--txt)}#main-content .ex-mute:hover{border-color:var(--acc)}#main-content .ex-q-text{font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,serif;font-size:1.15rem;color:var(--txt);margin:0}#main-content .ex-visual{width:100%;display:flex;justify-content:center;margin:.4rem 0}#main-content .ex-check{margin-top:.4rem}#main-content .ex-text-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}#main-content .ex-text{background:var(--bg3,#1a1a24);border:1px solid var(--brd);color:var(--txt);border-radius:10px;padding:.7rem .9rem;font-size:1.05rem;min-width:180px;text-align:center}#main-content .ex-text:focus{outline:2px solid var(--acc);outline-offset:1px;border-color:var(--acc)}#main-content .ex-match{display:flex;flex-direction:column;gap:.5rem;max-width:420px;margin:0 auto 1rem}#main-content .ex-match-row{display:flex;align-items:center;gap:.7rem;justify-content:space-between}#main-content .ex-match-l{font-weight:600;font-size:1.05rem;min-width:64px;text-align:right}#main-content .ex-match-sel{flex:1;background:var(--bg3,#1a1a24);border:1px solid var(--brd);color:var(--txt);border-radius:8px;padding:.55rem .6rem;font-size:.95rem}#main-content .ex-match-sel:focus{outline:2px solid var(--acc);border-color:var(--acc)}#main-content .ex-kbd-wrap,#main-content .ex-input .ex-kbd{max-width:560px;margin:0 auto}#main-content .ex-kbd{display:block}#main-content .ex-key{cursor:pointer;transition:fill .1s}#main-content .ex-key-w{fill:#f3efe6;stroke:#b8b09e;stroke-width:1}#main-content .ex-key-b{fill:#23202a;stroke:#000;stroke-width:1}#main-content .ex-key-w:hover{fill:#fff7e0}#main-content .ex-key-b:hover{fill:#3a3550}#main-content .ex-key-w.on,#main-content .ex-key-b.on{fill:var(--acc)}#main-content .ex-key:focus{outline:2px solid var(--acc)}#main-content .ex-key-lbl{font-size:9px;fill:#6b6457;pointer-events:none;font-family:Mulish,Mulish Ersatz Arial,Mulish Ersatz Helvetica Neue,Mulish Ersatz Helvetica,Mulish Ersatz Segoe UI,Mulish Ersatz Roboto,Mulish Ersatz Arimo,sans-serif}#main-content .ex-fret-wrap{max-width:560px;margin:0 auto;overflow-x:auto}#main-content .ex-fret-nut{fill:#d8d2c4}#main-content .ex-fret-bar{stroke:#6b6457;stroke-width:1.5}#main-content .ex-fret-string{stroke:#b8b09e;stroke-width:1.3}#main-content .ex-fret-inlay{fill:#3a3e48}#main-content .ex-fret-hit{fill:transparent;cursor:pointer}#main-content .ex-fret-hit:hover{fill:#c8a96e40}#main-content .ex-fret-hit:focus{outline:2px solid var(--acc)}#main-content .ex-fret-dot{fill:var(--acc)}#main-content .ex-fret-dot.right{fill:#1d9e75}#main-content .ex-fret-dot.wrong{fill:#b3402f}#main-content .ex-fret-dot-lbl{font-size:10px;fill:#04221b;font-weight:700;pointer-events:none}#main-content .ex-circle-wrap{max-width:320px;margin:0 auto}#main-content .ex-circle-seg{cursor:pointer;stroke:var(--bg2);stroke-width:2;transition:opacity .1s}#main-content .ex-circle-seg:hover{opacity:.82}#main-content .ex-circle-seg:focus{outline:2px solid var(--acc)}#main-content .ex-circle-seg.right{stroke:#1d9e75;stroke-width:4}#main-content .ex-circle-seg.wrong{stroke:#b3402f;stroke-width:4}#main-content .ex-circle-lbl{font-size:14px;font-weight:700;fill:#1a1208;pointer-events:none;font-family:Mulish,Mulish Ersatz Arial,Mulish Ersatz Helvetica Neue,Mulish Ersatz Helvetica,Mulish Ersatz Segoe UI,Mulish Ersatz Roboto,Mulish Ersatz Arimo,sans-serif}#main-content .ex-circle-hub{fill:var(--bg2);stroke:var(--brd)}#main-content .ex-staff-wrap{max-width:420px;margin:0 auto}#main-content .ex-staff-line,#main-content .ex-staff-ledger{stroke:var(--txt);stroke-width:1.1}#main-content .ex-clef path{fill:var(--txt)}#main-content .ex-note{fill:var(--txt)}#main-content .ex-note-stem{stroke:var(--txt);stroke-width:1.6}#main-content .ex-note-acc{fill:var(--txt);font-size:18px;font-family:Georgia,serif}#main-content .ex-seq-chips{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap;margin-bottom:.6rem}#main-content .ex-seq-chip{min-width:38px;border:1px solid var(--brd);border-radius:8px;padding:.3rem .5rem;font-weight:600;background:var(--bg3,#1a1a24)}#main-content .ex-seq-chip.empty{color:var(--mut);opacity:.5}#main-content .ex-seq-ctrl{display:flex;gap:.5rem;justify-content:center;margin:.6rem 0}#main-content .ex-tap-pad{display:block;width:100%;max-width:340px;margin:.6rem auto;padding:2.2rem 0;background:var(--bg3,#1a1a24);border:2px solid var(--brd);border-radius:16px;color:var(--acc);font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,serif;font-size:1.6rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:.06s}#main-content .ex-tap-pad:hover{border-color:var(--acc)}#main-content .ex-tap-pad.hit{background:var(--acc);color:#0a0a0f;transform:scale(.99)}#main-content .ex-tap-meter{color:var(--mut);font-size:.9rem;min-height:1.1em}#main-content .ex-tap-ctrl{display:flex;gap:.6rem;justify-content:center;margin-top:.5rem}#main-content .ex-slider-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%;max-width:340px;margin:.4rem auto}#main-content .ex-slider{width:100%;accent-color:var(--acc)}#main-content .ex-slider-read{font-family:DM Mono,monospace;color:var(--acc);font-size:1.05rem}#main-content .ex-reveal{margin-top:.4rem;width:100%;display:flex;flex-direction:column;align-items:center}#main-content .ex-cents-wrap,#main-content .ex-rhythm-wrap{max-width:320px;width:100%}#main-content .ex-cents-track,#main-content .ex-rh-line{stroke:var(--brd);stroke-width:2}#main-content .ex-cents-tick{stroke:var(--mut);stroke-width:1}#main-content .ex-cents-zero{stroke:var(--txt);stroke-width:2}#main-content .ex-cents-needle{stroke-width:3}#main-content .ex-cents-needle.ok{stroke:#2bb98a}#main-content .ex-cents-needle.near{stroke:#e0b44f}#main-content .ex-cents-needle.off{stroke:#e0795f}#main-content .ex-cents-val{fill:var(--txt);font-size:12px;font-family:DM Mono,monospace}#main-content .ex-ratio{text-align:center}#main-content .ex-ratio-num{font-family:Fraunces,Fraunces Ersatz Georgia,Fraunces Ersatz Times New Roman,"Fraunces Ersatz Noto Serif",Fraunces Ersatz Tinos,Georgia,serif;font-size:1.6rem;color:var(--acc);font-weight:700}#main-content .ex-ratio-bars{display:flex;flex-direction:column;gap:.3rem;max-width:240px;margin:.4rem auto 0}#main-content .ex-ratio-bar{height:1.3rem;border-radius:5px;color:#0a0a0f;font-size:.8rem;font-weight:700;display:flex;align-items:center;padding-left:.4rem;min-width:1.5rem}#main-content .ex-ratio-bar.a{background:var(--acc)}#main-content .ex-ratio-bar.b{background:#8a7a5a}#main-content .ex-rh-line{stroke-dasharray:2 3}#main-content .ex-rh-lbl{fill:var(--mut);font-size:11px}#main-content .ex-rh-target{fill:var(--acc)}#main-content .ex-rh-user{fill:#4a9fd8}@media(prefers-reduced-motion:reduce){#main-content .ex-tap-pad,#main-content .ex-key,#main-content .ex-circle-seg{transition:none}}@media(max-width:560px){#main-content .ex-bar{flex-direction:column;align-items:flex-start}#main-content .ex-bar-right{width:100%;justify-content:space-between}#main-content .ex-stats{justify-content:space-between}}.hero--noten{position:relative;overflow:hidden;isolation:isolate}.hero-noten{position:absolute;inset:0;z-index:-2;opacity:.48;pointer-events:none}.hero-noten svg{width:100%;height:100%;display:block}[data-theme=dark] .hero-noten{opacity:.6}.hero-noten-scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(130% 130% at 24% 50%,color-mix(in srgb,var(--paper) 86%,transparent),color-mix(in srgb,var(--paper) 55%,transparent) 42%,color-mix(in srgb,var(--paper) 12%,transparent) 78%)}.hero--noten .wrap{position:relative;z-index:1}.skip-nav{position:absolute;left:-9999px;top:0;background:var(--brick);color:#fff;padding:.6rem 1rem;z-index:60;text-decoration:none;border-radius:0 0 .4rem}.skip-nav:focus{left:0}.cat+.cat{margin-top:0}.cat-head{max-width:60ch;margin-bottom:clamp(1.3rem,1rem + 1.5vw,2rem)}.cat-head h2{font-size:var(--fs-h2)}.cat-head p{color:var(--ink-soft);font-size:var(--fs-lead);margin:0}.ex-card{display:flex;flex-direction:column;background:var(--card-bg, var(--paper-2));border:var(--card-bw, 1px) solid var(--card-line, var(--line));border-radius:var(--radius);padding:1.5rem;text-decoration:none;color:inherit;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.ex-card:hover{border-color:var(--brick);transform:translateY(-2px);box-shadow:0 10px 26px #2a211b17}.ex-ic{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#a6432b1a;color:var(--brick);margin-bottom:1.1rem}.ex-ic svg{width:26px;height:26px}.ex-card h3{font-size:var(--fs-h3);color:var(--brick-deep);margin-bottom:.4rem}.ex-card p{color:var(--ink-soft);margin:0 0 1.1rem;flex:1}.ex-more{font-weight:700;color:var(--brick);font-size:var(--fs-small)}.ex-card:hover .ex-more,[data-theme=dark] .ex-more{color:var(--brick-deep)}.why{background:var(--card-bg, var(--paper-2));border-left:4px solid var(--card-line, var(--brass));border-radius:0 var(--radius) var(--radius) 0;padding:clamp(1.5rem,1rem + 2vw,2.2rem);max-width:74ch}.why h2{font-size:var(--fs-h3)}.why p{color:var(--ink-soft);margin:0}.note-card{width:100%;text-align:left;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.note-card:focus-visible{outline:2px solid var(--brick);outline-offset:2px}.note-card h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.note-frac{display:inline-block;padding:.06rem .45rem;margin-right:.4rem;border-radius:999px;background:#d8ab6329;color:var(--brass-text);font-weight:800;font-size:.82em;letter-spacing:.01em;vertical-align:middle}[data-theme=dark] .note-frac{background:#d8ab6333}.nw-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2rem);background:color-mix(in srgb,#000 55%,transparent);animation:nw-fade .18s ease}@supports (backdrop-filter:blur(2px)){.nw-overlay{backdrop-filter:blur(3px)}}.nw-overlay[hidden]{display:none}@keyframes nw-fade{0%{opacity:0}to{opacity:1}}.nw-modal{position:relative;width:min(760px,100%);max-height:min(90vh,940px);overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:0 24px 70px #0000006b;padding:clamp(1.4rem,1rem + 2vw,2.3rem);animation:nw-pop .2s cubic-bezier(.2,.7,.3,1)}@keyframes nw-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.nw-overlay,.nw-modal{animation:none}}.nw-close{position:absolute;top:.8rem;right:.8rem;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:var(--paper-2);color:var(--ink-soft);cursor:pointer;transition:color .15s,border-color .15s}.nw-close:hover{color:var(--brick);border-color:var(--brick)}.nw-close:focus-visible{outline:2px solid var(--brick);outline-offset:2px}.nw-close svg{width:18px;height:18px;display:block}.nw-head{display:flex;gap:1rem;align-items:center;margin:0 2.6rem .2rem 0}.nw-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:58px;padding:0 .55rem;border-radius:14px;background:#a6432b1a;color:var(--brick);font-family:ui-monospace,DM Mono,Menlo,Consolas,monospace;font-weight:700;font-size:1.2rem}.nw-title{font-size:var(--fs-h2);margin:0;color:var(--brick-deep);line-height:1.1}.nw-sub{margin:.2rem 0 0;color:var(--ink-soft);font-size:var(--fs-small)}.nw-meter{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:1.1rem 0 1.2rem}.nw-meter__label{font-size:var(--fs-small);color:var(--ink-soft)}.nw-meter__bars{display:inline-flex;gap:4px}.nw-meter__bars i{width:22px;height:8px;border-radius:4px;background:var(--line);transition:background .25s ease}.nw-meter__bars i.on{background:var(--brass)}.nw-sheet{margin:0}.nw-paper{background:#fbf8f2;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(.9rem,.5rem + 1.5vw,1.5rem) clamp(1rem,.5rem + 2vw,1.7rem);overflow-x:auto;box-shadow:inset 0 1px #ffffffb3,0 1px 3px #0000000f}.nw-paper svg{display:block;width:100%;height:auto}.nw-caption{margin:.75rem .15rem 0;color:var(--ink-soft);font-size:var(--fs-small);font-style:italic}.nw-note{margin:1rem 0 0;padding:.9rem 1.05rem;background:var(--card-bg, var(--paper-2));border-left:4px solid var(--card-line, var(--brass));border-radius:0 var(--radius) var(--radius) 0;color:var(--ink-soft);font-size:var(--fs-small);line-height:1.55}@media(max-width:520px){#main-content .ex-kbd-wrap,#main-content .ex-fret-wrap{margin-inline:calc(-1*clamp(1.1rem,3vw,1.8rem))}}#main-content .ex-reset{min-height:24px}#main-content .ex-kbd-wrap{overflow-x:auto}