:root{--surface-page:#1c1b1a;--surface-calculator:#242322;--surface-display:#16302b;--surface-key-number:#3a3836;--surface-key-function:#55524d;--surface-key-operator:#e8863c;--surface-key-equals:#2f9e6e;--text-display:#d7f5e5;--text-primary:#f0ece4;--text-on-operator:#241505;--text-on-equals:#0c1f16;--outline-focus:#f4d8bd;--text-muted:#aaa49a;--border-subtle:#ffffff17;--calculator-width:320px;--calculator-radius:28px;--display-radius:16px;--key-radius:14px;--key-gap:10px;--press-distance:2px;--motion-press:60ms;--motion-hover:.15s}*{box-sizing:border-box}body{min-width:0;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 20% 10%, #ffffff08, transparent 40%), radial-gradient(circle at 80% 90%, #ffffff05, transparent 40%), var(--surface-page);place-items:safe center;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}#app,[data-product-boundary=calculator]{min-width:0;max-width:100%}button,input{font:inherit}.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}.calculator{width:min(92vw, var(--calculator-width));border-radius:var(--calculator-radius);background:var(--surface-calculator);max-width:100%;padding:20px;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0d}.display{border-radius:var(--display-radius);background:var(--surface-display);text-align:right;margin-bottom:16px;padding:28px 20px 18px;overflow:visible;box-shadow:inset 0 2px 8px #0006}.display-meta{color:#d7f5e5ad;letter-spacing:.02em;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;display:flex}.pending-operation{text-overflow:ellipsis;min-width:0;overflow:hidden}.pending-operator:not(:empty){margin-left:.35em}.precision-indicator{color:#d7f5e5c7;overflow-wrap:anywhere;background:#d7f5e514;border:0;border-radius:6px;flex:none;min-width:0;min-height:24px;padding:2px 5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.display-value{overscroll-behavior-x:contain;width:100%;min-width:0;max-width:100%;min-height:51px;color:var(--text-display);text-overflow:clip;text-shadow:0 0 12px #d7f5e540;white-space:nowrap;direction:ltr;font-family:JetBrains Mono,ui-monospace,monospace;font-size:42px;font-weight:500;line-height:1.2;overflow:auto hidden}.keys{gap:var(--key-gap);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.key{border-radius:var(--key-radius);min-width:0;min-height:59px;color:var(--text-primary);overflow-wrap:anywhere;transition:transform var(--motion-press) ease, box-shadow var(--motion-press) ease, filter var(--motion-hover) ease;border:0;justify-content:center;align-items:center;padding:18px .15em;font-size:19px;font-weight:600;line-height:1.15;display:inline-flex;box-shadow:0 3px #00000040}.key-number{background:var(--surface-key-number)}.key-function{background:var(--surface-key-function)}.key-operator{color:var(--text-on-operator);background:var(--surface-key-operator);font-size:22px}.key-equals{color:var(--text-on-equals);background:var(--surface-key-equals)}.key-wide{grid-column:span 2}.key:hover{filter:brightness(1.1)}.key:active,.key.is-pressed{transform:translateY(var(--press-distance));box-shadow:0 1px #00000040}[data-product-boundary=calculator] button:focus-visible,[data-product-boundary=calculator] input:focus-visible,.key:focus-visible,.precision-indicator:focus-visible,.dialog-field:focus-visible{outline:3px solid var(--outline-focus);outline-offset:3px}.key-operator.is-active{filter:brightness(1.25);box-shadow:inset 0 0 0 2px #ffffff80,0 3px #00000040}.key:disabled{cursor:not-allowed;filter:saturate(.35)brightness(.72);opacity:.7}.precision-dialog{border:1px solid var(--border-subtle);background:var(--surface-calculator);width:min(292px,100%);color:var(--text-primary);border-radius:18px;padding:20px;box-shadow:0 16px 40px #00000073}.precision-dialog:not([open]){clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none;border:0;width:0;height:0;margin:0;padding:0;display:block;position:absolute;overflow:hidden}.precision-dialog[open]{max-width:min(292px,100%);max-height:100%;overflow:auto}.precision-dialog::backdrop{background:#00000073}.precision-dialog h2{margin:0 0 12px;font-size:15px}.precision-dialog label{color:#f0ece4c7;margin-bottom:7px;font-size:13px;display:block}.dialog-field{width:100%;color:var(--text-display);background:var(--surface-display);border:1px solid #ffffff1f;border-radius:10px;padding:11px 12px;font:18px JetBrains Mono,ui-monospace,monospace}.dialog-field[aria-invalid=true]{border-color:#e07070}.field-hint{color:var(--text-muted);margin:7px 0 17px;font-size:12px}.dialog-actions{justify-content:flex-end;gap:9px;display:flex}.dialog-actions .key{border-radius:9px;width:auto;min-height:auto;padding:9px 14px;font-size:14px}@media (prefers-reduced-motion:reduce){.key{transition:none}}