/*! Keybrew v1.0.0 | MIT License */
.keybrew{--keybrew-primary: #2e77d1;--keybrew-primary-dark: #0a1a2e;--keybrew-accent: #da6648;--keybrew-surface: #fff;--keybrew-surface-muted: #f4f5f5;--keybrew-text: #121416;--keybrew-muted-text: #697077;--keybrew-border: #e4e6e7;--keybrew-radius: 10px;--keybrew-key-radius: 6px;--keybrew-shadow-sm: 0 1px 2px rgb(15 23 42 / .05);--keybrew-shadow-lg: 0 18px 42px -14px rgb(15 23 42 / .24);--keybrew-ring: 0 0 0 3px color-mix(in srgb, var(--keybrew-primary-dark) 14%, transparent);--keybrew-ease: cubic-bezier(.16, 1, .3, 1);--keybrew-key-height: 44px;--keybrew-gap: 5px;z-index:1000;box-sizing:border-box;width:min(440px,calc(100vw - 16px));padding:10px;overflow:auto;border:1px solid var(--keybrew-border);border-radius:var(--keybrew-radius);background:var(--keybrew-surface);color:var(--keybrew-text);box-shadow:var(--keybrew-shadow-lg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1;direction:rtl;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent}.keybrew[hidden]{display:none!important}.keybrew,.keybrew *,.keybrew *:before,.keybrew *:after{box-sizing:border-box}.keybrew--floating{position:fixed}.keybrew--inline{position:relative;inset:auto;max-width:440px;margin-block-start:8px;box-shadow:var(--keybrew-shadow-sm)}.keybrew--floating[data-open][data-placement=below]{transform-origin:top center;animation:keybrew-open-below .16s var(--keybrew-ease) both}.keybrew--floating[data-open][data-placement=above]{transform-origin:bottom center;animation:keybrew-open-above .16s var(--keybrew-ease) both}.keybrew button.keybrew__key{min-width:0;margin:0;border:1px solid var(--keybrew-border);background:var(--keybrew-surface);color:var(--keybrew-text);box-shadow:var(--keybrew-shadow-sm);font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background-color .12s var(--keybrew-ease),border-color .12s var(--keybrew-ease),color .12s var(--keybrew-ease),box-shadow .12s var(--keybrew-ease),transform 80ms var(--keybrew-ease)}.keybrew__grid{display:grid;gap:var(--keybrew-gap)}.keybrew__row{display:flex;min-width:0;gap:var(--keybrew-gap);direction:ltr}.keybrew__row--utility{justify-content:flex-end}.keybrew button.keybrew__key{display:grid;min-height:var(--keybrew-key-height);padding:4px 2px;flex:1 1 0;place-items:center;border-radius:var(--keybrew-key-radius);font-family:Arial Hebrew,Arial,sans-serif;font-size:19px;font-weight:520;line-height:1}.keybrew button.keybrew__key--space{flex-grow:4.5;color:var(--keybrew-muted-text);font-size:12px;letter-spacing:.02em}.keybrew button.keybrew__key--backspace{flex-grow:1.25;background:var(--keybrew-surface-muted);font-family:inherit;font-size:21px}.keybrew button.keybrew__key--close{min-height:var(--keybrew-key-height);flex:0 0 var(--keybrew-key-height);color:var(--keybrew-muted-text);font-family:inherit;font-size:21px}.keybrew button.keybrew__key--mode{flex-grow:1.2;color:var(--keybrew-muted-text);font-family:inherit;font-size:12px;font-weight:650;white-space:nowrap}.keybrew button.keybrew__key--mode[aria-pressed=true]{border-color:var(--keybrew-primary-dark);background:var(--keybrew-primary-dark);color:#fff}@media(hover:hover){.keybrew button.keybrew__key:hover{border-color:color-mix(in srgb,var(--keybrew-text) 22%,var(--keybrew-border));background:var(--keybrew-surface-muted)}.keybrew button.keybrew__key--mode[aria-pressed=true]:hover{border-color:var(--keybrew-primary-dark);background:color-mix(in srgb,var(--keybrew-primary-dark) 90%,#fff)}}.keybrew button.keybrew__key:active{transform:translateY(1px) scale(.98)}.keybrew button.keybrew__key:focus-visible{outline:2px solid var(--keybrew-primary-dark);outline-offset:2px;box-shadow:var(--keybrew-ring)}.keybrew__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes keybrew-open-below{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}@keyframes keybrew-open-above{0%{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:420px){.keybrew{--keybrew-key-height: 42px;--keybrew-gap: 4px;padding:8px}.keybrew button.keybrew__key{font-size:18px}.keybrew button.keybrew__key--mode,.keybrew button.keybrew__key--space{font-size:11px}}@media(prefers-reduced-motion:reduce){.keybrew--floating[data-open],.keybrew button.keybrew__key{animation:none;transition:none}}@media(forced-colors:active){.keybrew,.keybrew button.keybrew__key{border-color:ButtonBorder}.keybrew button.keybrew__key--mode[aria-pressed=true]{background:Highlight;color:HighlightText;forced-color-adjust:none}}