.spanish-keyboard,.sk-accent-popup{box-sizing:border-box;font-family:var(--font-kinder, "Andika"),"Andika",sans-serif;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.spanish-keyboard{width:min(100%,480px);min-width:0;margin-inline:auto;padding:10px 7px 7px;border:1px solid #d8e6d2;border-radius:18px;background:#f7fbf5;box-shadow:0 5px 14px #2b4e241c,0 2px #e5efdf}.sk-row{display:flex;justify-content:center;gap:4px;margin-bottom:6px}.sk-row:last-of-type{margin-bottom:0}.sk-key,.sk-control,.sk-accent-option{box-sizing:border-box;font-family:inherit;font-weight:700;cursor:pointer;line-height:1.1;border:1.5px solid #cbd5cb;border-radius:10px;padding:0;text-align:center}.sk-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:calc((100% - 36px)*.1);min-width:0;height:48px;flex:0 0 calc((100% - 36px)*.1);background:#f1f4f1;color:#66716b;font-size:clamp(19px,5vw,24px);box-shadow:0 2px #d9e0d7;touch-action:none}.sk-known{background:linear-gradient(#eef7eb,#e4f0df);border-color:#a9c9a2;color:#39713d;box-shadow:0 2px #c9ddc3}.sk-wrong{background:#fee2e2;color:#b91c1c;border-color:#f87171}.sk-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.sk-dot-empty{visibility:hidden}.sk-controls{display:flex;justify-content:center;gap:6px;margin-top:8px}.sk-control{min-height:44px;padding:7px 10px;color:#305e38;background:#fff;border-color:#c9dfc4;box-shadow:0 2px #dfebdb;font-size:clamp(12px,3.1vw,15px);touch-action:manipulation}.sk-space{display:block;width:65%;margin:7px auto 0}.sk-tip{display:block;text-align:center;font-size:11px;color:#526a55;margin-top:7px;line-height:1.4}.sk-key:disabled,.sk-control:disabled{opacity:.4;cursor:default}.sk-key:focus-visible,.sk-control:focus-visible,.sk-accent-option:focus-visible{outline:3px solid #227a92;outline-offset:2px}.sk-key:active:not(:disabled),.sk-control:active:not(:disabled){transform:translateY(1px)}.sk-accent-popup{position:fixed;z-index:1000001;display:flex;gap:4px;padding:6px;background:#fff;color:#254d30;border:1px solid #99bc9c;border-radius:13px;box-shadow:0 5px 20px #183d3840}.sk-accent-option{flex:1;min-width:44px;height:44px;background:#eff7eb;color:#254d30;font-size:26px;touch-action:manipulation}.sk-accent-selected,.sk-accent-option:hover{background:#246f4a;color:#fff}@media (max-width:360px){.spanish-keyboard{padding-inline:4px}.sk-row{gap:3px}.sk-key{width:calc((100% - 27px)*.1);flex-basis:calc((100% - 27px)*.1);height:44px}}