.calc-app{--i-hist:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555b51' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5M12 7v5l4 2'/%3E%3C/svg%3E");--key-bg:var(--surface-1);--key-hover:var(--surface-2);--key-active:var(--surface-3);--key-sh:0 0 0 1px var(--line),0 1px 2px rgb(16 24 8 / .08);--fn-bg:var(--surface-2);--fn-hover:var(--surface-3);--fn-active:color-mix(in srgb,var(--fg) 14%,var(--surface-1));--disp-bg:var(--surface-2)}:root[data-theme=dark] .calc-app{--i-hist:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3a99b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5M12 7v5l4 2'/%3E%3C/svg%3E");--key-bg:var(--surface-3);--key-hover:color-mix(in srgb,var(--fg) 12%,var(--surface-1));--key-active:color-mix(in srgb,var(--fg) 17%,var(--surface-1));--key-sh:0 0 0 1px var(--line);--fn-bg:color-mix(in srgb,var(--fg) 17%,var(--surface-1));--fn-hover:color-mix(in srgb,var(--fg) 22%,var(--surface-1));--fn-active:color-mix(in srgb,var(--fg) 27%,var(--surface-1));--disp-bg:var(--field-bg)}.calc-rail{margin-bottom:0}.calc-shell{min-width:0}.tp:focus{outline:none}.tp-h{margin:0 0 12px;font-size:var(--fs-20);font-weight:700;letter-spacing:-.01em;line-height:1.3}@media(max-width:759px){.tp-calc>.tp-h{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.calc,.history,.sub{min-width:0;padding:var(--panel-pad);border-radius:var(--r-xl);background:var(--surface-1);box-shadow:var(--e-1)}.muted.small{margin:12px 0 0;font-size:var(--fs-13)}.tp-note{text-align:center}.copy:before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--i-copy) center/contain no-repeat;mask:var(--i-copy) center/contain no-repeat}.copy.copied:before{-webkit-mask-image:var(--i-check);mask-image:var(--i-check)}.copy:disabled{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}.calc-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:600px){.calc-grid{gap:20px}}@media(min-width:720px){.calc-grid{grid-template-columns:minmax(0,420px) minmax(0,1fr)}}@media(min-width:1024px){.calc-grid{grid-template-columns:minmax(0,440px) minmax(0,1fr)}}.calc{padding:12px}@media(min-width:600px){.calc{padding:16px}}.display{display:grid;gap:0;padding:10px 14px 6px;border-radius:var(--r-lg);background:var(--disp-bg);text-align:right;transition:box-shadow var(--dur-2) var(--ease-out)}.display:focus-within{box-shadow:0 0 0 2px var(--fg),0 0 0 6px var(--brand-soft)}@supports selector(:has(*)){.display:focus-within{box-shadow:none}.display:has(.disp-in:focus){box-shadow:0 0 0 2px var(--fg),0 0 0 6px var(--brand-soft)}}.disp-prev{margin:0;min-height:1.45em;font:500 var(--fs-14)/1.45 var(--font-mono);color:var(--fg-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.disp-in{width:100%;min-width:0;padding:2px 0;border:0;background:transparent;color:var(--fg);font:700 clamp(2rem,1.5rem + 2.6vw,2.75rem)/1.15 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:right;outline:none;caret-color:var(--fg)}.disp-in::placeholder{color:var(--fg-2);opacity:.6}.disp-in[aria-invalid]{color:var(--danger)}.disp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;min-width:0}.disp-live{margin:0;min-width:0;font:600 var(--fs-16)/1.4 var(--font-mono);color:var(--fg-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.display .copy{position:relative;min-height:32px;margin-left:-6px;padding:0 12px}.display .copy:after{content:"";position:absolute;inset:-6px -4px}.display .copy:disabled{visibility:hidden}.calc-err{margin:8px 4px 0;text-align:right}.calc-err:empty{margin:0;min-height:0}.keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.key{display:grid;place-items:center;min-height:clamp(52px,7.3svh,64px);padding:0;border:0;border-radius:var(--r-lg);background:var(--key-bg);box-shadow:var(--key-sh);color:var(--fg);font:500 1.5rem/1 var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.key:active{background:var(--key-active);transform:scale(.96)}.key-fn{background:var(--fn-bg);box-shadow:none;font-size:1.125rem;font-weight:600}.key-fn:active{background:var(--fn-active)}.key-op{background:var(--accent);box-shadow:none;color:var(--brand-ink);font-size:1.625rem;font-weight:600}.key-op:active{background:color-mix(in srgb,var(--accent) 80%,#000)}.key-eq{background:var(--brand);box-shadow:none;color:var(--brand-ink);font-size:1.625rem;font-weight:700}.key-eq:active{background:var(--brand-press)}@media(hover:hover){.key:hover{background:var(--key-hover)}.key-fn:hover{background:var(--fn-hover)}.key-op:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.key-eq:hover{background:var(--brand-hover)}}.key:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(hover:none)and (pointer:coarse){.calc-help{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.calc-help{margin:12px 4px 0}.history{display:grid;gap:12px;align-content:start}.hist-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--ctl-sm)}.hist-head h3{font-size:var(--fs-18);font-weight:700;letter-spacing:-.01em;line-height:1.3}.hist-clear{margin-right:-8px;color:var(--fg-2)}.hist-empty{display:grid;justify-items:center;gap:10px;margin:0;padding:20px 12px 24px;text-align:center;font-size:var(--fs-14);color:var(--fg-2)}.hist-empty:before{content:"";width:56px;height:56px;border-radius:50%;background:var(--surface-2) var(--i-hist) center/26px 26px no-repeat}.hist{list-style:none;margin:0;padding:0;display:grid;border-radius:var(--r-md);background:var(--surface-2);overflow:hidden}.hist:empty{display:none}.hist li+li{box-shadow:inset 0 1px 0 var(--sep)}.hist li:first-child .hist-item{animation:rise var(--dur-3) var(--ease-out) both}.hist-item{display:grid;gap:2px;width:100%;min-height:56px;padding:10px 14px;border:0;background:transparent;color:var(--fg);text-align:right;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-1)}.hist-item:active{background:var(--surface-3)}.hist-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--r-md)}@media(hover:hover){.hist-item:hover{background:var(--surface-3)}}.hist-ex{font:500 var(--fs-13)/1.4 var(--font-mono);color:var(--fg-2);overflow-wrap:anywhere}.hist-r{font:700 var(--fs-18)/1.3 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.subs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}@media(min-width:600px){.subs{gap:16px}}.sub{display:grid;gap:14px;align-content:start;container-type:inline-size}.sub h3{font-size:var(--fs-18);font-weight:700;letter-spacing:-.01em;line-height:1.3}.sub-units{max-width:760px}.field input[type=date]{min-width:0}.field input[type=date]::-webkit-date-and-time-value{text-align:left}.res{display:grid;gap:2px;min-width:0;padding:12px 16px;border-radius:var(--r-md);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}.res-l,.stats dt{font-size:var(--fs-12);font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase;color:var(--fg-2)}.res-v{display:block;font:700 var(--fs-readout)/1.2 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow-wrap:anywhere}.res-v.is-empty{color:var(--fg-2);font-weight:500}.res-s{margin:2px 0 0;font-size:var(--fs-14);line-height:1.45;color:var(--fg-2);overflow-wrap:anywhere}.res-s:empty{display:none}.res:has(.res-v.is-empty) .res-s:empty{display:block}.res:has(.res-v.is-empty) .res-s:empty:before{content:"Your result appears here as you type."}.sub>.res-s{margin:-6px 0 0}.res-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}.res-foot .hint{flex:1 1 180px;margin:0;min-height:0}.res-foot .copy{margin-left:auto}.stats{display:grid;gap:8px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{min-width:0;padding:10px 14px;border-radius:var(--r-md);background:var(--surface-2)}.stats dd{margin:2px 0 0;font:700 var(--fs-20)/1.25 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stats .hl{background:var(--accent);color:var(--brand-ink)}.stats .hl dt{color:color-mix(in srgb,var(--brand-ink) 75%,var(--accent))}.stats .hl dd{font-size:var(--fs-readout);line-height:1.2}.stats>div:nth-child(3).hl{grid-column:1/-1}.tip-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.tip-quick button{min-width:0;min-height:var(--ctl-md);padding:0 4px;border:0;border-radius:var(--r-pill);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--fg);font:600 var(--fs-14)/1 var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2),transform var(--dur-1) var(--ease-out)}.tip-quick button:active{transform:scale(.97)}.tip-quick button[aria-pressed=true]{background:var(--fg);color:var(--canvas);box-shadow:none}@media(hover:hover){.tip-quick button:not([aria-pressed=true]):hover{background:var(--surface-2)}}@media(max-width:339px){.tip-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}.row-4{grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width:420px){.row-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.u-top{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.u-pair{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}.swap{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--fg);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-2)}.swap:active{background:var(--surface-3)}@media(hover:hover){.swap:hover{background:var(--surface-3)}}.swap.spin svg{animation:spin var(--dur-3) var(--ease-out)}@keyframes spin{to{transform:rotate(180deg)}}@media(max-width:560px){.u-pair{grid-template-columns:minmax(0,1fr);gap:4px}.u-pair .field+.swap{margin-top:4px}.swap{justify-self:center;transform:rotate(90deg)}}.u-all{margin:0;padding:0 14px;border-radius:var(--r-md);background:var(--surface-2);box-shadow:none}.u-all summary{min-height:48px;padding:10px 0;font-size:var(--fs-14);font-weight:600}.u-list{list-style:none;margin:0 0 6px;padding:0;display:grid}.u-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:10px 0;font-size:var(--fs-14)}.u-list li+li{box-shadow:inset 0 1px 0 var(--sep)}.u-list strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}.u-list span{color:var(--fg-2);text-align:right}.u-note{margin:0}[data-u-note]:empty{display:none}@media(max-width:759px){.tool-calc .tool-head .trust{display:none}.display{padding:8px 12px 4px}.disp-in{font-size:clamp(1.75rem,1.4rem + 2.4vw,2.25rem)}.disp-foot{min-height:32px}.keys{gap:6px;margin-top:8px}.key{min-height:clamp(48px,6.4svh,60px)}}@media(max-width:359px){.keys{gap:6px}.key{font-size:1.375rem}}@media(prefers-reduced-motion:reduce){.key:active,.tip-quick button:active{transform:none}.hist li:first-child .hist-item,.swap.spin svg{animation:none}}