.chord-figure{border:1px solid var(--line);background:var(--anatomy-card);color:var(--anatomy-strong);--chord-border:#303030;--chord-soft:#aaa;border-radius:12px;margin:2rem 0;padding:24px}.chord-figure[data-theme=light]{--chord-border:#d5d5d0;--chord-soft:#646460;color-scheme:light}.chord-heading,.chord-intro,.chord-corners{justify-content:space-between;align-items:center;gap:12px;display:flex}.chord-eyebrow,.chord-corners,.chord-presets>span,.chord-formula>span:first-child{font:10px/1.5 var(--mono);letter-spacing:.09em;color:var(--chord-soft)}.chord-figure button{cursor:pointer;font:inherit;border:1px solid var(--chord-border);color:inherit;background:0 0;border-radius:5px;min-height:44px;padding:9px 12px}.chord-figure button:hover{border-color:var(--anatomy-strong);background:color-mix(in srgb, var(--anatomy-strong) 7%, transparent)}.chord-figure button:disabled{opacity:.5;cursor:wait}.chord-figure .chord-theme{font:11px var(--mono);padding:5px 8px}.chord-intro{align-items:end;margin:16px 0 20px}.prose .chord-intro h2{letter-spacing:-.045em;border:0;margin:0;padding:0;font-size:clamp(1.6rem,3.2vw,2.15rem);font-weight:500}.chord-intro p{color:var(--chord-soft);margin:9px 0 0;font-size:13px}.chord-name{text-align:right;letter-spacing:-.04em;overflow-wrap:anywhere;max-width:50%;font-size:32px;font-weight:500}.chord-name span{font:9px/1.7 var(--mono);letter-spacing:.1em;color:var(--chord-soft);display:block}.chord-figure .iso-plate{box-shadow:none;border-block:1px solid var(--chord-border);background:0 0;padding:14px 0}.chord-corners{font-size:9px}.chord-figure .iso-svg{width:100%;height:auto;display:block}.chord-bottom{flex-wrap:wrap}.chord-bottom span:last-child{color:var(--anatomy-strong);font-size:12px}.chord-figure .piano-key{transition:translate .26s cubic-bezier(.22,.75,.3,1)}.chord-figure .piano-key .iso-top{fill:#777773}.chord-figure .piano-black .iso-top{fill:#252527}.chord-figure .piano-key[data-active=true]{translate:var(--key-press)}.chord-figure .piano-key[data-active=true] .iso-top{fill:#f6f6ed}.chord-figure .piano-key[data-active=true] .iso-edge{stroke:#fff;stroke-width:1.1px}.chord-figure[data-theme=light] .piano-key .iso-top{fill:#e6e6df}.chord-figure[data-theme=light] .piano-black .iso-top{fill:#9b9b97}.chord-figure[data-theme=light] .piano-key[data-active=true] .iso-top{fill:#272729}.chord-figure[data-theme=light] .piano-key[data-active=true] .iso-edge{stroke:#111}.chord-selects{grid-template-columns:.7fr 1.15fr 1fr;gap:12px;margin:20px 0 14px;display:grid}.chord-selects label{color:var(--chord-soft);font-size:11px}.chord-selects select{border-color:var(--chord-border);background:var(--anatomy-card);width:100%;min-width:0;color:var(--anatomy-strong);font-size:13px}.chord-transport{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.chord-figure .chord-play{background:var(--anatomy-strong);color:var(--anatomy-card);font-weight:650}.chord-figure .chord-play:hover{background:var(--anatomy-strong)}.chord-tone-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding-block:22px 16px;display:grid}.chord-tone-grid>div{border-left:1px solid var(--chord-border);padding-left:12px}.chord-tone-grid span,.chord-tone-grid small{color:var(--chord-soft);font-size:10px;display:block}.chord-tone-grid strong{font-size:24px;font-weight:500}.chord-figure figcaption{color:var(--chord-soft);font-size:13px}.chord-figure figcaption p{margin:8px 0}.chord-formula{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.chord-formula strong{font:18px var(--mono);color:var(--anatomy-strong)}.chord-inversion-note{border-top:1px solid var(--chord-border);padding-top:12px}.chord-status:empty{display:none}.chord-status{color:var(--anatomy-strong)}.chord-presets{border-top:1px solid var(--chord-border);margin-top:20px;padding-top:14px}.chord-presets>div{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chord-presets button{padding:6px 10px;font-size:11px}.chord-presets button[aria-pressed=true]{border-color:var(--anatomy-strong)}.chord-presets p,.chord-nojs{color:var(--chord-soft);font-size:11px}@media (width<=480px){.chord-figure{padding:16px 12px}.chord-eyebrow{font-size:8px}.chord-name{text-align:left;max-width:100%;margin-top:12px;font-size:24px}.chord-name span{margin-left:10px;display:inline-block}.chord-selects{grid-template-columns:1fr 1.6fr;gap:10px}.chord-selects label:last-child{grid-column:1/-1}.chord-tone-grid{grid-template-columns:repeat(2,1fr);row-gap:14px}.chord-corners{font-size:7px}.chord-intro{display:block}}@media (prefers-reduced-motion:reduce){.chord-figure .piano-key{transition:none}}