:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:color-mix(in srgb, var(--enter) 3%, #f3f3f3);--surface-active:color-mix(in srgb, var(--enter) 10%, #dedede);--digit:color-mix(in srgb, var(--enter) 3%, #fff);--digit-active:color-mix(in srgb, var(--enter) 10%, #c8c8c8);--fn:color-mix(in srgb, var(--enter) 3%, #d6d6d6);--fn-active:color-mix(in srgb, var(--enter) 10%, #b0b0b0);--op:color-mix(in srgb, var(--enter) 25%, #dedede);--op-active:color-mix(in srgb, var(--enter) 25%, #a6a6a6);--enter:#00a8be;--enter-active:color-mix(in srgb, var(--enter) 72%, black);--enter-text:#000;--text:color-mix(in srgb, var(--enter) 3%, #1a1a1a);--muted:color-mix(in srgb, var(--enter) 3%, #5e5e5e);--stack-zero:color-mix(in srgb, var(--enter) 3%, #b0b0b0);--error:#c42b1c;--key-border:#0000000f;--fn-border:var(--key-border);--page:color-mix(in srgb, var(--enter) 3%, #e6e6e6);font-family:Segoe UI,Segoe UI Variable,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:color-mix(in srgb, var(--enter) 3%, #1c1c1c);--surface-active:color-mix(in srgb, var(--enter) 10%, #333);--digit:color-mix(in srgb, var(--enter) 3%, #454545);--digit-active:color-mix(in srgb, var(--enter) 10%, #666);--fn:color-mix(in srgb, var(--enter) 3%, #2a2a2a);--fn-active:color-mix(in srgb, var(--enter) 10%, #484848);--op:color-mix(in srgb, var(--enter) 25%, #2e2e2e);--op-active:color-mix(in srgb, var(--enter) 25%, #5c5c5c);--enter:#00a8be;--enter-active:color-mix(in srgb, var(--enter) 72%, black);--enter-text:#000;--text:color-mix(in srgb, var(--enter) 3%, #f5f5f5);--muted:color-mix(in srgb, var(--enter) 3%, #b5b5b5);--stack-zero:color-mix(in srgb, var(--enter) 3%, #6e6e6e);--error:#ff8a80;--key-border:#ffffff0a;--fn-border:#ffffff1a;--page:color-mix(in srgb, var(--enter) 3%, #2a2a2a)}*{box-sizing:border-box}html,body{background:var(--surface);height:100%;color:var(--text);margin:0;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{height:100dvh;min-height:100dvh}.frame{width:100%;min-width:0;height:100%;min-height:0;container-type:size}.calculator{--s:max(.6rem, min(1.25rem, 100cqi / 25, 100cqh / 48.9));--radius:calc(var(--s) * .625);font-size:var(--s);background:var(--surface);width:100%;min-width:0;height:100%;min-height:0;padding:calc(env(safe-area-inset-top) + .75rem) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.topbar{align-items:center;gap:.5em;min-height:3em;padding:.25em 1em 0 .5em;display:flex}.topbar h1{margin:0;font-size:1.05em;font-weight:500}.icon-button{border-radius:var(--radius);width:2.5rem;height:2.5rem;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;display:grid}.icon-button svg{width:1.375rem;height:1.375rem}.icon-button:hover,.icon-button:focus-visible{background:var(--fn)}.display{flex:none;min-width:0;padding:.25em 1em .5em}.stack{flex-direction:column;justify-content:flex-end;min-height:1.5em;display:flex}.stack-line{font-variant-numeric:tabular-nums;min-height:2em;color:var(--muted);justify-content:flex-end;align-items:baseline;gap:.65em;font-size:1.25em;font-weight:300;display:flex}.stack-line:has(.amount:empty):not(:has(.label)){height:0;min-height:0;overflow:hidden}.more,.label{letter-spacing:.04em;font-size:.75em}.label{width:calc(var(--s) * .8);text-align:center}.trailing{color:var(--stack-zero)}.readout.is-down .x{color:#000}.value{text-overflow:ellipsis;white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:.75em;display:flex;overflow:hidden}.readout{flex-shrink:0;justify-content:flex-end;align-items:flex-end;min-width:0;height:4.2em;display:flex;overflow:hidden}.x{letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:4em;font-weight:550;line-height:1.05}.error{text-align:right;min-width:0;color:var(--error);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:.85em;font-weight:300;line-height:1.2;overflow:hidden}.keypad{flex:1 1 0;grid-template-rows:minmax(0,.75fr) repeat(4,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:.75em;min-height:0;padding:.5em .75em .75em;display:grid}.keypad.tvm:not(.below):not(.side){grid-template-rows:auto minmax(0,.75fr) minmax(0,.75fr) repeat(4,minmax(0,1fr));padding-top:1.25em}.pad{flex:1 1 0;grid-template-rows:minmax(0,.75fr) repeat(5,minmax(0,1fr));gap:.75em;min-height:0;padding:.5em .75em .75em;display:grid}.pad.standard{padding-top:1.25em}.pad:has(.tvm-row){padding-top:1.25em}.pad:has(.memory-row){padding-top:1.25em}.pad:has(.bond-row){padding-top:1.25em}:is(.pad:has(.tvm-row),.pad:has(.memory-row),.pad:has(.bond-row)){grid-template-rows:auto minmax(0,.75fr) minmax(0,.75fr) repeat(5,minmax(0,1fr))}.pad.standard{grid-template-rows:auto minmax(0,.75fr) minmax(0,.75fr) repeat(4,minmax(0,1fr))}.pad .keypad{grid-row:1/-1;grid-template-rows:subgrid;min-height:0;padding:0}.pad.standard .keypad{grid-row:3/-1}.pad:has(.tvm-row) .keypad{grid-row:3/-1}.pad:has(.memory-row) .keypad{grid-row:3/-1}.pad:has(.bond-row) .keypad{grid-row:3/-1}.tvm-row,.memory-row,.bond-row{grid-area:1/1/3/-1;grid-template-rows:subgrid;align-self:stretch;column-gap:.75em;min-height:0;display:grid}.tvm-row{grid-template-columns:repeat(5,minmax(0,1fr))}.memory-row{grid-template-columns:repeat(3,minmax(0,1fr))}.bond-row{grid-template-columns:repeat(6,minmax(0,1fr))}.fn-row{font:inherit;color:var(--text);background:var(--digit);border:1px solid var(--key-border);border-radius:calc(var(--radius) * .6);flex:none;padding:.4em .35em;font-size:.85em}.keypad.below,.keypad.side{grid-template-rows:minmax(0,.75fr) repeat(5,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.pad .keypad.below,.pad .keypad.side{grid-template-rows:subgrid}.key{border:1px solid var(--key-border);border-radius:var(--radius);background:var(--digit);place-items:center;font-size:1.6em;font-weight:400;transition:background-color 80ms linear,border-color 80ms linear;display:grid}.key.digit{font-size:2em}.key:focus{outline:none}.key:focus-visible{outline:2px solid var(--enter);outline-offset:2px}.key:active,.key.is-down{background:var(--digit-active);border-color:var(--enter)}.key.fn{background:var(--fn);border-color:var(--fn-border);font-size:1.4em;font-weight:200}.key.fn:active,.key.fn.is-down{background:var(--fn-active);border-color:var(--enter)}.key.word{letter-spacing:.04em;font-size:1em;font-weight:200}.key svg{width:calc(var(--s) * 2.2);height:calc(var(--s) * 2.2);margin:0 auto;display:block}.key.op{background:var(--op);font-size:2em;font-weight:200}.key.op:active,.key.op.is-down{background:var(--op-active);border-color:var(--enter)}.key.enter{background:var(--enter);color:var(--enter-text);border-color:#0000;font-size:1.3em;font-weight:550}.key.enter:active,.key.enter.is-down{background:var(--enter-active);border-color:#0000}@media (hover:hover){.key.digit:hover{background:var(--digit-active);border-color:var(--enter)}.key.fn:hover{background:var(--fn-active);border-color:var(--enter)}.key.op:hover{background:var(--op-active);border-color:var(--enter)}.key.enter:hover{background:var(--enter-active);border-color:#0000}.key.surface:hover{background:0 0;border-color:#0000}.key.surface:hover .fn-face{background:var(--surface-active);border-color:var(--enter)}}.key.surface{grid-template-rows:subgrid;min-width:0;min-height:0;color:var(--muted);white-space:nowrap;background:0 0;border-width:0;place-items:stretch stretch;padding:0;display:grid}.key.surface:active,.key.surface.is-down{background:0 0;border-color:#0000}.key.surface:focus-visible{outline:none}.key.surface:focus-visible .fn-face{outline:2px solid var(--enter);outline-offset:2px}.fn-face{border:1px solid var(--fn-border);border-radius:var(--radius);background:var(--surface);min-width:0;min-height:0;color:var(--enter);place-items:center;padding:0 .2em;font-weight:600;line-height:1.05;transition:background-color 80ms linear,border-color 80ms linear;display:grid}.key.surface:active .fn-face,.key.surface.is-down .fn-face{background:var(--surface-active);border-color:var(--enter)}.fn-value{text-overflow:ellipsis;text-align:center;width:100%;min-width:0;min-height:1.15em;color:var(--stack-zero);background:0 0;border:0;flex:none;line-height:1.15;overflow:hidden}.calculator.settings{--s:max(1rem, min(1.25rem, 100cqi / 27.5, 100cqh / 53.75))}.calculator>.settings{flex-direction:column;flex:auto;gap:1.25em;min-height:0;padding:.5em 1em 1.5em;display:flex;overflow:auto}fieldset{border:0;flex-direction:column;gap:.625em;margin:0;padding:0;display:flex}legend{margin-bottom:calc(var(--s) * .25);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:0;font-size:.8em;font-weight:550}.choice{border-radius:var(--radius);background:var(--digit);border:1px solid var(--key-border);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.125em .75em;padding:.875em;display:grid}.choice input{accent-color:var(--enter);margin-top:.1875em}.choice-title{font-weight:550}.choice-copy{color:var(--muted);-webkit-user-select:text;user-select:text;grid-column:2;font-size:.92em;font-weight:300;line-height:1.35}.build{color:var(--muted);margin:.5em 0 0;font-size:.92em;font-weight:300}.places{border-radius:var(--radius);background:var(--digit);border:1px solid var(--key-border);grid-template-columns:1fr auto;align-items:center;gap:.125em .75em;padding:.875em;display:grid}.places .choice-copy{grid-column:1}.switch{border-radius:var(--radius);background:var(--digit);border:1px solid var(--key-border);cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:.125em .75em;padding:.875em;display:grid}.switch .choice-copy{grid-column:1}.switch input{appearance:none;background:var(--fn);cursor:pointer;border:0;border-radius:999px;grid-area:1/2/span 2;align-self:center;width:2.6em;height:1.5em;margin:0;position:relative}.switch input:before{content:"";background:#fff;border-radius:50%;width:1.14em;height:1.14em;position:absolute;top:.18em;left:.18em}.switch input:checked{background:var(--enter)}.switch input:checked:before{transform:translate(1.1em)}.layouts{grid-template-columns:repeat(3,max-content);justify-content:start;gap:.6em;display:grid}.layout{aspect-ratio:48/58;border:1px solid var(--key-border);border-radius:var(--radius);background:var(--digit);width:4.15em;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:.28em;display:flex}.layout svg{width:100%;height:100%;display:block}.layout[aria-checked=true]{outline:2px solid var(--text);outline-offset:2px}.layout:focus-visible{outline:2px solid var(--enter);outline-offset:2px}.highlights{grid-template-columns:repeat(9,minmax(0,1fr));gap:.35em;display:grid}.highlight{border-radius:calc(var(--radius) * .55);color:#000;min-width:0;min-height:5.5em;font:inherit;text-align:center;writing-mode:vertical-rl;cursor:pointer;border:0;justify-content:center;align-items:center;padding:.2em;font-size:.92em;font-weight:550;line-height:1;display:flex}.highlight[aria-checked=true]{outline:2px solid var(--text);outline-offset:2px}.places select{width:4.75em;font:inherit;font-variant-numeric:tabular-nums;text-align:center;color:inherit;background:var(--surface);border:1px solid var(--key-border);border-radius:calc(var(--radius) * .6);grid-area:1/2/span 2;justify-self:end;padding:.4em .35em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.key{transition:none}}.landing{background:var(--page);height:100%;color:var(--text);overflow:auto}.landing-column{width:min(40rem,100%);margin:0 auto;padding:0 1rem 2.5rem}.landing-frame{width:min(32rem,100%);height:100dvh;margin-inline:auto}@media (width>=40rem){.landing-frame{height:min(100dvh,52rem)}}.landing-copy{flex-direction:column;gap:1rem;padding-top:1.5rem;line-height:1.45;display:flex}.landing-copy h2{margin:0;font-size:1.25rem;font-weight:550}.landing-copy p{margin:0}.install-safari{color:var(--muted)}.install-button{border:1px solid var(--key-border);background:var(--digit);color:var(--text);font:inherit;border-radius:.5rem;align-self:start;padding:.55rem .9rem;font-weight:550}.ad-slot{min-height:90px}.landing.app{overflow:hidden}.landing.app .landing-column{width:100%;max-width:none;height:100%;padding:0}.landing.app .landing-frame{width:100%;height:100dvh;margin:0}html.is-standalone,html.is-standalone body,html.is-standalone #app{height:var(--app-height,100dvh);min-height:var(--app-height,100dvh)}html.is-standalone .landing,html.is-standalone .landing-column{width:100%;max-width:none;height:100%;padding:0;overflow:hidden}html.is-standalone .landing-frame,html.is-standalone .landing.app .landing-frame{width:100%;height:auto;max-height:none;margin:0;position:fixed;inset:0}html.is-standalone .landing-copy{display:none}@media (display-mode:standalone),(display-mode:fullscreen){.landing{overflow:hidden}.landing-column{width:100%;max-width:none;height:100%;padding:0}.landing-frame,.landing.app .landing-frame{width:100%;height:auto;max-height:none;margin:0;position:fixed;inset:0}.landing-copy{display:none}}