.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(--straw);width:100%;padding:8px 6px calc(10px + env(safe-area-inset-bottom));border-top:3px solid #fff;flex-direction:column;gap:6px;animation:.2s vkUp;display:flex;box-shadow:0 -6px 18px #1e466e29}@keyframes vkUp{0%{transform:translateY(100%)}}.vk-preview{background:#fff;border:2px solid #f3e4b3;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{max-width:52px;height:46px;box-shadow:0 3px 0 var(--shadow);background:#fff;border:2px solid #f3e4b3;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}