.virtual-keyboard{background:var(--surface-raised);border-top:2px solid var(--border);z-index:1000;box-shadow:0 -4px 12px -2px color-mix(in oklch,var(--foreground)10%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:50vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.virtual-keyboard-header{border-bottom:1px solid var(--border);background:var(--muted);justify-content:flex-end;padding:.5rem 1rem;display:flex}.virtual-keyboard-toggle{min-height:32px;padding:.25rem .5rem;font-size:.75rem}.virtual-keyboard-content{flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.keyboard-row{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.keyboard-key{border-radius:calc(var(--radius-control) - 2px);border:1px solid var(--input);background:var(--surface-raised);min-width:2rem;min-height:2rem;color:var(--foreground);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--dur-fast)var(--ease-out);box-shadow:var(--elevation-sm);flex:none;padding:.375rem;font-size:.8125rem;font-weight:600}.keyboard-key:hover{background:var(--muted)}.keyboard-key:active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);transform:scale(.95)}.keyboard-key-wide{min-width:2.75rem}.keyboard-key-space{flex:1;min-width:6rem;max-width:10rem}.keyboard-row:last-child{align-items:center;gap:.25rem;display:flex}@media (max-width:640px){.virtual-keyboard{max-height:45vh}.keyboard-key{min-width:1.75rem;min-height:1.75rem;padding:.25rem;font-size:.75rem;font-weight:600}.keyboard-key-wide{min-width:2.5rem}.keyboard-key-space{min-width:4rem;max-width:6rem}.keyboard-row:last-child{gap:.125rem}.keyboard-row{justify-content:center;gap:.125rem}.virtual-keyboard-content{gap:.25rem;padding:.375rem}.virtual-keyboard-header{padding:.375rem .75rem}.virtual-keyboard-toggle{min-height:28px;padding:.1875rem .375rem;font-size:.6875rem}}@media (max-width:375px){.keyboard-key{min-width:1.5rem;min-height:1.5rem;padding:.1875rem;font-size:.6875rem;font-weight:600}.keyboard-key-wide{min-width:2.25rem}.keyboard-key-space{min-width:3rem;max-width:4rem}.keyboard-row:last-child,.keyboard-row{gap:.0625rem}.virtual-keyboard-content{gap:.1875rem;padding:.25rem}}@media (min-width:641px) and (max-width:1024px){.keyboard-key{min-width:2.25rem;min-height:2.25rem;font-size:.875rem}.keyboard-key-wide{min-width:3.25rem}.keyboard-key-space{min-width:10rem;max-width:14rem}}.dark .virtual-keyboard{box-shadow:0 -4px 12px -2px #0006;box-shadow:0 -4px 12px -2px lab(0% 0 0/.4)}@media (prefers-contrast:high){.keyboard-key{border-width:2px}.keyboard-key:hover,.keyboard-key:active{border-width:3px}}@media (prefers-reduced-motion:reduce){.keyboard-key{transition:none}.keyboard-key:active{transform:none}}.keyboard-key:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.virtual-keyboard{animation:.3s ease-out slideUp}@media (orientation:landscape) and (max-height:500px){.virtual-keyboard{max-height:60vh}.keyboard-key{min-height:2rem}.virtual-keyboard-content{gap:.25rem;padding:.5rem}}