.keyboard_keyboard__UxJ6G{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-gap:9px;gap:9px;padding:0;margin:0;list-style:none}.keyboard_item__nQV1A,.keyboard_key__XnVGE{width:100%;height:100%}.keyboard_key__XnVGE{min-height:48px;border:1px solid var(--line);border-radius:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(1.35rem,3vw,2rem);font-weight:800;background:#fff;color:var(--ink);box-shadow:0 5px 0 #ddd9d2;transition:transform .12s ease,box-shadow .12s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none}.keyboard_item__nQV1A:nth-child(4n+1) .keyboard_key__XnVGE{background:var(--yellow-soft)}.keyboard_item__nQV1A:nth-child(4n+2) .keyboard_key__XnVGE{background:var(--pink-soft)}.keyboard_item__nQV1A:nth-child(4n+3) .keyboard_key__XnVGE{background:var(--turquoise-soft)}.keyboard_key__XnVGE:hover{transform:translateY(-2px)}.keyboard_key__XnVGE:active{transform:translateY(3px);box-shadow:0 2px 0 #ddd9d2}.keyboard_primary__2_BqL{background:#dff4e7!important;color:#2b8150!important}@media(max-width:800px){.keyboard_keyboard__UxJ6G{gap:7px}.keyboard_key__XnVGE{border-radius:12px;min-height:44px}}