@font-face{font-family:DM Sans;src:url('/fonts/dm-sans-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{font-family:DM Sans,system-ui,sans-serif;color:#243f37;background:#f6f5ef;font-synthesis:none;font-weight:400;--teal:#164a41;--ink:#243f37;--muted:#718078;--amber:#d8bc65;--line:#e5e8de}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #d5b754;outline-offset:4px}input:focus-visible{outline:0}[hidden]{display:none!important}.workspace{min-height:100svh;display:grid;grid-template-columns:minmax(300px,35%) minmax(0,1fr)}.introduction{position:relative;overflow:hidden;background:var(--teal);color:#f5f5e9;padding:46px 12% 33px;display:flex;flex-direction:column;min-height:760px}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;width:max-content}.brand-mark{font:800 54px/1 Manrope,sans-serif;letter-spacing:-5px;position:relative}.brand-mark>span{color:var(--amber);margin-left:3px}.brand-name{font:650 25px/1.2 Manrope,sans-serif;letter-spacing:-.6px}.brand-name>span{display:block;font:500 8px/1 DM Sans,sans-serif;letter-spacing:2.4px;margin-top:8px;color:#b5c8b9}.intro-copy{position:relative;z-index:1;margin-top:105px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#899a8d}.intro-copy>.eyebrow{color:#b7c4a8;font-size:8px;letter-spacing:1.7px}.intro-copy h1{font:500 clamp(35px,3.4vw,52px)/1.24 Manrope,sans-serif;letter-spacing:-2px;margin:23px 0 21px}.intro-copy>p{font-size:13px;line-height:1.9;color:#c1cfbf;max-width:260px}.number-art{height:225px;position:relative;width:100%;max-width:300px;margin-top:43px}.art-ring{position:absolute;width:200px;height:200px;border:1px solid #477262;border-radius:50%;left:35px;top:10px}.ring-two{width:155px;height:155px;left:58px;top:33px;border-style:dashed;border-color:#477262}.art-plus{position:absolute;font:200 88px/1 Manrope,sans-serif;left:113px;top:56px;color:#becbaa}.art-equals{position:absolute;left:14px;top:112px;font:300 35px/1 Manrope,sans-serif;color:var(--amber);transform:rotate(-17deg)}.art-multiply{position:absolute;right:18px;top:10px;font-size:40px;line-height:1;color:#799c85;transform:rotate(12deg)}.art-dot{width:9px;height:9px;border-radius:50%;background:var(--amber);position:absolute;left:145px;top:207px;box-shadow:0 0 0 6px #315a45}.intro-footer{margin-top:auto;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding-top:22px}.footer-dot{width:5px;height:5px;border-radius:50%;background:var(--amber)}.intro-footer p{font-size:8px;color:#b1c3af;letter-spacing:.15px;margin:0}.tool-number{flex-basis:100%;font-size:7px;letter-spacing:1.35px;color:#8fa991;margin-top:22px}.calculator-workspace{padding:47px clamp(25px,4vw,70px) 25px;display:flex;flex-direction:column;min-width:0}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:900px;width:100%;margin:0 auto 34px}.workspace-header h2{font:650 25px/1.3 Manrope,sans-serif;letter-spacing:-.8px;margin:10px 0 0}.status{display:flex;gap:6px;align-items:center;font-size:9px;color:#5d755a;background:#edf2e5;border:1px solid #e0e8d8;border-radius:6px;padding:7px 10px}.status>span{width:5px;height:5px;border-radius:50%;background:#86a16c}.status.busy{color:#8b7540;background:#f8f0db;border-color:#eadab0}.status.busy>span{background:#ba9c4f}.calculator-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(180px,.57fr);gap:26px;max-width:900px;margin:0 auto;width:100%;align-items:start}.calculator-card{background:#fff;border:1px solid #e3e8dc;border-radius:14px;box-shadow:0 10px 34px #263d2410;padding:25px}.card-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}.card-heading h3{font:650 12px/1.3 Manrope,sans-serif;margin:0}.text-button{border:0;background:none;color:#738264;font-size:9px;font-weight:500;padding:3px 0;display:inline-flex;align-items:center;gap:7px}.text-button:hover{color:var(--teal)}.expression-label{display:block;font-size:9px;font-weight:500;color:#65775f;margin-bottom:9px}.expression-field{position:relative;display:flex;align-items:center;border:1px solid #dce4d2;background:#fafbf6;border-radius:8px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.expression-field:focus-within{border-color:#8eae6e;box-shadow:0 0 0 3px #b0c39125}.expression-field input{width:100%;min-width:0;border:0;background:none;color:#3b5948;font-size:14px;padding:17px 33px 17px 15px}.expression-field input::placeholder{color:#a8b69c;font-size:11px}.input-caret{position:absolute;right:13px;pointer-events:none;color:#a2b491;font-size:17px}.expression-help{font-size:8px;line-height:1.7;color:#8a997f;margin:8px 0 21px}.result-panel{background:#f0f5e7;border:1px solid #e5ecd9;border-radius:9px;padding:18px 17px 19px;min-height:130px;overflow:hidden}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.result-heading>span{font-size:8px;letter-spacing:1.6px;color:#83946d;font-weight:600}.copy-button{display:flex;align-items:center;gap:4px;background:none;border:0;padding:1px;color:#758d5e;font-size:8px}.copy-button svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.copy-button:disabled{opacity:.43}#result{font:550 clamp(24px,3vw,37px)/1.35 Manrope,sans-serif;letter-spacing:-1px;color:#486a39;display:block;overflow-wrap:anywhere;margin:10px 0 5px}#result-description{font-size:8px;line-height:1.8;color:#83976f;margin:0;overflow-wrap:anywhere}.error-message{padding:12px 13px;border:1px solid #e9cbb9;border-radius:7px;background:#fff5ed;font-size:10px;line-height:1.8;color:#9b664b;margin:14px 0 0}.keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px}.key{border:1px solid #e5eadd;border-radius:7px;min-height:46px;background:#fdfefb;color:#5d7551;font-size:18px;transition:background .12s,transform .12s}.key:hover{background:#f3f7eb}.key:active{transform:scale(.96)}.key.utility{background:#f5f7ee;color:#93a07f;font-size:15px;min-height:39px}.key.utility sup{font-size:8px;top:-.3em;position:relative}.key.operator{background:#f7f1df;border-color:#ede4c6;color:#a79458;font-size:22px}.key.operator:hover{background:#f0e6c7}.key.zero{grid-column:span 2}.calculate-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:46px;margin-top:17px;background:var(--teal);border:1px solid var(--teal);border-radius:8px;color:#f8f8eb;padding:13px 17px;font-size:12px;font-weight:500;box-shadow:0 4px 10px #123b2920;transition:background .12s}.calculate-button:hover{background:#285c48}.calculate-button:disabled{opacity:.7}.calculate-button>span:last-child{font-size:19px;font-weight:300}.precision-note{font-size:7px;line-height:1.6;color:#a0ae92;margin:14px 0 0;text-align:center}.recent-panel{padding-top:5px}.recent-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:17px}.recent-heading h3{font:600 11px/1.4 Manrope,sans-serif;color:#64765a;margin:0}.recent-heading>span{font-size:8px;color:#8ea27b;background:#eaf0e1;border-radius:5px;min-width:21px;text-align:center;padding:4px 5px}.history-empty{padding:38px 4px 29px}.history-empty>span{font:300 28px/1 Manrope,sans-serif;color:#b1c399}.history-empty h4{font:600 12px/1.7 Manrope,sans-serif;letter-spacing:-.2px;color:#6f835f;margin:15px 0 8px}.history-empty p{font-size:10px;line-height:1.95;color:#8b9b7d;max-width:180px;margin:0 0 19px}.history-list{list-style:none;padding:0;margin:0}.history-list li{border-bottom:1px solid var(--line)}.history-list button{width:100%;background:none;text-align:left;border:0;padding:18px 4px;display:flex;flex-direction:column;gap:7px;color:#718863;overflow-wrap:anywhere}.history-list button:hover{background:#eff3e7}.history-list span{font-size:9px;line-height:1.8;color:#8c9d7d}.history-list strong{font:600 17px/1.5 Manrope,sans-serif;letter-spacing:-.4px}.small-tip{border:1px dashed #d9e2cc;border-radius:8px;padding:17px 13px;margin-top:20px;color:#9aab84}.small-tip>span{font:400 20px/1 Manrope,sans-serif;letter-spacing:3px}.small-tip>p{font-size:8px;line-height:2.1;color:#899d72;margin:11px 0 0}.small-tip strong{font-weight:500;color:#6d8557}.workspace-footer{max-width:900px;width:100%;margin:auto auto 0;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#a4b296}.workspace-footer>span{font-size:7px;letter-spacing:1.4px}.workspace-footer p{font-size:8px;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.introduction{padding-left:19%;padding-right:16%}.calculator-workspace{padding-top:65px}.workspace-header{margin-bottom:45px}.calculator-card{padding:32px}.key{min-height:54px}.intro-copy{margin-top:140px}.number-art{margin-top:60px}}
@media(max-width:1150px){.workspace{grid-template-columns:minmax(250px,32%) minmax(0,1fr)}.introduction{padding:40px 11% 30px}.intro-copy h1{font-size:36px}.calculator-layout{grid-template-columns:minmax(260px,1fr) minmax(145px,.48fr);gap:20px}.calculator-card{padding:21px}.calculator-workspace{padding:43px 29px 23px}.number-art{transform:scale(.86);transform-origin:left center}.recent-heading h3{font-size:10px}.history-empty p{font-size:9px}}
@media(max-width:940px){.workspace{grid-template-columns:280px minmax(0,1fr)}.calculator-layout{grid-template-columns:1fr;max-width:420px}.workspace-header{max-width:420px}.recent-panel{padding:0}.history-empty{padding:20px 0}.history-empty>span,.history-empty h4{display:none}.history-empty p{max-width:none;margin:0 0 12px;font-size:10px}.small-tip{display:none}.history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.workspace-footer{max-width:420px;padding-top:26px}.introduction{min-height:100svh}.intro-copy{margin-top:110px}.calculator-workspace{padding:36px 28px 22px}.workspace-header h2{font-size:23px}.intro-copy h1{font-size:35px}}
@media(max-width:690px){.workspace{display:block}.introduction{min-height:auto;padding:22px 24px 30px;display:block}.brand-mark{font-size:37px;letter-spacing:-4px}.brand-name{font-size:19px}.brand-name>span{font-size:6px;letter-spacing:1.8px;margin-top:6px}.brand{gap:11px}.intro-copy{margin-top:29px}.intro-copy>.eyebrow{font-size:7px;letter-spacing:1.3px}.intro-copy h1{font-size:33px;letter-spacing:-1.5px;margin:14px 0 12px}.intro-copy h1 br{display:none}.intro-copy>p{font-size:11px;margin:0;max-width:none}.number-art{position:absolute;right:8px;top:21px;width:200px;height:180px;opacity:.22;transform:scale(.8);transform-origin:right center;pointer-events:none}.intro-footer{display:none}.calculator-workspace{padding:26px 20px 22px}.workspace-header{margin-bottom:22px}.workspace-header>.eyebrow,.workspace-header .eyebrow{font-size:7px;letter-spacing:1.3px}.workspace-header h2{font-size:21px;margin-top:8px}.calculator-layout{gap:25px}.calculator-card{padding:23px}.key{min-height:47px}.key.utility{min-height:40px}#result{font-size:36px}.recent-heading{padding-bottom:13px}.recent-heading h3{font-size:11px}.history-empty p{font-size:10px}.workspace-footer{padding-top:28px}.history-list button{padding:16px 3px}.precision-note{font-size:7px}.calculator-workspace .status{font-size:8px;padding:6px 8px}}
@media(max-width:360px){.introduction{padding:20px}.intro-copy h1{font-size:29px}.calculator-workspace{padding:23px 15px 20px}.calculator-card{padding:19px}.keypad{gap:7px}.workspace-header h2{font-size:19px}.expression-field input::placeholder{font-size:10px}.history-list{grid-template-columns:1fr}.workspace-footer p{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.calculator-workspace .eyebrow,.calculator-workspace .status,.text-button,.expression-help,.precision-note,.history-empty p,.history-list span,.small-tip>p{color:#536b48}.expression-help{font-size:10px}.precision-note{font-size:9px}.text-button{font-size:10px;min-height:24px}.expression-field input::placeholder{color:#65775f}.result-heading>span,.copy-button,#result-description,.recent-heading>span,.history-list strong{color:#49673b}.copy-button{min-height:24px}.result-heading>span,#result-description{font-size:9px}.history-list span{font-size:10px}button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.expression-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal)}