html{scrollbar-gutter:stable}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes speaker-pulse{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@keyframes audio-ring-spin{to{transform:rotate(360deg)}}@keyframes tap-to-hear-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@keyframes tap-to-hear-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.tap-to-hear-tip{animation:tap-to-hear-in .18s ease-out,tap-to-hear-bob 1.6s ease-in-out .18s infinite}@media(prefers-reduced-motion:reduce){.tap-to-hear-tip,.speaker-icon-loading{animation:none!important}.audio-ring-indeterminate{animation:none!important;transform:none!important}}.vk-container{font-family:Nunito,Noto Sans Thai Looped,Segoe UI,sans-serif;--vk-key-font-size: clamp(22px, 5.5vw, 34px);--vk-special-key-font-size: clamp(15px, 3vw, 24px);--vk-key-height: clamp(48px, 7.5vh, 62px)}@media(min-width:768px){.vk-container{width:min(640px,calc(100% - 32px));margin-inline:auto;border-radius:16px 16px 0 0;--vk-key-font-size: 24px;--vk-special-key-font-size: 15px;--vk-key-height: clamp(38px, 5.5vh, 46px);--vk-gap: 5px;--vk-padding: 10px}}.vk-key--hide{background-color:#f59e0b;color:#fff;font-size:var(--vk-special-key-font-size);flex:0 1 110%;box-shadow:0 0 0 2px #fcd34d;animation:vk-hide-pulse 1.1s ease-in-out 3}@keyframes vk-hide-pulse{0%,to{box-shadow:0 0 0 2px #fcd34d}50%{box-shadow:0 0 0 6px #fcd34d59}}@media(prefers-reduced-motion:reduce){.vk-key--hide{animation:none}}.vk-key--hide:active:not(:disabled){background-color:#c9820a}@media(hover:hover)and (pointer:fine){.vk-key--hide:hover{background-color:#d98c0b}}