.y-keyboard{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;border-radius:10px}.y-keyboard::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.key-item{cursor:pointer;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#fff,#f0f0f0);color:#374151;border-radius:12px;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a;transition:all .15s ease;border:1px solid rgba(0,0,0,.05)}.key-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f;background:linear-gradient(145deg,#f9fafb,#e5e7eb);border-color:#3b82f64d}.key-item:active{transform:translateY(1px);box-shadow:0 1px 2px #0000000f;background:linear-gradient(145deg,#e5e7eb,#d1d5db)}.keyboard-grid{box-shadow:inset 0 2px 4px #0000000a;background:#f8fafc;padding:8px;border-radius:12px}