.vk-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.05);z-index:9998;animation:fadeIn .3s ease-out;pointer-events:none}.vk-overlay-high{z-index:10003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.virtual-keyboard{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(0deg,#fffbf9,#fff5f0);border-top:3px solid #ff806b;box-shadow:0 -4px 30px hsla(9,100%,71%,.3);z-index:9999;padding:20px;animation:slideUp .3s ease-out}.virtual-keyboard-high{z-index:10004}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vk-container{max-width:900px;margin:0 auto}.vk-keys{display:flex;flex-direction:column;gap:12px}.vk-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.vk-key{min-width:60px;min-height:60px;padding:8px;background:linear-gradient(135deg,#fff,#fff5f0);border:2px solid #ffd4c8;border-radius:16px;color:#29332e;font-family:Urbanist,sans-serif;font-size:22px;font-weight:600;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:all .15s ease;box-shadow:0 2px 8px hsla(9,100%,71%,.15)}.vk-key:hover{background:linear-gradient(135deg,#fff5f0,#ffe8dd);border-color:#ff806b;transform:translateY(-2px);box-shadow:0 4px 12px hsla(9,100%,71%,.25)}.vk-key-pressed,.vk-key:active{transform:scale(.95) translateY(1px);box-shadow:0 1px 4px hsla(9,100%,71%,.2);background:linear-gradient(135deg,#ffe8dd,#ffd4c8);border-color:#ff806b}.vk-actions{margin-top:12px;gap:8px}.vk-key-mode{min-width:60px;background:linear-gradient(135deg,#e8f4ff,#d0e8ff);border-color:#a8d0ff;color:#1e5a8e;font-size:16px;font-weight:700}.vk-key-mode:hover{background:linear-gradient(135deg,#d0e8ff,#b8dcff);border-color:#7ab8ff}.vk-key-mode-active{color:#fff;box-shadow:inset 2px 2px 4px rgba(0,0,0,.1)}.vk-key-mode-active,.vk-key-mode-active:hover{background:linear-gradient(135deg,#ff806b,#e5735a);border-color:#e5735a}.vk-key-shift{min-width:60px;background:linear-gradient(135deg,#e8f4ff,#d0e8ff);border-color:#a8d0ff;color:#1e5a8e;font-size:24px;font-weight:700}.vk-key-shift:hover{background:linear-gradient(135deg,#d0e8ff,#b8dcff);border-color:#7ab8ff}.vk-key-shift-active{color:#fff;box-shadow:inset 2px 2px 4px rgba(0,0,0,.1)}.vk-key-shift-active,.vk-key-shift-active:hover{background:linear-gradient(135deg,#ff806b,#e5735a);border-color:#e5735a}.vk-key-back{background:linear-gradient(135deg,#ffb4a8,#ff9484);border-color:#ff806b;font-size:32px;color:#8b3a2e;display:flex;align-items:center;justify-content:center}.vk-key-back svg{display:block}.vk-key-back:hover{background:linear-gradient(135deg,#ff9484,#ff806b);box-shadow:0 4px 12px hsla(9,100%,71%,.35)}.vk-key-back:active{background:linear-gradient(135deg,#ff806b,#e5735a)}.vk-key-space{flex:1;background:linear-gradient(135deg,#fff5f0,#ffe8dd);border-color:#ffd4c8;color:#29332e}.vk-key-space:hover{background:linear-gradient(135deg,#ffe8dd,#ffd4c8);border-color:#ff806b}.vk-key-space:active{background:linear-gradient(135deg,#ffd4c8,#ffb4a8)}.vk-key-ok{min-width:120px;background:linear-gradient(135deg,#ff806b,#e5735a);border-color:#e5735a;font-weight:700;font-size:26px;color:#fff;box-shadow:inset 3px 3px 4px hsla(0,0%,100%,.45)}.vk-key-ok:hover{background:linear-gradient(135deg,#ff9484,#ff806b);box-shadow:0 4px 12px hsla(9,100%,71%,.45),inset 3px 3px 4px hsla(0,0%,100%,.45)}.vk-key-ok:active{background:linear-gradient(135deg,#e5735a,#d1664a);box-shadow:0 2px 6px hsla(9,100%,71%,.35),inset 3px 3px 4px hsla(0,0%,100%,.45)}.virtual-keyboard *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width:768px){.vk-key{min-width:60px;min-height:60px;font-size:20px}.vk-key-ok{min-width:100px;font-size:22px}.vk-row{gap:8px}.vk-keys{gap:10px}}@media (max-width:480px){.vk-key{min-width:50px;min-height:50px;font-size:18px}.vk-key-ok{min-width:80px;font-size:20px}}