@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_25f324d0-module___WK4EG__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_25f324d0-module___WK4EG__variable{--font-space-grotesk:"Space Grotesk", "Space Grotesk Fallback"}
:root{box-sizing:border-box;--bg:#e8ebf0;--surface:#fff;--ink:#191c22;--muted:#6a7080;--hair:#d3d7e0;--field:#f4f6f9;--fret:#aeb4c0;--inlay:#c3c8d2;--root:#e0781a;--root-soft:#e0781a33;--white-key:#fff;--white-edge:#c7ccd6;--black-key:#22262f;--mark-on-white:#191c2280;--mark-on-black:#ffffff9e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12141a;--surface:#1b1e26;--ink:#e7e9ef;--muted:#9298a6;--hair:#2c3038;--field:#252932;--fret:#535a68;--inlay:#424854;--root-soft:#f0964642}}:root[data-theme=dark]{--bg:#12141a;--surface:#1b1e26;--ink:#e7e9ef;--muted:#9298a6;--hair:#2c3038;--field:#252932;--fret:#535a68;--inlay:#424854;--root-soft:#f0964642}*,:before,:after{box-sizing:inherit}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-space-grotesk), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-text-size-adjust:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);line-height:1.5}a{color:inherit}.nav{flex-wrap:wrap;align-items:center;gap:6px 18px;max-width:1180px;margin:0 auto;padding:14px 18px 0;display:flex}.nav .brand{letter-spacing:-.01em;margin-right:auto;font-weight:700;text-decoration:none}.nav .brand span{color:var(--root)}.nav a.link{color:var(--muted);font-size:.92rem;font-weight:500;text-decoration:none}.nav a.link:hover,.nav a.link[aria-current=page]{color:var(--ink)}@media (max-width:560px){.nav .brand{flex-basis:100%}.nav{gap:4px 16px}}.nav a.link[aria-current=page]{text-decoration:underline;-webkit-text-decoration-color:var(--root);text-decoration-color:var(--root);text-underline-offset:5px;text-decoration-thickness:2px}.wrap{margin:0 auto;padding:22px 18px 40px}.wrap.narrow{max-width:620px}.wrap.medium{max-width:760px}.wrap.wide{max-width:1180px}header.tool h1{letter-spacing:-.01em;margin:0 0 4px;font-size:1.5rem;font-weight:700}header.tool p{color:var(--muted);max-width:58ch;margin:0 0 20px;font-size:.95rem}.controls{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.field{flex:150px;min-width:140px}.field label{color:var(--muted);margin:0 0 6px 2px;font-size:.78rem;display:block}select{width:100%;color:var(--ink);background:var(--field);border:1px solid var(--hair);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%238a90a0' stroke-width='1.7' fill='none' stroke-linecap='round'/></svg>");background-position:right 14px center;background-repeat:no-repeat;border-radius:12px;padding:11px 14px;font-family:inherit;font-size:1rem;font-weight:500}select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--root);outline-offset:2px}.readout{background:var(--surface);border:1px solid var(--hair);border-radius:14px;margin-top:20px;padding:16px 18px}.readout b{color:var(--ink);font-weight:600}.readout .lead{font-size:1.1rem;font-weight:500}.readout .lead b{color:var(--root);font-weight:700}.readout .sub{color:var(--muted);margin-top:9px;font-size:.92rem}.legend{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:14px;font-size:.82rem;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.swatch{border-radius:50%;width:12px;height:12px}.swatch.fill{background:var(--root)}.swatch.ring{border:2px solid var(--muted)}.swatch.ring.accent{border-color:var(--root);background:var(--surface)}.hint{color:var(--muted);margin:12px 2px 0;font-size:.84rem}.keys{background:var(--black-key);-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;height:210px;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000029}.whites{height:100%;display:flex}.wk{background:var(--white-key);border-right:1px solid var(--white-edge);flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:7px;padding-bottom:13px;display:flex;position:relative}.wk:last-child{border-right:none}.bk{background:var(--black-key);z-index:2;border-radius:0 0 6px 6px;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:62%;padding-bottom:10px;display:flex;position:absolute;top:0;box-shadow:0 3px 5px #00000059}.dot{opacity:0;border-radius:50%;width:12px;height:12px;transition:opacity .15s}.lbl{opacity:0;font-size:.8rem;font-weight:600;transition:opacity .15s}.wk .lbl{color:#5a6070}.bk .lbl{color:#c9cdd6;font-size:.72rem}.wk.on .dot{opacity:1;border:2px solid var(--mark-on-white)}.bk.on .dot{opacity:1;border:2px solid var(--mark-on-black)}.on .lbl{opacity:1}.wk.root .dot,.bk.root .dot{opacity:1;background:var(--root);border:none;width:13px;height:13px}.root .lbl{opacity:1}.spell{letter-spacing:.01em;flex-wrap:wrap;align-items:baseline;gap:2px 12px;font-size:1.15rem;font-weight:600;display:flex}.spell .name{color:var(--root);margin-right:6px}.spell .tone.r{color:var(--root)}.togglewrap{text-align:center;margin-bottom:10px}.toggle{background:var(--field);border:1px solid var(--hair);border-radius:12px;gap:3px;padding:3px;display:inline-flex}.toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 20px;font-family:inherit;font-size:.92rem;font-weight:600}.toggle button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.wheel{width:100%;max-width:380px;margin:0 auto;display:block}.wheel text{pointer-events:none;font-family:inherit}.wedge{stroke:var(--hair);stroke-width:1.5px;cursor:pointer;transition:fill .15s}.wedge.base-outer{fill:var(--field)}.wedge.base-inner{fill:var(--surface)}.wedge.near{fill:var(--root-soft)}.wedge.sel{fill:var(--root)}.klabel.outer{fill:var(--ink);font-size:15px;font-weight:600}.klabel.inner{fill:var(--muted);font-size:10.5px;font-weight:600}.klabel.on-sel,.roman.on-sel{fill:#fff}.roman{fill:var(--muted);font-size:9px;font-weight:700}.wheel-hint{text-align:center}.boardscroll{-webkit-overflow-scrolling:touch;border:1px solid var(--hair);background:var(--surface);border-radius:12px;padding:4px;overflow-x:auto}.board{display:block}.board text{font-family:inherit}.notelbl{fill:var(--ink);font-size:10px;font-weight:600}.notelbl.root{fill:#fff}.opennote{fill:var(--muted);font-size:10px;font-weight:600}.fretnum{fill:var(--muted);font-size:9.5px}.fretnum.marker{fill:var(--ink);font-weight:700}.hero h1{letter-spacing:-.02em;margin:10px 0;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15}.hero p{color:var(--muted);max-width:56ch;margin:0 0 26px;font-size:1.02rem}.tool-card{background:var(--surface);border:1px solid var(--hair);border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.tool-card:hover{border-color:var(--root);transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.tool-card .art{background:var(--bg);border-bottom:1px solid var(--hair);justify-content:center;align-items:center;gap:18px;height:170px;padding:22px;display:flex}.tool-card .art svg{max-width:100%;max-height:100%;display:block}.tool-card .body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.tool-card h2{letter-spacing:-.01em;margin:8px 0 4px;font-size:1.2rem}.tool-card p{color:var(--muted);margin:0 0 14px;font-size:.92rem}.tool-card .go{color:var(--root);margin-top:auto;font-size:.92rem;font-weight:600}.tag{letter-spacing:.05em;text-transform:uppercase;color:var(--root);background:var(--root-soft);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.72rem;font-weight:700}.tool-card.featured{flex-direction:row;margin-bottom:34px}.tool-card.featured .art{border-bottom:0;border-right:1px solid var(--hair);flex:1.3;height:auto;min-height:230px}.tool-card.featured .art svg{width:62%}.tool-card.featured .body{flex:1;justify-content:center;padding:28px}.tool-card.featured h2{font-size:1.7rem}.tool-card.featured p{max-width:42ch;font-size:1rem}.art-results{flex-direction:column;flex:none;gap:6px;margin:0;padding:0;list-style:none;display:flex}.art-results li{color:var(--ink);white-space:nowrap;background:var(--surface);border:1px solid var(--hair);border-radius:8px;padding:5px 9px;font-size:.78rem;font-weight:600}.art-results li.on{border-color:var(--root);box-shadow:0 0 0 1px var(--root)}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px;font-size:.8rem}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.home-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:26px 0 0;font-size:.86rem;display:flex}.home-note .swatch{display:inline-block}@media (max-width:760px){.tool-card.featured{flex-direction:column}.tool-card.featured .art{border-right:0;border-bottom:1px solid var(--hair);height:190px;min-height:0}.tool-card.featured .body{padding:18px}.tool-card.featured h2{font-size:1.4rem}}@media (max-width:420px){.art-results{display:none}.tool-card.featured .art svg{width:100%}}@media (prefers-reduced-motion:reduce){.dot,.lbl,.wedge,.tool-card{transition:none}.tool-card:hover{transform:none}}.tool-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{color:var(--ink);background:var(--field);border:1px solid var(--hair);cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:7px;padding:7px 13px;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--root)}.btn:disabled{opacity:.45;cursor:default}@media print{@page{margin:14mm}@page landscape{size:landscape}.wrap.wide{page:landscape}:root:not([data-print]){--bg:#fff;--surface:#fff;--ink:#000;--muted:#333;--hair:#999;--field:#fff;--fret:#888;--inlay:#ccc;--root:#000;--root-soft:#ddd;--white-key:#fff;--white-edge:#777;--black-key:#222;--mark-on-white:#000;--mark-on-black:#fff}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:0}.nav,.controls,.toggle,.btn,.fret-hit,header.tool p,.wheel-hint,.chips{display:none}.result{break-inside:avoid}.wrap{max-width:none;padding:0}header.tool h1{margin-bottom:14px}.keys,.bk,.tool-card{box-shadow:none}.keys{border:1px solid #000}.bk.root .dot{background:#fff}.wk .lbl{color:#000}.bk .lbl{color:#fff}.wheel{max-width:120mm}.boardscroll{border-color:#000;padding:0;overflow:visible}.board{width:100%;height:auto}.readout{border-color:#000}.keys,.wheel,.boardscroll,.legend,.readout{break-inside:avoid}}:where(.keys button){appearance:none;font:inherit;color:inherit;cursor:pointer;border:0;margin:0}.keys.interactive .lbl{opacity:.4}.keys.interactive .root .lbl,.keys.interactive .on .lbl,.keys.interactive .soft .lbl{opacity:1}.keys.interactive .wk:hover{background:#f1f3f7}.keys.interactive .bk:hover{background:#343945}@media (max-width:560px){.keys.interactive .bk:not(.root):not(.on) .lbl{opacity:0}.keys.interactive .lbl{font-size:.66rem}}.wk.soft .dot,.bk.soft .dot{opacity:1;background:var(--root-soft);border:2px solid var(--root)}.soft .lbl{opacity:1}.wk.tonic .dot{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #191c22}.bk.tonic .dot{box-shadow:0 0 0 2px var(--black-key), 0 0 0 3.5px #fff}.fret-hit{fill:#0000;cursor:pointer}.fret-hit:hover{fill:var(--root-soft)}.field-label{color:var(--muted);margin:0 0 6px 2px;font-size:.78rem;display:block}.finder .toggle button{padding:9px 18px}.swatch.soft{background:var(--root-soft);border:2px solid var(--root)}.swatch.tonic{border:1.5px solid var(--ink);box-shadow:inset 0 0 0 2px var(--bg), inset 0 0 0 6px var(--root)}.picked-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-top:14px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{min-width:44px;color:var(--ink);background:var(--field);border:1px solid var(--hair);cursor:pointer;border-radius:10px;padding:7px 9px;font-family:inherit;font-size:.9rem;font-weight:600}.chip:hover{border-color:var(--root)}.chip[aria-pressed=true]{background:var(--root);border-color:var(--root);color:#fff}.sub-inline{color:var(--muted);font-size:.92rem;font-weight:400}.results h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:22px 0 8px;font-size:.78rem}.result-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.result{text-align:left;width:100%;height:100%;color:var(--ink);background:var(--surface);border:1px solid var(--hair);cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;font-family:inherit;display:flex}.result:hover{border-color:var(--root)}.result[aria-pressed=true]{border-color:var(--root);box-shadow:0 0 0 1px var(--root)}.rname{font-weight:600}.rnotes{flex-wrap:wrap;gap:0 7px;font-size:.86rem;display:flex}.rnotes .x{color:var(--root);font-weight:600}.rfam{color:var(--muted);font-size:.72rem}.show-all{margin-top:16px}.beat-dots{align-items:center;gap:6px;display:flex}.beat-dot{background:var(--hair);border-radius:50%;width:10px;height:10px;transition:transform 60ms,background 60ms}.beat-dot.accent{width:13px;height:13px}.beat-dot.now{background:var(--root);transform:scale(1.25)}.metro-play{cursor:pointer;background:var(--root);color:#fff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;gap:8px;width:40px;height:40px;font-family:inherit;font-size:1rem;font-weight:700;display:inline-flex}.metro-play:hover{filter:brightness(1.08)}.metro-play.on{background:var(--ink);color:var(--surface)}.metro-step{color:var(--ink);cursor:pointer;background:var(--field);border:1px solid var(--hair);border-radius:9px;min-width:34px;height:34px;padding:0 8px;font-family:inherit;font-size:1rem;font-weight:700}.metro-step:hover{border-color:var(--root)}.metro-slider{accent-color:var(--root);cursor:pointer}.metro-bar{background:var(--surface);border:1px solid var(--hair);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px;padding:10px 14px;display:flex}.metro-title{font-size:.92rem;font-weight:600}.metro-bpm{align-items:center;gap:8px;display:flex}.metro-value{color:var(--muted);text-align:center;min-width:72px;font-size:.86rem}.metro-value b{color:var(--ink);font-size:1.1rem}.metro-bar .metro-slider{flex:140px;min-width:120px}.metro-select{background-position:right 12px center;width:auto;padding:7px 34px 7px 12px;font-size:.92rem}.metro-full{background:var(--surface);border:1px solid var(--hair);border-radius:16px;padding:24px 20px}.metro-display{flex-direction:column;align-items:center;gap:4px;margin-bottom:20px;display:flex}.metro-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(3.5rem,14vw,5rem);font-weight:700;line-height:1}.metro-big span{color:var(--muted);letter-spacing:0;margin-left:6px;font-size:1rem;font-weight:600}.metro-tempo-name{color:var(--root);margin-bottom:12px;font-weight:600}.metro-full .beat-dots{gap:10px}.metro-full .beat-dot{width:16px;height:16px}.metro-full .beat-dot.accent{width:22px;height:22px}.metro-row{justify-content:center;align-items:center;gap:8px;margin-bottom:18px;display:flex}.metro-step.lg{min-width:46px;height:42px}.metro-play.lg{border-radius:26px;width:auto;min-width:120px;height:52px;padding:0 24px}.metro-slider.wide{width:100%}.metro-scale{color:var(--muted);justify-content:space-between;margin-bottom:18px;font-size:.78rem;display:flex}.metro-options{flex-wrap:wrap;gap:16px;display:flex}.metro-options .field{flex:0 auto;min-width:0;max-width:100%}.metro-options .toggle{max-width:100%;display:flex}.metro-options .toggle button{flex:1 1 0;min-width:0;padding:7px 14px}.metro-opt-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.metro-check{cursor:pointer;align-items:center;gap:7px;font-size:.92rem;display:inline-flex}.metro-check input{accent-color:var(--root);width:16px;height:16px}.metro-keys kbd{border:1px solid var(--hair);background:var(--field);color:var(--ink);border-bottom-width:2px;border-radius:5px;padding:0 5px;font-family:inherit;font-size:.76rem}.practice-tips{margin-top:28px}.practice-tips h2{margin:0 0 8px;font-size:1.1rem}.practice-tips ol{color:var(--muted);margin:0;padding-left:20px;font-size:.94rem}.practice-tips li{margin-bottom:6px}.practice-tips b{color:var(--ink)}@media (max-width:420px){.metro-title{display:none}.metro-step.lg{min-width:40px;padding:0 6px}.metro-play.lg{min-width:96px;padding:0 16px}.metro-options .field:first-child{flex-basis:100%}.metro-options .toggle button{padding:7px 0}}@media (prefers-reduced-motion:reduce){.beat-dot{transition:none}}@media print{.metro-bar,.metro-full{display:none}}.lick-filters{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.level-select{background-position:right 12px center;width:auto;padding:8px 34px 8px 12px;font-size:.9rem}.lick-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.lick-card{height:100%;color:var(--ink);background:var(--surface);border:1px solid var(--hair);border-radius:14px;flex-direction:column;padding:16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.lick-card:hover{border-color:var(--root);transform:translateY(-2px)}.lick-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.lick-card h2{letter-spacing:-.01em;margin:10px 0 4px;font-size:1.08rem}.lick-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:.88rem;display:-webkit-box;overflow:hidden}.lick-meta{color:var(--muted);margin-top:auto;padding-top:10px;font-size:.8rem}.level{color:var(--muted);align-items:center;gap:3px;font-size:.74rem;display:inline-flex}.level i{background:var(--hair);border-radius:50%;width:7px;height:7px}.level i.on{background:var(--root)}.level i:last-of-type{margin-right:4px}.tab-preview{background:var(--bg);border-radius:8px;padding:4px 0;overflow:hidden}.tab-preview .tab{max-width:100%;height:auto;display:block}.tabscroll{-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--hair);border-radius:12px;margin-top:16px;padding:6px 4px;overflow-x:auto}.tab{font-family:inherit;display:block}.tab text{font-family:inherit}.tab-string{stroke:var(--muted);stroke-width:1px;opacity:.45}.tab-bar{stroke:var(--muted);stroke-width:1.5px;opacity:.6}.tab-bar.end{stroke-width:3px}.tab-strname{fill:var(--muted);font-weight:600}.tab-barnum{fill:var(--muted);font-size:10px;font-weight:700}.tab-beat{fill:var(--muted);opacity:.8;font-size:10px}.tab-note rect{fill:var(--surface)}.tab-preview .tab-note rect{fill:var(--bg)}.tab-note text{fill:var(--ink);font-weight:700}.tab-note.on rect{fill:var(--root)}.tab-note.on text{fill:#fff}.tab-tech{fill:var(--root);font-size:10px;font-style:italic;font-weight:700}.lick-head{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:-6px 0 18px;display:flex}.lick-head .back,.lick-head .scale-link{color:var(--muted);font-size:.88rem;text-decoration:none}.lick-head .back:hover,.lick-head .scale-link:hover{color:var(--ink)}.lick-head .scale-link{color:var(--root);margin-left:auto;font-weight:600}.lick-player .transport{background:var(--surface);border:1px solid var(--hair);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:14px 16px;display:flex}.transport-tempo{flex-wrap:wrap;flex:360px;align-items:center;gap:8px 14px;display:flex}.transport-tempo .metro-slider{flex:140px;min-width:120px}.transport-goal{color:var(--muted);font-size:.8rem}.transport-status{font-variant-numeric:tabular-nums;min-width:150px;font-size:.95rem;font-weight:600}.transport-status.counting{color:var(--root)}.pills{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.pill{color:var(--muted);background:var(--field);border:1px solid var(--hair);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-family:inherit;font-size:.86rem;font-weight:600;display:inline-flex}.pill[aria-pressed=true]{color:var(--ink);border-color:var(--root)}.pill-box{border:2px solid var(--muted);border-radius:3px;width:12px;height:12px}.pill[aria-pressed=true] .pill-box{background:var(--root);border-color:var(--root)}.trainer-cfg{color:var(--muted);align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.trainer-cfg select{background-position:right 8px center;border-radius:8px;width:auto;padding:4px 26px 4px 8px;font-size:.86rem}.sub-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 0 8px;font-size:.8rem}.lick-pager{border-top:1px solid var(--hair);justify-content:space-between;gap:12px;margin-top:26px;padding-top:16px;display:flex}.lick-pager a{color:var(--root);font-size:.92rem;font-weight:600;text-decoration:none}@media print{.transport,.pills,.lick-pager,.lick-head .back{display:none}.tabscroll{border-color:#000;overflow:visible}.tab{width:100%;height:auto}.lick-card{break-inside:avoid}}.position-row{background:var(--surface);border:1px solid var(--hair);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;padding:10px 14px;display:flex}.position-label{font-size:.92rem;font-weight:600}.position-info{color:var(--muted);font-size:.88rem}.position-info b{color:var(--ink)}.position-row .scale-link{color:var(--root);margin-left:auto;font-size:.88rem;font-weight:600;text-decoration:none}.metro-step:disabled{opacity:.35;cursor:default;border-color:var(--hair)}@media print{.position-row .metro-bpm,.position-row .btn,.position-row .scale-link{display:none}}.sp-crumbs{color:var(--muted);margin:-8px 0 18px;font-size:.85rem}.sp-crumbs a{color:var(--muted)}.sp-crumbs a:hover{color:var(--ink)}.sp-h2{letter-spacing:-.01em;margin:30px 0 12px;font-size:1.15rem}.sp-h3{margin:20px 0 8px;font-size:.95rem}section p{line-height:1.6}section p a{color:var(--root);font-weight:600;text-decoration:none}.sp-notes{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sp-notes li{background:var(--surface);border:1px solid var(--hair);border-radius:12px;flex-direction:column;align-items:center;min-width:54px;padding:10px 8px 8px;display:flex}.sp-notes li b{font-size:1.35rem;line-height:1.1}.sp-notes li span{color:var(--muted);font-size:.78rem}.sp-notes li.root{border-color:var(--root)}.sp-notes li.root b{color:var(--root)}.sp-formula{color:var(--muted);margin:14px 0}.sp-formula b{color:var(--ink)}.sp-formula span{font-size:.85rem}.sp-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--hair);border-radius:12px;width:100%;font-size:.94rem;overflow:hidden}.sp-table th,.sp-table td{text-align:left;border-bottom:1px solid var(--hair);padding:8px 14px}.sp-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--field);font-size:.76rem;font-weight:600}.sp-table tr:last-child td{border-bottom:0}.sp-progs,.sp-related,.sp-licks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sp-progs li{background:var(--surface);border:1px solid var(--hair);border-radius:12px;grid-template-columns:minmax(140px,1fr) 2fr;gap:2px 14px;padding:10px 14px;display:grid}.sp-progs li span{color:var(--muted);grid-row:span 2;align-self:center;font-size:.88rem}.sp-progs li em{color:var(--muted);font-size:.85rem;font-style:normal}.sp-related li,.sp-licks li{background:var(--surface);border:1px solid var(--hair);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 14px;display:flex}.sp-related a,.sp-licks a,.sp-tools a{color:var(--root);font-weight:600;text-decoration:none}.sp-related a:hover,.sp-licks a:hover,.sp-tools a:hover,section p a:hover{text-decoration:underline}.sp-related span,.sp-licks span{color:var(--muted);font-size:.88rem}.sp-tools{color:var(--muted);margin-top:14px}.sp-keys{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sp-keys a,.sp-keys span{text-align:center;min-width:46px;color:var(--ink);background:var(--field);border:1px solid var(--hair);border-radius:10px;padding:7px 10px;font-weight:600;text-decoration:none;display:inline-block}.sp-keys a:hover{border-color:var(--root)}.sp-keys span[aria-current]{background:var(--root);border-color:var(--root);color:#fff}.scale-index{border-top:1px solid var(--hair);margin-top:40px;padding-top:24px}.scale-index h2{margin:0 0 4px;font-size:1.2rem}.scale-index>p{color:var(--muted);margin:0 0 14px;font-size:.94rem}.scale-index-row{border-bottom:1px solid var(--hair);grid-template-columns:190px 1fr;align-items:center;gap:6px 14px;padding:8px 0;display:grid}.scale-index-row h3{margin:0;font-size:.92rem}.scale-index-row ul{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.scale-index-row a{text-align:center;min-width:38px;color:var(--ink);border-radius:8px;padding:4px 8px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.scale-index-row a:hover{background:var(--field);color:var(--root)}.about-scale{color:var(--root);margin-top:10px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.about-scale:hover{text-decoration:underline}@media (max-width:560px){.scale-index-row,.sp-progs li{grid-template-columns:1fr}.sp-progs li span{grid-row:auto}}@media print{.sp-crumbs,.sp-tools,.sp-keys,.about-scale{display:none}.sp-table,.sp-notes li,.sp-progs li,.sp-related li,.sp-licks li{border-color:#000}}.scale-practice{margin-top:8px}.scale-practice .controls{margin-bottom:14px}.scale-practice .pills{margin-bottom:16px}.keys.range{height:236px}.keys.range .wk{gap:6px;padding-bottom:10px}.keys.range .bk{gap:5px;padding-bottom:8px}.fing{color:#fff;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 3px;font-size:.74rem;font-style:normal;font-weight:700;line-height:1;display:inline-grid}.fing.rh{background:var(--root)}.fing.lh{background:#191c22}.bk .fing.lh{color:#191c22;background:#fff}.legend .fing{margin-right:2px}.legend .fing.lh{background:var(--ink);color:var(--surface)}.wk.active{background:#ffe2c4}.bk.active{background:#6b4320}.wk.active .dot,.bk.active .dot{transform:scale(1.35)}.dot{transition:opacity .15s,transform 80ms}.practice-section{border-top:1px solid var(--hair);margin-top:34px;padding-top:22px}.practice-section>h2{margin:0 0 4px;font-size:1.2rem}.practice-section>p{color:var(--muted);margin:0 0 14px;font-size:.94rem}.fingering-table td,.fingering-table th{text-align:center}.fingering-table td:first-child,.fingering-table th:first-child{text-align:left;white-space:nowrap}.fingering-table .thumb{color:var(--root)}@media (max-width:560px){.keys.range{height:200px}.keys.range .lbl{font-size:.62rem}.fing{min-width:15px;height:15px;font-size:.62rem}.fingering-table td,.fingering-table th{padding:6px 5px}}@media (prefers-reduced-motion:reduce){.dot{transition:none}}@media print{.scale-practice .controls,.scale-practice .transport,.scale-practice .pills{display:none}.wk.active,.bk.active{background:inherit}}.examples{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.examples .field-label{margin:0 4px 0 0}.chord-keys{-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}.chord-keys .keys.range{min-width:520px;height:200px}.chord-keys .keys.interactive .lbl{opacity:1}.chord-keys .wk.active .dot,.chord-keys .bk.active .dot{transform:none}.chord-actions{flex:none;gap:8px;display:flex}.chord-symbol{letter-spacing:-.02em;color:var(--root);font-size:clamp(2.2rem,8vw,3rem);font-weight:700;line-height:1.05}.chord-name{margin:4px 0 12px;font-size:1.05rem;font-weight:600}.chord-tones{flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:0;list-style:none;display:flex}.chord-tones li{background:var(--field);border:1px solid var(--hair);border-radius:12px;flex-direction:column;align-items:center;min-width:50px;padding:8px 8px 6px;display:flex}.chord-tones li b{font-size:1.2rem;line-height:1.1}.chord-tones li span{color:var(--muted);font-size:.76rem}.chord-tones li .plain{font-size:.72rem}.chord-tones li.bass{border-color:var(--root)}.chord-keys-fit a{color:var(--root);font-weight:600;text-decoration:none}.chord-keys-fit a:hover{text-decoration:underline}.practice-tips p{color:var(--muted);margin:0 0 16px;font-size:.94rem}.practice-tips p b{color:var(--ink)}@media (max-width:560px){.picked-row{flex-direction:column}}@media print{.examples,.chord-actions{display:none}}.nt-settings{flex-wrap:wrap;gap:14px 22px;margin-bottom:16px;display:flex}.nt-settings .field{flex:0 auto;min-width:0}.nt-settings .pills{margin-top:0}.nt-bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:8px;display:flex}.nt-prompt{font-size:1.15rem;font-weight:600}.nt-prompt b{color:var(--root);font-size:1.35rem}.nt-stats{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.nt-stats b{color:var(--ink)}.nt-progress{background:var(--hair);border-radius:2px;height:4px;margin-bottom:14px;overflow:hidden}.nt-progress i{background:var(--root);height:100%;transition:width .25s;display:block}.note-trainer .keys.range{height:210px}.note-trainer .keys .lbl{opacity:1}.note-trainer.is-right .boardscroll,.note-trainer.is-right .keys{box-shadow:0 0 0 3px #3fae6a}.note-trainer.is-wrong .boardscroll,.note-trainer.is-wrong .keys{box-shadow:0 0 0 3px #d64545}.nt-answers{margin-top:16px}.nt-row{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px;display:grid}.nt-row+.nt-row{grid-template-columns:repeat(5,1fr)}.ans{color:var(--ink);cursor:pointer;background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:14px 0;font-family:inherit;font-size:1.3rem;font-weight:700}.ans.small{padding:10px 0;font-size:.95rem}.ans:hover{border-color:var(--root)}.ans.correct{color:#fff;background:#3fae6a;border-color:#3fae6a}.ans.wrong{color:#fff;background:#d64545;border-color:#d64545}.nt-feedback{margin:10px 0 0;font-size:1rem}.nt-feedback b{color:var(--root)}.nt-end{margin-top:18px}.nt-score{color:var(--muted);background:var(--surface);border:1px solid var(--hair);border-radius:14px;flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:14px;padding:16px 20px;display:flex}.nt-score b{color:var(--ink)}.nt-big{color:var(--root);font-size:3rem;font-weight:700;line-height:1}.nt-big span{color:var(--muted);font-size:1.3rem}.nt-best-new{color:#3fae6a;font-weight:700}.nt-start-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}@media (max-width:560px){.ans{padding:12px 0;font-size:1.1rem}.nt-row{gap:5px}.ans.small{font-size:.72rem}.nt-keys{display:none}}@media (prefers-reduced-motion:reduce){.nt-progress i{transition:none}}:root{--bar:#e0781a;--tip-bg:#191c22;--tip-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bar:#d9741a;--tip-bg:#e7e9ef;--tip-ink:#12141a}}:root[data-theme=dark]{--bar:#d9741a;--tip-bg:#e7e9ef;--tip-ink:#12141a}.nav-streak{background:var(--root);color:#fff;vertical-align:1px;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-grid}.nav-streak.pending{color:var(--root);box-shadow:inset 0 0 0 1.5px var(--root);background:0 0}.link-btn{font:inherit;color:var(--root);cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;font-weight:600}.link-btn:hover{text-decoration:underline}.practice-loading{min-height:400px}.stat-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;display:grid}.stat{background:var(--surface);border:1px solid var(--hair);border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.stat-label{color:var(--muted);font-size:.8rem}.stat-value{font-size:2rem;font-weight:600;line-height:1.1}.stat-value small{color:var(--muted);font-size:.95rem;font-weight:500}.stat-note{color:var(--muted);font-size:.78rem}.plan{background:var(--surface);border:1px solid var(--hair);border-radius:16px;margin-bottom:22px;padding:18px}.plan-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;margin-bottom:10px;display:flex}.plan-head h2{margin:0;font-size:1.2rem}.plan-head span{color:var(--muted);font-size:.9rem}.plan-head b{color:var(--ink)}.plan-list{gap:8px;margin:0 0 10px;padding:0;list-style:none;display:grid}.plan-list li{border:1px solid var(--hair);background:var(--bg);border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.plan-list li.done .plan-text b{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair)}.plan-check{border:2px solid var(--root);color:#fff;cursor:pointer;background:0 0;border-radius:8px;place-items:center;width:26px;height:26px;padding:0;display:grid}.plan-check[aria-pressed=true]{background:var(--root)}.plan-check:disabled{cursor:default}.plan-text{flex-direction:column;gap:2px;min-width:0;display:flex}.plan-text span{color:var(--muted);font-size:.86rem}.plan-min{color:var(--muted);white-space:nowrap;font-size:.82rem}.plan-go{color:var(--root);white-space:nowrap;font-size:.92rem;font-weight:600;text-decoration:none}.plan-go:hover{text-decoration:underline}.week-chart{background:var(--surface);border:1px solid var(--hair);border-radius:16px;margin:0 0 8px;padding:16px 18px 12px}.week-chart figcaption{justify-content:space-between;align-items:baseline;margin-bottom:10px;font-weight:600;display:flex}.wc-plot{height:180px;padding-top:18px;position:relative}.wc-tick{color:var(--muted);font-size:.72rem;position:absolute;top:0;left:0}.wc-grid{border-top:1px solid var(--hair);position:absolute;top:18px;left:0;right:0}.wc-cols{grid-template-columns:repeat(7,1fr);height:100%;display:grid;position:relative}.wc-col{cursor:default;outline:none;flex-direction:column;align-items:center;display:flex;position:relative}.wc-col:focus-visible .wc-bar{outline:2px solid var(--ink);outline-offset:2px}.wc-bar-area{border-bottom:1px solid var(--hair);flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.wc-bar{background:var(--bar);border-radius:4px 4px 0 0;width:24px;max-width:70%;min-height:0;transition:filter .1s}.wc-col.hover .wc-bar{filter:brightness(1.12)}.wc-val{color:var(--ink);font-size:.78rem;font-weight:600;position:absolute}.wc-day{color:var(--muted);padding-top:6px;font-size:.76rem}.wc-day.today{color:var(--ink);font-weight:600}.wc-tip{z-index:3;pointer-events:none;background:var(--tip-bg);color:var(--tip-ink);white-space:nowrap;border-radius:8px;flex-direction:column;align-items:center;padding:6px 10px;font-size:.78rem;display:flex;position:absolute;bottom:calc(100% - 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000002e}.practice-cols{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}.practice-cols .sp-table a{color:var(--root);font-weight:600;text-decoration:none}.recent{border:1px solid var(--hair);background:var(--surface);border-radius:12px;margin:0;padding:0;list-style:none}.recent li{border-bottom:1px solid var(--hair);flex-direction:column;padding:8px 14px;display:flex}.recent li:last-child{border-bottom:0}.recent a{color:var(--ink);font-weight:600;text-decoration:none}.recent a:hover{color:var(--root)}.recent-meta{color:var(--muted);font-size:.8rem}.privacy{margin-top:26px}@media (max-width:640px){.stat-row{grid-template-columns:1fr 1fr 1fr;gap:6px}.stat{padding:10px}.stat-value{font-size:1.5rem}.stat-note{display:none}.plan{padding:14px 12px}.plan-list li{grid-template-columns:auto 1fr auto}.plan-min{display:none}.practice-cols{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.wc-bar{transition:none}}@media print{.plan-go,.plan-check,.link-btn,.nav-streak{display:none}}.exam-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;display:grid}.exam-req{margin-top:24px}.exam-req h2{margin:0 0 2px;font-size:1.1rem}.exam-req-detail{color:var(--muted);margin:0 0 10px;font-size:.9rem}.exam-items{gap:6px;margin:0;padding:0;list-style:none;display:grid}.exam-items li{border:1px solid var(--hair);background:var(--surface);border-radius:12px;padding:8px 12px}.exam-items li.done{border-color:var(--root)}.exam-row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.exam-row b{font-size:1rem}.exam-player{border-top:1px solid var(--hair);margin:12px 0 4px;padding-top:12px}.exam-player .hint{margin:0 0 10px}.exam-items .metro-bar{margin-top:12px}.exam-grades{flex-wrap:wrap;gap:6px;margin-top:26px;display:flex}.exam-grades a,.exam-grades span{color:var(--ink);background:var(--field);border:1px solid var(--hair);border-radius:10px;padding:7px 12px;font-weight:600;text-decoration:none}.exam-grades a:hover{border-color:var(--root)}.exam-grades span[aria-current]{background:var(--root);border-color:var(--root);color:#fff}.exam-source{margin-top:22px}.exam-source a,.scale-index p a{color:var(--root);font-weight:600;text-decoration:none}@media (max-width:640px){.exam-summary{grid-template-columns:1fr 1fr 1fr;gap:6px}.exam-summary .stat-value{font-size:1.15rem}}@media print{.exam-row .btn,.exam-player,.exam-grades{display:none}}.range-scroll{-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}.range-scroll .keys.range{min-width:calc(var(--whites,8) * 21px)}.exam-artic{margin-bottom:12px}.exam-items{grid-template-columns:minmax(0,1fr)}.exam-items>li,.exam-player,.scale-practice{min-width:0}