.vkb{background:var(--vkb-bg,#1a2230);border-top:1px solid var(--border);user-select:none;touch-action:manipulation;box-sizing:border-box;flex-direction:column;align-items:stretch;gap:6px;width:100%;padding:8px 4px 10px;display:flex}.vkb-row{box-sizing:border-box;flex-direction:row;justify-content:center;gap:5px;width:100%;padding:0 2px;display:flex}.vkb-row--3{padding:0 2px}.vkb-row--bottom{gap:5px;margin-top:2px;padding:0 2px}.vkb-key{background:var(--vkb-key,#253040);min-width:0;height:44px;color:var(--text);font-family:var(--font-mono);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;font-size:15px;font-weight:600;transition:background 60ms,transform 40ms;display:flex;box-shadow:0 2px #0006}.vkb-key--active,.vkb-key:active{background:var(--accent);color:#000;transform:translateY(1px);box-shadow:0 1px #0006}.vkb-key--fn{background:var(--vkb-fn,#141c26);flex:none;font-size:13px}.vkb-key--fn:active,.vkb-key--fn.vkb-key--active{background:var(--accent);color:#000}.vkb-key--shift{width:44px;min-width:44px;font-size:18px}.vkb-key--shifted{background:var(--vkb-key,#253040);color:var(--accent);box-shadow:0 2px 0 var(--accent)}.vkb-key--caps{background:var(--accent);color:#000;box-shadow:0 2px #0006}.vkb-key--backspace{width:44px;min-width:44px;color:var(--muted);font-size:18px}.vkb-key--mode{letter-spacing:.04em;width:52px;min-width:52px;font-size:11px}.vkb-key--sym{letter-spacing:.01em;width:44px;min-width:44px;font-size:11px}.vkb-key--punctuation{background:var(--vkb-fn,#141c26);flex:0 0 32px;min-width:32px;font-size:16px}.vkb-key--space{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--vkb-key,#253040);flex:1;font-size:11px}.vkb-key--enter{width:52px;min-width:52px;color:var(--accent);font-size:18px}.vkb-hint{color:var(--muted);letter-spacing:.04em;text-align:center;margin-top:2px;padding:0 4px;font-size:10px}