.fk-kb{margin:16px 0 6px;display:flex;flex-direction:column;gap:6px}.fk-kb__row{display:flex;gap:5px;justify-content:center}.fk-key{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:var(--g-surface-2);color:var(--g-cream);flex:1 1 0;min-width:0;max-width:42px;height:46px;border-radius:7px;font-family:var(--sans);font-size:15px;font-weight:500;text-transform:uppercase;transition:background .1s,transform .07s}@media (hover:hover){.fk-key:hover{background:var(--g-surface-3)}}.fk-key:active{transform:translateY(1px)}.fk-key--accent{color:var(--accent)}.fk-key--wide{flex:1.6 1 0;max-width:64px;font-size:18px}.fk-key--fut{font-size:12.5px;font-weight:600;letter-spacing:.04em}@media (max-width:460px){.fk-key{height:44px;max-width:none}.fk-kb__row{gap:4px}}@media (max-width:400px){.fk-kb{margin-inline:-10px}}@media (max-width:700px) and (min-height:450px){.fk-kb{position:sticky;bottom:0;z-index:5;background:var(--g-ink-bg);margin-top:10px;padding:8px 0 max(8px,env(safe-area-inset-bottom))}}