:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:var(--lightningcss-light,#f4f4ef)var(--lightningcss-dark,#050505);--ink:var(--lightningcss-light,#151515)var(--lightningcss-dark,#f1f1ec);--bg:var(--paper);--text:var(--ink);--muted:var(--lightningcss-light,#6b6b76)var(--lightningcss-dark,#a3a3ab);--group:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c1c1e);--danger:var(--lightningcss-light,#d4382c)var(--lightningcss-dark,#ff6b5f);--line:2.5px;--ghost:.07;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:16px}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.panel{border:var(--line) solid var(--ink);border-radius:14px;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:10px 14px 12px;display:flex}.label{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800;line-height:1.2}.labels{justify-content:space-between;align-items:center;gap:12px;min-height:22px;display:flex}.badge{background:var(--ink);color:var(--paper);letter-spacing:.12em;text-transform:uppercase;border-radius:6px;flex:none;padding:4px 9px;font-size:12px;font-weight:800}.face{flex-direction:column;justify-content:center;gap:14px;margin-block:auto;display:flex}.digits{justify-content:center;min-width:0;line-height:1;display:flex}.keys{gap:12px;display:flex}.key{border:var(--line) solid var(--ink);min-height:58px;color:var(--ink);letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;padding:0 12px;font-size:17px;font-weight:800;transition:transform .1s;display:flex}.key.main{background:var(--ink);color:var(--paper)}.key:active:not(:disabled){transform:scale(.98)}.key:disabled{opacity:.3}.blinking{animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:.15}}@media (prefers-reduced-motion:reduce){.blinking{opacity:.45;animation:none}}