.FingerPlacementKeyboard-module__f0zqha__diagram{border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 34%, var(--surface-raised)), var(--surface));box-shadow:var(--shadow-md);border-radius:1.25rem;gap:1.25rem;padding:clamp(1rem,3vw,1.8rem);display:grid}.FingerPlacementKeyboard-module__f0zqha__diagramHeader{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.FingerPlacementKeyboard-module__f0zqha__title{letter-spacing:-.04em;margin:0;font-size:clamp(1.35rem,3vw,1.8rem)}.FingerPlacementKeyboard-module__f0zqha__description{max-width:62ch;color:var(--text-muted);margin:.45rem 0 0;line-height:1.6}.FingerPlacementKeyboard-module__f0zqha__layoutSwitcher{border:1px solid var(--border);background:var(--surface);border-radius:.85rem;gap:.35rem;margin:0;padding:.25rem;display:flex}.FingerPlacementKeyboard-module__f0zqha__layoutSwitcher legend{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.FingerPlacementKeyboard-module__f0zqha__layoutSwitcher button{min-height:2.35rem;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.6rem;padding:.45rem .75rem;font-size:.86rem;font-weight:700}.FingerPlacementKeyboard-module__f0zqha__layoutSwitcher .FingerPlacementKeyboard-module__f0zqha__layoutActive{background:var(--accent-soft);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--accent-border)}.FingerPlacementKeyboard-module__f0zqha__keyboard{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, black);border-radius:1rem;gap:clamp(.18rem,.65vw,.45rem);width:100%;padding:clamp(.5rem,1.8vw,1rem);display:grid;overflow:hidden}.FingerPlacementKeyboard-module__f0zqha__row{gap:clamp(.12rem,.5vw,.35rem);min-width:0;display:flex}.FingerPlacementKeyboard-module__f0zqha__row1{padding-left:3%}.FingerPlacementKeyboard-module__f0zqha__row2{padding-left:5%}.FingerPlacementKeyboard-module__f0zqha__row3{padding-left:8%}.FingerPlacementKeyboard-module__f0zqha__row4{justify-content:center;padding:0 10%}.FingerPlacementKeyboard-module__f0zqha__key{flex:var(--key-width) 1 0;border:1px solid color-mix(in srgb, currentColor 36%, var(--border));background:color-mix(in srgb, currentColor 9%, var(--surface-raised));min-width:0;min-height:clamp(1.7rem,4.3vw,2.65rem);color:var(--text-primary);font-family:var(--font-mono);border-radius:clamp(.3rem,.8vw,.55rem);justify-content:center;align-items:center;padding:.2rem;font-size:clamp(.55rem,1.7vw,.92rem);font-weight:700;transition:opacity .12s,background-color .12s,box-shadow .12s;display:inline-flex;position:relative}.FingerPlacementKeyboard-module__f0zqha__controlKey{font-size:clamp(.42rem,1.45vw,.75rem)}.FingerPlacementKeyboard-module__f0zqha__utilityKey{color:var(--text-muted)}.FingerPlacementKeyboard-module__f0zqha__spaceKey{min-width:20%}.FingerPlacementKeyboard-module__f0zqha__homeRow{border-color:var(--accent-border);background:color-mix(in srgb, var(--accent-soft) 50%, var(--surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.FingerPlacementKeyboard-module__f0zqha__homeRowReadout{color:var(--text-secondary);font-family:var(--font-mono);margin:-.15rem 0 0;font-size:.82rem;line-height:1.5}.FingerPlacementKeyboard-module__f0zqha__homeRowReadout strong{color:var(--text-primary);font-family:var(--font-sans)}.FingerPlacementKeyboard-module__f0zqha__anchor{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent)}.FingerPlacementKeyboard-module__f0zqha__bump{background:var(--accent);border-radius:99px;width:.45rem;height:.12rem;position:absolute;bottom:.22rem;right:50%;transform:translate(50%)}.FingerPlacementKeyboard-module__f0zqha__keySelected{background:color-mix(in srgb, currentColor 22%, var(--surface-raised));box-shadow:inset 0 0 0 2px}.FingerPlacementKeyboard-module__f0zqha__keyDimmed{opacity:.36}.FingerPlacementKeyboard-module__f0zqha__legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.FingerPlacementKeyboard-module__f0zqha__fingerGroup{min-width:0}.FingerPlacementKeyboard-module__f0zqha__fingerGroup h3{color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;margin:0 0 .4rem;font-size:.82rem}.FingerPlacementKeyboard-module__f0zqha__fingerButtons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.FingerPlacementKeyboard-module__f0zqha__legendButton{border:1px solid color-mix(in srgb, currentColor 30%, var(--border));background:color-mix(in srgb, currentColor 6%, var(--surface));min-width:0;min-height:2.75rem;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;border-radius:.7rem;align-items:center;gap:.45rem;padding:.45rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.FingerPlacementKeyboard-module__f0zqha__legendButton:hover,.FingerPlacementKeyboard-module__f0zqha__legendButton:focus-visible,.FingerPlacementKeyboard-module__f0zqha__legendButtonSelected{background:color-mix(in srgb, currentColor 15%, var(--surface));border-color:currentColor;outline:none}.FingerPlacementKeyboard-module__f0zqha__legendDot{background:currentColor;border-radius:50%;flex:none;width:.55rem;height:.55rem}.FingerPlacementKeyboard-module__f0zqha__leftPinky{color:#b86b79}.FingerPlacementKeyboard-module__f0zqha__leftRing{color:#b58656}.FingerPlacementKeyboard-module__f0zqha__leftMiddle{color:#759770}.FingerPlacementKeyboard-module__f0zqha__leftIndex{color:#3a9c92}.FingerPlacementKeyboard-module__f0zqha__rightIndex{color:#3288a8}.FingerPlacementKeyboard-module__f0zqha__rightMiddle{color:#587ec1}.FingerPlacementKeyboard-module__f0zqha__rightRing{color:#916fb6}.FingerPlacementKeyboard-module__f0zqha__rightPinky{color:#a96f91}.FingerPlacementKeyboard-module__f0zqha__thumb{color:var(--accent)}.FingerPlacementKeyboard-module__f0zqha__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:680px){.FingerPlacementKeyboard-module__f0zqha__legend{grid-template-columns:1fr}.FingerPlacementKeyboard-module__f0zqha__diagram{padding:1rem}.FingerPlacementKeyboard-module__f0zqha__row1{padding-left:2%}.FingerPlacementKeyboard-module__f0zqha__row2{padding-left:3%}.FingerPlacementKeyboard-module__f0zqha__row3{padding-left:4%}.FingerPlacementKeyboard-module__f0zqha__row4{padding:0 6%}}@media (prefers-reduced-motion:reduce){.FingerPlacementKeyboard-module__f0zqha__key{transition:none}}