.keyboard-visual[data-interactive-finger-chart] .keyboard-key{cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,outline-color .14s ease}.keyboard-visual[data-interactive-finger-chart] .keyboard-key:focus-visible,.keyboard-visual[data-interactive-finger-chart] .keyboard-key.is-live-key{outline:3px solid #1769ff;outline-offset:2px;box-shadow:0 0 0 6px rgba(23,105,255,.14);transform:translateY(-2px)}.finger-interactive-section{scroll-margin-top:90px}.finger-interactive-status{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px auto;padding:14px 18px;max-width:620px;border:1px solid rgba(37,99,235,.25);border-radius:16px;background:#f8fbff}.finger-status-key{display:grid;place-items:center;min-width:72px;height:58px;padding:0 12px;border-radius:12px;background:#1769ff;color:#fff;font-weight:900;font-size:24px}.finger-interactive-status strong,.finger-interactive-status small{display:block}.finger-interactive-status strong{color:#0f172a;font-size:17px}.finger-interactive-status small{margin-top:3px;color:#64748b}.finger-chart-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.finger-chart-actions button,.finger-chart-actions a{min-height:42px;padding:10px 15px;border-radius:11px;font-weight:800;text-decoration:none;cursor:pointer}.typing-tools-primary{border:1px solid #1769ff;background:#1769ff;color:#fff}.typing-tools-secondary{border:1px solid #cbd5e1;background:#fff;color:#1d4ed8}html[data-theme="dark"] .finger-interactive-status{background:#0f1b2d;border-color:#334763}html[data-theme="dark"] .finger-interactive-status strong{color:#f8fafc}html[data-theme="dark"] .typing-tools-secondary{background:#111c30;border-color:#334763;color:#bfdbfe}@media(max-width:600px){.finger-interactive-status{justify-content:flex-start}.finger-chart-actions>*{flex:1 1 180px;text-align:center}}@media print{body.print-finger-chart>*{display:none!important}body.print-finger-chart main{display:block!important}body.print-finger-chart main>*{display:none!important}body.print-finger-chart main .typing-tool-section:first-of-type{display:block!important;border:0!important;box-shadow:none!important}body.print-finger-chart .typing-tool-section:first-of-type>*{display:none!important}body.print-finger-chart .typing-tool-section:first-of-type .section-heading,body.print-finger-chart .typing-tool-section:first-of-type .finger-legend,body.print-finger-chart .typing-tool-section:first-of-type .keyboard-visual,body.print-finger-chart .typing-tool-section:first-of-type .callout{display:flex!important}body.print-finger-chart .typing-tool-section:first-of-type .section-heading{display:block!important}.keyboard-visual{break-inside:avoid}}