@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-20C0,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-20C0,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-20C0,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-20C0,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}}