:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page-bg:#eef1f5;--calc-bg:#fff;--calc-shadow:0 12px 40px #0f172a1f;--text:#111827;--text-muted:#4b5563;--key-bg:#f1f3f6;--key-bg-hover:#e4e8ee;--key-text:#111827;--function-bg:#e5e8ee;--function-bg-hover:#d7dce4;--operator-bg:#dce7fd;--operator-bg-hover:#c9d9fb;--operator-text:#1d4ed8;--equals-bg:#1d4ed8;--equals-bg-hover:#1e40af;--equals-text:#fff;--clear-text:#b91c1c;--error-text:#b91c1c;--focus:#7c3aed;--radius:1rem;--gap:.625rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page-bg:#0b0d12;--calc-bg:#161a22;--calc-shadow:0 12px 40px #00000073;--text:#f3f4f6;--text-muted:#a7afbd;--key-bg:#242a35;--key-bg-hover:#2e3542;--key-text:#f3f4f6;--function-bg:#313846;--function-bg-hover:#3b4354;--operator-bg:#1e3257;--operator-bg-hover:#273f6d;--operator-text:#a9c5ff;--equals-bg:#7aa7ff;--equals-bg-hover:#97baff;--equals-text:#0b1020;--clear-text:#ff9b94;--error-text:#ff9b94;--focus:#c4b5fd}}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;grid-template-columns:minmax(0,1fr);place-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:grid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.calc{border-radius:calc(var(--radius) * 1.5);background:var(--calc-bg);width:100%;min-width:0;max-width:24rem;box-shadow:var(--calc-shadow);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.display{flex-direction:column;align-items:stretch;gap:.25rem;min-width:0;padding:.5rem .25rem;display:flex}.display__expression,.display__result{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;scrollbar-width:thin;border-radius:.5rem;min-width:0;overflow:auto hidden}.display__expression{min-height:1.75rem;color:var(--text-muted);font-size:1.125rem;line-height:1.75rem}.display__result{letter-spacing:-.02em;min-height:3.75rem;font-size:3rem;font-weight:600;line-height:3.75rem;transition:font-size .12s}.display__result[data-size=md]{font-size:2.25rem}.display__result[data-size=sm]{font-size:1.625rem}.display__result.is-error{color:var(--error-text);font-size:1.5rem;font-weight:500}.keypad{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.key{border-radius:var(--radius);background:var(--key-bg);min-width:44px;min-height:3.75rem;color:var(--key-text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:0;padding:0;font-size:1.5rem;font-weight:500;transition:background-color .1s,transform 80ms}.key:hover{background:var(--key-bg-hover)}.key:active,.key.is-pressed{transform:scale(.96)}.key:focus-visible,.display__expression:focus-visible,.display__result:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.key--function{background:var(--function-bg);font-size:1.375rem}.key--function:hover{background:var(--function-bg-hover)}.key--clear{color:var(--clear-text);font-weight:600}.key--operator{background:var(--operator-bg);color:var(--operator-text);font-size:1.75rem}.key--operator:hover{background:var(--operator-bg-hover)}.key--equals{background:var(--equals-bg);color:var(--equals-text);font-size:1.75rem}.key--equals:hover{background:var(--equals-bg-hover)}.key--wide{grid-column:span 2}@media (width<=360px){.calc{padding:1rem}.key{min-height:3.25rem}}@media (prefers-reduced-motion:reduce){.key,.display__result{transition:none}}