.virtual-keyboard{background:hsl(var(--card));border-top:2px solid hsl(var(--border));z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff;border-top-color:#e5e7eb;max-height:50vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f}.virtual-keyboard-header{border-bottom:1px solid hsl(var(--border));background:hsl(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:1px solid hsl(var(--border));background:hsl(var(--card));min-width:2rem;min-height:2rem;color:#1f2937;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border-color:#d1d5db;border-radius:.375rem;flex:none;padding:.375rem;font-size:.8125rem;font-weight:600;transition:all .15s;box-shadow:0 1px 2px #0000000d}.keyboard-key:hover{background:hsl(var(--accent));border-color:hsl(var(--accent-foreground));color:hsl(var(--accent-foreground))}.keyboard-key:active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(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}}@media (prefers-color-scheme:dark){.virtual-keyboard{background:hsl(var(--card));background-color:#1f2937;box-shadow:0 -4px 6px -1px #0000004d,0 -2px 4px -1px #0003}.keyboard-key{background:hsl(var(--card));border:1px solid hsl(var(--border));color:#f9fafb;background-color:#1f2937;border-color:#374151;box-shadow:0 1px 2px #0000001a}}@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 hsl(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}}