.chord-finder{--cf-ink: #18181b;--cf-paper: #fff;--cf-accent: #21b3a0;--cf-root: #e0483d;--cf-third: #2f7ae0;--cf-fifth: #f0a020;--cf-other: #8a8a90;.picker{position:sticky;top:0;z-index:20;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:16px}.tabs,.keys{display:flex;gap:4px;flex-wrap:wrap}.keys{margin-top:8px}.tab{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer}.tab[aria-selected=true]{background:var(--cf-accent);border-color:var(--cf-accent);color:#fff}.k,.kind{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:8px;cursor:pointer;font-weight:700}.k{min-width:44px;padding:6px 8px;font-size:14px;line-height:1.2}.k em{display:block;font-style:normal;font-size:10px;color:var(--muted-foreground);font-weight:600}.k[aria-pressed=true]{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.k[aria-pressed=true] em{color:var(--background);opacity:.75}.kind{padding:7px 12px;font-size:13px}.kind[aria-pressed=true]{background:var(--cf-accent);border-color:var(--cf-accent);color:#fff}.now{font-size:28px;font-weight:800;margin:12px 0 0;letter-spacing:-.02em}.now .alias{font-size:15px;font-weight:700;color:var(--muted-foreground);margin-left:6px}.now small{display:block;font-size:13px;font-weight:600;color:var(--muted-foreground);margin-top:2px}.block{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.block h3{font-size:18px;font-weight:700;margin:0 0 4px}.lead{font-size:13px;color:var(--muted-foreground);margin:0 0 12px}.strip-wrap{overflow-x:auto}.strip{display:flex;gap:8px;padding:4px 0 8px}.dia-card{flex:none;background:var(--cf-paper);border:1px solid var(--border);border-radius:10px;padding:8px 4px;cursor:pointer;text-align:center;min-width:132px;display:flex;flex-direction:column;align-items:center;gap:2px}.dia-card:hover{border-color:var(--cf-accent)}.dia-card.on{border-color:var(--cf-accent);box-shadow:inset 0 0 0 1px var(--cf-accent)}.dia-lb{font-size:12px;font-weight:700;color:var(--cf-ink)}.dia-keys{font-size:11px;color:#6b6b72}.lv{font-size:10px;font-weight:800;border:1px solid currentColor;border-radius:4px;padding:1px 6px}.lv-easy{color:#1f9254}.lv-barre{color:#d9820a}.lv-high{color:#7c47cc}.how{font-size:12.5px;color:var(--muted-foreground);line-height:1.8;border-top:1px dashed var(--border);margin:4px 0 0;padding-top:10px}.how b{color:var(--foreground)}.fretboard,.kbd-full{overflow-x:auto;background:var(--cf-paper);border-radius:10px;padding:8px 4px}.fretboard svg,.kbd-full svg{display:block;margin:0 auto}.fb-fret,.fb-str{stroke:#c9c9d0;stroke-width:1}.fb-fret.nut{stroke:var(--cf-ink);stroke-width:4}.fb-num,.fb-open{font:700 10px system-ui,sans-serif;fill:#8a8a90}.fb-num{text-anchor:middle}.fb-lb{font:800 8.5px system-ui,sans-serif;text-anchor:middle;fill:#fff}.fb-sel{fill:none;stroke:var(--cf-ink);stroke-width:2}.fb-dot.r-root{fill:var(--cf-root)}.fb-dot.r-third{fill:var(--cf-third)}.fb-dot.r-fifth{fill:var(--cf-fifth)}.fb-dot.r-other{fill:var(--cf-other)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted-foreground);margin-top:10px}.legend i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px}.legend .r-root{background:var(--cf-root)}.legend .r-third{background:var(--cf-third)}.legend .r-fifth{background:var(--cf-fifth)}.legend .r-other{background:var(--cf-other)}.others{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.other{background:var(--cf-paper);border:1px solid var(--border);border-radius:10px;padding:12px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.other:hover{border-color:var(--cf-accent)}.other-h{font-size:13px;font-weight:700;color:var(--cf-ink)}.other-h em{font-style:normal;color:#6b6b72;font-weight:600}.other-go{font-size:11.5px;font-weight:700;color:var(--cf-accent)}.kw{fill:#fff;stroke:#c8c8d0}.kb{fill:#26262c;stroke:#26262c}.kw.on,.kb.on{fill:var(--cf-accent)}}.chord-finder .cs-dia{display:block;overflow:visible}.chord-finder .cs-dia .fn{font:700 9px/1 system-ui,sans-serif;text-anchor:end;fill:var(--cf-ink)}.chord-finder .cs-dia .dq{font:700 14px/1 system-ui,sans-serif;text-anchor:middle;fill:#bbb}.chord-finder .cs-dia .gl{stroke:var(--cf-ink);stroke-width:1.1}.chord-finder .cs-dia .nut{fill:var(--cf-ink)}.chord-finder .cs-dia .br{stroke:var(--cf-ink);stroke-width:7;stroke-linecap:round}.chord-finder .cs-dia .dot{fill:var(--cf-ink)}.chord-finder .cs-dia .op{fill:none;stroke:var(--cf-ink);stroke-width:1.2}.chord-finder .cs-dia .mk{font:700 8px/1 system-ui,sans-serif;text-anchor:middle;fill:var(--cf-ink)}.chord-finder .cs-dia .fo{font-weight:700;font-family:system-ui,sans-serif;text-anchor:start;fill:var(--cf-ink)}@media(max-width:640px){.chord-finder .now{font-size:24px}.chord-finder .k{min-width:40px}.chord-finder .tab{padding:8px 12px;font-size:13px}}