*{box-sizing:border-box;margin:0;padding:0}:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", Arial, sans-serif}.page{--page-bg:#050505;--panel-bg:#000;--panel-ring:#ffffff17;--key-num:#333;--key-num-press:#6b6b6f;--key-fn:#a5a5a5;--key-fn-press:#dcdcdc;--key-op:#fff;--key-op-press:#c8c8c8;--key-sci:#333;--key-sci-press:#6b6b6f;--text-hi:#fff;--text-lo:#8e8e93;--text-inv:#000;--active-ring:#ffffffd9;min-height:100dvh;font-family:var(--font);background:radial-gradient(1200px 500px at 50% -10%, #ffffff0b, transparent 60%), var(--page-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;justify-content:safe center;align-items:center;gap:min(20px,3dvh);padding:min(24px,3dvh) 12px;display:flex}.page[data-theme=light]{--page-bg:#e9e9ee;--panel-bg:#fff;--panel-ring:#00000014;--key-num:#ececf0;--key-num-press:#d2d2d8;--key-fn:#cfcfd6;--key-fn-press:#e4e4e9;--key-op:#111;--key-op-press:#3a3a3c;--key-sci:#ececf0;--key-sci-press:#d2d2d8;--text-hi:#111;--text-lo:#8e8e93;--text-inv:#fff;--active-ring:#000000bf}.calc{background:var(--panel-bg);border:1px solid var(--panel-ring);-webkit-user-select:none;user-select:none;opacity:0;border-radius:min(28px,7cqw);width:min(430px,100vw - 24px,max(300px,42dvh - 46.2px));padding:min(14px,3.5cqw) min(16px,4cqw) min(16px,4cqw);transition:opacity .48s cubic-bezier(.16,1,.3,1),transform .48s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s;transform:translateY(6px);box-shadow:0 24px 64px #00000059,0 2px 8px #0000001f;container:calc/inline-size}.page[data-ready=true] .calc{opacity:1;transform:none}.page[data-theme=light] .calc{box-shadow:0 24px 64px #0000001a,0 2px 8px #0000000d}.calc-bar{justify-content:space-between;align-items:center;height:min(26px,6.5cqw);padding:0 4px;display:flex}.calc-status{gap:6px;min-height:18px;display:flex}.chip{letter-spacing:.08em;color:var(--text-lo);border:1px solid var(--panel-ring);border-radius:999px;padding:0 min(7px,1.8cqw);font-size:min(10px,2.6cqw);font-weight:600;line-height:1.8}.icon-btn{width:min(26px,6.5cqw);height:min(26px,6.5cqw);color:var(--text-lo);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;transition:color .15s,background .15s;display:grid}.icon-btn:hover{color:var(--text-hi);background:var(--panel-ring)}.bar-actions{align-items:center;gap:4px;display:flex}.display{flex-direction:column;justify-content:flex-end;align-items:flex-end;height:min(128px,30cqw);padding:4px 6px min(10px,2.5cqw);display:flex}.tape{scrollbar-width:none;text-align:right;white-space:pre;letter-spacing:.01em;width:100%;height:min(22px,5.5cqw);color:var(--text-lo);font-size:min(15px,3.8cqw);font-weight:400;overflow-x:auto}.tape::-webkit-scrollbar{display:none}.readout{text-align:right;letter-spacing:-.015em;width:100%;color:var(--text-hi);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:300;line-height:1.05;overflow:hidden}.readout.is-error{letter-spacing:0;font-weight:400}.runview{flex-direction:column;justify-content:flex-end;align-items:stretch;width:100%;height:100%;padding-bottom:min(8px,2cqw);display:flex}.run-label{color:var(--text-lo);text-align:right;letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:min(15px,3.8cqw)}.run-resumed{opacity:.65;margin-left:.45em}.run-pct{text-align:right;letter-spacing:-.015em;color:var(--text-hi);font-variant-numeric:tabular-nums;font-size:min(64px,16cqw);font-weight:300;line-height:1.05}.run-track{background:var(--panel-ring);border-radius:1px;height:2px;margin-top:min(8px,2cqw);overflow:hidden}.run-track i{background:var(--text-hi);transform-origin:0;height:100%;transition:transform .18s linear;display:block}.run-hint{color:var(--text-lo);text-align:right;letter-spacing:.05em;margin-top:min(7px,1.8cqw);font-size:min(10px,2.6cqw)}.pads[aria-disabled=true]{opacity:.6}.pad{display:grid}.pad-sci{grid-template-columns:repeat(6,1fr);gap:min(8px,2cqw);margin-bottom:min(10px,2.5cqw)}.pad-main{grid-template-columns:repeat(4,1fr);gap:min(10px,2.4cqw)}.key{appearance:none;aspect-ratio:1;font-family:var(--font);color:var(--text-hi);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background-color .11s,transform .11s cubic-bezier(.2,.9,.4,1.4),box-shadow .16s;display:flex}.key:active,.key.is-flash{transform:scale(.94)}.pad-main .key{font-size:min(30px,7.4cqw);font-weight:400}.pad-sci .key{font-size:min(16px,3.9cqw);font-weight:400}.key-num{background:var(--key-num)}.key-num:active,.key-num.is-flash{background:var(--key-num-press)}.key-sci{background:var(--key-sci)}.key-sci:active,.key-sci.is-flash{background:var(--key-sci-press)}.key-fn{background:var(--key-fn);color:var(--text-inv);font-weight:500}.key-fn:active,.key-fn.is-flash{background:var(--key-fn-press)}.key-op{background:var(--key-op);color:var(--text-inv);font-weight:400}.pad-main .key-op{font-size:min(34px,8.4cqw)}.key-op:active,.key-op.is-flash{background:var(--key-op-press)}.key.is-active{background:var(--panel-bg);color:var(--text-hi);box-shadow:inset 0 0 0 1.5px var(--active-ring)}.pad-sci .key.is-active{background:var(--key-op);color:var(--text-inv);box-shadow:none}.key-wide{aspect-ratio:auto;grid-column:span 2;justify-content:flex-start;padding-left:calc(25% - min(10px,2.4cqw)/4 - 8px)}.key:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--active-ring);outline-offset:2px}.footnote{letter-spacing:.04em;color:var(--text-lo);opacity:0;font-size:11px;transition:opacity .6s .2s}.page[data-ready=true] .footnote{opacity:.65}@media (width>=700px) and (aspect-ratio>=1) and (height>=560px){.calc{width:min(920px,100vw - 24px);padding:14px 18px 18px}.display{height:min(120px,14cqw)}.pads{grid-template-columns:repeat(10,1fr);gap:min(12px,1.4cqw);display:grid}.pad-sci{grid-column:1/7;grid-template-columns:repeat(6,1fr);grid-template-columns:subgrid;gap:min(12px,1.4cqw);margin-bottom:0}.pad-main{grid-column:7/11;grid-template-columns:repeat(4,1fr);grid-template-columns:subgrid;gap:min(12px,1.4cqw)}.pad-sci .key{font-size:min(18px,2cqw)}.pad-main .key{font-size:min(30px,3.4cqw)}.pad-main .key-op{font-size:min(34px,3.8cqw)}.tape{height:min(22px,2.4cqw);font-size:min(15px,1.7cqw)}}@media (width>=700px) and (aspect-ratio>=1) and (height>=560px) and (height<=680px){.display{height:min(84px,11cqw)}}@media (orientation:portrait) and (height<=720px){.display{height:min(64px,20cqw)}.tape{height:min(18px,4.5cqw);font-size:min(13px,3.4cqw)}.calc-bar{height:min(20px,5cqw)}}@media (prefers-reduced-motion:reduce){.calc,.footnote,.key,.icon-btn{transition:none}.page[data-ready=false] .calc{opacity:1}}