.pk-keyboard{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:visible}.pk-keyboard.pk-disabled{pointer-events:none;filter:saturate(.85)}.pk-key{box-sizing:border-box;cursor:pointer;border:0;padding:0;position:absolute;top:0}.pk-white{z-index:1;background:linear-gradient(#fff 0%,#f6f4ee 55%,#e9e6db 100%);border:1px solid #14141a;border-top:none;border-radius:0 0 8px 8px;box-shadow:inset -3px 0 5px #0000001a,inset 3px 0 5px #ffffff8c,inset 0 -6px 8px #00000014}.pk-black{z-index:2;background:linear-gradient(#8a8a96 0%,#33333c 14%,#0b0b10 100%);border:1px solid #000;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 6px #00000080,inset -2px 0 4px #0009,inset 2px 0 4px #ffffff1f}.pk-live-tint{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.pk-white.pk-pressed,.pk-white.pk-hl-demo{background:linear-gradient(#c4b5fdfa 0%,#8b5cf6eb 60%,#6d28d9f2 100%);box-shadow:0 0 26px #8b5cf6f2,0 0 60px #8b5cf673,inset 0 2px 6px #ffffff80}.pk-black.pk-pressed,.pk-black.pk-hl-demo{background:linear-gradient(#a78bfa 0%,#7c3aed 45%,#4c1d95 100%);box-shadow:0 0 26px #8b5cf6f2,0 0 60px #8b5cf673,inset 0 2px 6px #ffffff59}.pk-beam{filter:blur(7px);pointer-events:none;background:linear-gradient(#8b5cf600 0%,#8b5cf659 45%,#a78bfae6 100%);width:56%;height:170px;animation:.18s ease-out pk-beam-in;position:absolute;bottom:100%;left:22%}.pk-black .pk-beam{width:40%;height:200px;left:30%}@keyframes pk-beam-in{0%{opacity:0;transform-origin:bottom;transform:scaleY(.4)}to{opacity:1;transform-origin:bottom;transform:scaleY(1)}}.pk-particle{pointer-events:none;background:#ddd0fe;border-radius:9999px;width:5px;height:5px;animation:1.4s ease-out infinite pk-rise;position:absolute;bottom:100%;box-shadow:0 0 8px #c4b5fde6}@keyframes pk-rise{0%{opacity:0;transform:translateY(10px)scale(1)}15%{opacity:1}to{opacity:0;transform:translateY(-170px)scale(.4)}}.pk-white.pk-hl-target{background:linear-gradient(#fefce8 0%,#fef9c3 60%,#fde68a 100%);box-shadow:0 0 22px #fbbf24bf,inset 0 -6px #f59e0bf2}.pk-black.pk-hl-target{background:linear-gradient(#3f3f06 0%,#1c1c07 100%);box-shadow:0 0 22px #fbbf2499,inset 0 -6px #f59e0bf2}.pk-white.pk-hl-target .pk-label,.pk-white.pk-hl-target .pk-keylabel{color:#46340cf2}.pk-black.pk-hl-target .pk-keylabel{color:#fef9c3f2;text-shadow:0 1px 2px #0009}.pk-white.pk-hl-target,.pk-black.pk-hl-target{animation:1.4s ease-in-out infinite pk-pulse-gold}@keyframes pk-pulse-gold{0%,to{box-shadow:0 0 12px #fbbf2473,inset 0 -6px #f59e0bbf}50%{box-shadow:0 0 26px #fbbf24f2,0 0 52px #fbbf2459,inset 0 -6px #f59e0b}}.pk-white.pk-hl-accepted{background:linear-gradient(#f0fdf6 0%,#dcfce9 60%,#bbf7d1 100%);box-shadow:0 0 16px #9ee7b899,inset 0 -6px #4ade80e6}.pk-black.pk-hl-accepted{background:linear-gradient(#052e1a 0%,#04220f 100%);box-shadow:0 0 16px #9ee7b880,inset 0 -6px #4ade80d9}.pk-white.pk-hl-accepted .pk-label,.pk-white.pk-hl-accepted .pk-keylabel{color:#062e1af2}.pk-black.pk-hl-accepted .pk-keylabel{color:#dcfce7f2;text-shadow:0 1px 2px #0009}.pk-hl-prompt{animation:1.1s ease-in-out infinite pk-pulse-violet}@keyframes pk-pulse-violet{0%,to{box-shadow:0 0 6px #8b5cf673}50%{background-color:#c4b5fdbf;box-shadow:0 0 22px #8b5cf6f2,0 0 50px #8b5cf666}}.pk-hl-ghost{animation:1.6s ease-in-out infinite pk-ghost}@keyframes pk-ghost{0%,to{box-shadow:inset 0 0 0 2px #a78bfa4d}50%{background-color:#c4b5fd59;box-shadow:inset 0 0 0 3px #a78bfad9,0 0 16px #8b5cf68c}}.pk-hl-correct{transition:background .15s ease-out,box-shadow .15s ease-out;background:linear-gradient(#fff 0%,#ede9fe 60%,#c4b5fd 100%)!important;box-shadow:0 0 30px #ffffffe6,0 0 60px #8b5cf699!important}.pk-hl-wrong{background:linear-gradient(#fca5a5f2 0%,#ef4444e6 100%)!important;box-shadow:0 0 24px #ef4444e6,0 0 50px #ef444466!important}.pk-white.pk-hl-held{background:linear-gradient(#c4b5fde6 0%,#8b5cf6bf 100%);box-shadow:0 0 18px #8b5cf6cc,inset 0 -3px #00000014}.pk-black.pk-hl-held{background:linear-gradient(#7c3aed 0%,#3b1470 100%);box-shadow:0 0 18px #8b5cf6cc}.pk-label{text-align:center;letter-spacing:.08em;color:#5a5a64bf;pointer-events:none;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:0;right:0}.pk-label-c{color:#1e1e26e6;font-weight:800}.pk-pressed .pk-label,.pk-hl-demo .pk-label,.pk-hl-held .pk-label{color:#fffffff2}.pk-hint{text-align:center;color:#fbbf24;text-shadow:0 1px 2px #0009;pointer-events:none;z-index:3;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700;position:absolute;bottom:28px;left:0;right:0}.pk-hint-black{font-size:10px;bottom:8px}.pk-hl-demo .pk-hint,.pk-hl-prompt .pk-hint,.pk-hl-ghost .pk-hint,.pk-hl-target .pk-hint{color:#fff}.pk-white.pk-hl-target .pk-hint{color:#46340cf2;text-shadow:none}.pk-keylabel{text-align:center;letter-spacing:.04em;color:#282834d9;pointer-events:none;font-family:ui-monospace,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:700;position:absolute;bottom:8px;left:0;right:0}.pk-keylabel-black{color:#ede9feeb;text-shadow:0 1px 2px #000000b3;font-size:11px;bottom:6px}.pk-pressed .pk-keylabel,.pk-hl-demo .pk-keylabel,.pk-hl-held .pk-keylabel{color:#fffffff5}.pk-keylabel-prompt,.pk-label-prompt{will-change:transform;font-weight:800;animation:1s ease-in-out infinite pk-glyph-bob}.pk-keylabel-prompt{font-size:15px}.pk-label-prompt{font-size:14px}@keyframes pk-glyph-bob{0%,to{transform:translateY(0)scale(1.12)}50%{transform:translateY(-3px)scale(1.28)}}@media (prefers-reduced-motion:reduce){.pk-particle{opacity:.55;animation:none;transform:translateY(-60px)scale(.6)}.pk-hl-prompt{background-color:#c4b5fdbf;animation:none;box-shadow:0 0 22px #8b5cf6f2,0 0 50px #8b5cf666}.pk-hl-ghost{background-color:#c4b5fd59;animation:none;box-shadow:inset 0 0 0 3px #a78bfad9,0 0 16px #8b5cf68c}.pk-keylabel-prompt,.pk-label-prompt{animation:none;transform:scale(1.2)}}