:root{--color-canvas-page:#1c1b1a;--color-surface-calculator:#242322;--color-surface-display:#16302b;--color-surface-key-number:#3a3836;--color-surface-key-function:#55524d;--color-action-operator:#e8863c;--color-action-commit:#2f9e6e;--color-text-display:#d7f5e5;--color-text-primary:#f0ece4;--color-text-on-operator:#241505;--color-text-on-equals:#0c1f16;--color-text-display-muted:#d7f5e5ad;--color-text-indicator:#d7f5e5c7;--color-surface-indicator:#d7f5e514;--color-focus-ring:#f4d8bd;--radius-calculator:28px;--radius-display:16px;--radius-key:14px;--radius-indicator:6px;--space-calculator-inset:20px;--space-key-gap:10px;--space-display-stack-gap:16px;--space-display-inset-block-start:28px;--space-display-inset-inline:20px;--space-display-inset-block-end:18px;--space-display-meta-gap:12px;--space-pending-operator-gap:.35em;--space-indicator-inset-block:2px;--space-indicator-inset-inline:5px;--space-key-inset-block:18px;--space-action-press-translate:2px;--space-focus-ring-offset:3px;--size-calculator-width:320px;--size-calculator-width-narrow:92vw;--breakpoint-narrow:420px;--size-control-key-min-height:59px;--size-control-indicator-min-height:24px;--size-control-display-meta-min-height:24px;--size-control-display-value-min-height:51px;--size-focus-ring-width:3px;--type-body-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--type-numeric-family:"JetBrains Mono", ui-monospace, monospace;--type-display-size:42px;--type-display-weight:500;--type-display-line-height:1.2;--type-label-size:19px;--type-label-size-operator:22px;--type-label-weight:600;--type-caption-size:11px;--type-code-size:14px;--type-code-tracking:.02em;--elevation-calculator:0 20px 50px #00000080, inset 0 1px 0 #ffffff0d;--elevation-display-inset:inset 0 2px 8px #0006;--elevation-display-glow:0 0 12px #d7f5e540;--elevation-key-rest:0 3px 0 #00000040;--shadow-action-pressed:0 1px 0 #00000040;--motion-press-duration:60ms;--motion-hover-duration:.15s;--motion-easing:ease;--effect-disabled-saturate:.35;--effect-disabled-brightness:.72;--effect-disabled-opacity:.7}*,:before,:after{box-sizing:border-box}html{background-color:var(--color-canvas-page);max-width:100%}body{max-width:100%;min-height:100vh;color:var(--color-text-primary);background-color:var(--color-canvas-page);font-family:var(--type-body-family);place-items:safe center;margin:0;display:grid}#app,[data-product-boundary=calculator]{min-width:0;max-width:100%;position:relative}button{font:inherit}.calculator{width:min(92vw, var(--size-calculator-width));max-width:var(--size-calculator-width);min-width:0;padding:var(--space-calculator-inset);border-radius:var(--radius-calculator);background:var(--color-surface-calculator);box-shadow:var(--elevation-calculator)}.display{margin-bottom:var(--space-display-stack-gap);padding:var(--space-display-inset-block-start) var(--space-display-inset-inline) var(--space-display-inset-block-end);border-radius:var(--radius-display);background:var(--color-surface-display);text-align:right;min-width:0;box-shadow:var(--elevation-display-inset);overflow:hidden}.display-meta{min-width:0;min-height:var(--size-control-display-meta-min-height);justify-content:space-between;align-items:stretch;gap:var(--space-display-meta-gap);color:var(--color-text-display-muted);font-family:var(--type-numeric-family);font-size:var(--type-code-size);letter-spacing:var(--type-code-tracking);flex-wrap:wrap;display:flex}.pending-operation{min-width:0;min-height:var(--size-control-display-meta-min-height);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;display:block;overflow:hidden}.pending-operator:not(:empty){margin-left:var(--space-pending-operator-gap)}.precision-indicator{max-width:100%;min-height:var(--size-control-indicator-min-height);padding:var(--space-indicator-inset-block) var(--space-indicator-inset-inline);border-radius:var(--radius-indicator);color:var(--color-text-indicator);background:var(--color-surface-indicator);font-family:var(--type-numeric-family);font-size:var(--type-caption-size);overflow-wrap:anywhere;border:0;flex:none}.display-value{min-width:0;min-height:var(--size-control-display-value-min-height);color:var(--color-text-display);font-family:var(--type-numeric-family);font-size:var(--type-display-size);font-weight:var(--type-display-weight);line-height:var(--type-display-line-height);text-align:right;text-overflow:clip;text-shadow:var(--elevation-display-glow);white-space:nowrap;overflow:auto hidden}.rejection-status{min-width:2em;min-height:1.25em;color:var(--color-text-display-muted);font-family:var(--type-body-family);font-size:var(--type-caption-size);text-align:right;white-space:normal;margin-top:8px;line-height:1.25;display:block;overflow:visible}.keys{gap:var(--space-key-gap);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.key{min-width:0;max-width:100%;min-height:var(--size-control-key-min-height);padding:var(--space-key-inset-block) 0;border-radius:var(--radius-key);color:var(--color-text-primary);font-size:var(--type-label-size);font-weight:var(--type-label-weight);text-align:center;overflow-wrap:anywhere;word-break:break-word;box-shadow:var(--elevation-key-rest);transition:transform var(--motion-press-duration) var(--motion-easing), box-shadow var(--motion-press-duration) var(--motion-easing), filter var(--motion-hover-duration) var(--motion-easing);border:0;line-height:1.2}.key-number{background:var(--color-surface-key-number)}.key-function{background:var(--color-surface-key-function)}.key-operator{color:var(--color-text-on-operator);background:var(--color-action-operator);font-size:var(--type-label-size-operator)}.key-equals{color:var(--color-text-on-equals);background:var(--color-action-commit)}.key-wide{grid-column:span 2}.key:hover{filter:brightness(1.1)}.key:active{transform:translateY(var(--space-action-press-translate));box-shadow:var(--shadow-action-pressed)}.key[aria-disabled=true]{cursor:not-allowed;filter:saturate(var(--effect-disabled-saturate)) brightness(var(--effect-disabled-brightness));opacity:var(--effect-disabled-opacity)}.key:focus-visible,.precision-indicator:focus-visible,.dialog-field:focus-visible{outline:var(--size-focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--space-focus-ring-offset)}.precision-scrim{z-index:2;border-radius:var(--radius-calculator);background:#00000073;border:0;padding:0;position:absolute;inset:0}.precision-scrim[hidden],.precision-dialog[hidden]{display:none}.precision-dialog{z-index:3;left:var(--space-calculator-inset);right:var(--space-calculator-inset);bottom:var(--space-calculator-inset);top:calc(var(--space-calculator-inset) + var(--space-display-inset-block-start) + var(--size-control-display-meta-min-height) + 12px);background:var(--color-surface-calculator);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:auto;max-width:292px;margin-inline:auto;padding:20px;display:flex;position:absolute;box-shadow:0 16px 40px #00000073}.precision-dialog h3{color:var(--color-text-primary);margin:0 0 12px;font-size:16px;font-weight:600}.precision-dialog label{color:#f0ece4c7;margin-bottom:7px;font-size:13px;display:block}.dialog-field{width:100%;color:var(--color-text-display);background:var(--color-surface-display);font-family:var(--type-numeric-family);border:1px solid #ffffff1f;border-radius:10px;padding:11px 12px;font-size:18px}.field-hint,.dialog-report{color:var(--color-text-display-muted);margin:7px 0 0;font-size:12px;line-height:1.4}.dialog-report:not([hidden]){margin-bottom:0;display:block}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:17px;display:flex}.dialog-actions .key{border-radius:9px;width:auto;min-height:auto;padding:9px 14px;font-size:14px}@media (width<=420px){.calculator{width:92vw;max-width:var(--size-calculator-width)}}@media (prefers-reduced-motion:reduce){.key{transition:none}}
