.kc{--accent:#62d9c8}.kc-main{display:flex;flex-direction:column;gap:14px;min-height:190px;justify-content:center;cursor:default;outline:none}.kc-main:focus-visible{border-color:var(--accent)}.kc-idle{margin:0;text-align:center;font:600 15px/1.5 var(--font-sans);color:var(--faint)}.kc-big{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kc-cell{display:flex;flex-direction:column;gap:6px;padding:14px 12px;text-align:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.kc-cell label{font:600 10.5px/1 var(--font-mono);color:var(--faint);text-transform:none;letter-spacing:.02em}.kc-cell label em{font-style:normal;color:var(--faint)}.kc-cell b{font:800 26px/1.15 var(--font-mono);color:var(--ink);word-break:break-all}.kc-cell.key{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.kc-cell.key b{color:var(--accent)}.kc-cell.dep b{color:var(--dim)}.kc-mods{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.kc-mod{font:700 12px/1 var(--font-mono);color:var(--faint);padding:7px 12px;border-radius:999px;border:1px solid var(--line);transition:all .1s}.kc-mod.on{color:#06101f;background:var(--accent);border-color:transparent;box-shadow:0 0 12px -2px var(--accent)}.kc-subhead{display:flex;align-items:center;gap:10px;margin-bottom:10px}.kc-subhead b{font:700 13px/1 var(--font-sans);color:var(--ink)}.kc-subhead .mono{margin-left:auto;font:800 18px/1 var(--font-mono);color:var(--accent)}.kc-clear{margin-left:auto;padding:6px 10px;font-size:11.5px}.kc-held,.kc-hist{display:flex;flex-wrap:wrap;gap:6px;min-height:58px;align-content:flex-start}.kc-held i,.kc-hist i{font:500 12px/1.4 var(--font-sans);color:var(--faint)}.kc-key{font:700 12px/1 var(--font-mono);color:var(--ink);padding:8px 10px;border-radius:8px;border:1px solid rgba(140,160,235,.35);background:rgba(255,255,255,.04);border-bottom-width:3px}.kc-held .kc-key{border-color:var(--accent);color:var(--accent);animation:kcPop .12s ease-out}.kc-hist .kc-key{cursor:pointer}.kc-hist .kc-key:hover{border-color:var(--accent);color:var(--accent)}@keyframes kcPop{0%{transform:scale(.7)}to{transform:scale(1)}}.kc-note{margin:10px 0 0;font:600 12px/1.4 var(--font-sans);color:var(--dim)}.kc-note b{color:var(--accent);font-family:var(--font-mono)}.kc-opt{cursor:pointer;user-select:none;white-space:normal;line-height:1.4}.kc-opt input{accent-color:var(--accent);margin:0 4px 0 0}.kc-optbar{justify-content:center}@media (max-width:640px){.kc-big{grid-template-columns:1fr 1fr}.kc-cell b{font-size:20px}}