.vk-back{z-index:250;background:#00000040;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.vk{background:var(--paper-soft);border-top:3px solid var(--ink);width:100%;padding:8px 6px calc(10px + env(safe-area-inset-bottom));flex-direction:column;gap:6px;animation:.2s vkUp;display:flex}@keyframes vkUp{0%{transform:translateY(100%)}}.vk-preview{border:2px solid var(--ink);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:17px;display:flex}.vk-caret{color:var(--blue);animation:1s step-end infinite blink}.vk-row{justify-content:center;gap:5px;display:flex}.vk-key{border:2px solid var(--ink);max-width:52px;height:46px;box-shadow:0 3px 0 var(--shadow);background:#fff;border-radius:9px;flex:1;padding:0;font-size:18px;font-weight:800}.vk-key:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}.vk-key.wide{flex:1.5;max-width:90px;font-size:15px}.vk-key.space{flex:4;max-width:260px}.vk-key.on{background:var(--blue);color:#fff}.vk-key.done{background:var(--green);color:#fff}