:root{font-family:Arial,Helvetica,sans-serif;color:#292d29;background:#e6e7df;--orange:#ef633d;--mono:ui-monospace,"DejaVu Sans Mono",Consolas,monospace}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#747a6d26 .7px,transparent .7px);background-size:7px 7px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #dc5b36;outline-offset:5px}[hidden]{display:none!important}.site-header{max-width:1340px;margin:0 auto;padding:28px 40px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #bfc3b7}.wordmark{font-size:20px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.wordmark>span{font-size:9px;align-self:flex-start;letter-spacing:0;padding-top:4px;margin-left:-6px}.wordmark svg{width:31px;height:31px;fill:#2f3530}.wordmark svg path{fill:none;stroke:#e9eece;stroke-width:2.7;stroke-linecap:round}.header-tag{font:8px var(--mono);letter-spacing:1px;color:#7d8374}.maker{margin-left:auto;font:9px var(--mono);color:#78816e}.maker:hover{text-decoration:underline}.workbench{width:min(1220px,calc(100% - 80px));margin:65px auto 75px;display:grid;grid-template-columns:1fr 360px 270px;gap:50px;align-items:start}.intro{padding-top:15px}.edition{font:7px var(--mono);letter-spacing:.8px;color:#7e8774;display:flex;align-items:center;gap:7px;white-space:nowrap}.edition i{width:5px;height:5px;background:var(--orange);display:block;border-radius:50%;flex-shrink:0}h1{font-size:clamp(37px,3.75vw,53px);font-weight:850;line-height:1.05;letter-spacing:-2.7px;margin:27px 0 22px}.intro-copy{font-size:12px;color:#737d6d;line-height:1.9;margin:0}.mode-panel{margin-top:45px}.mode-panel h2{font:8px var(--mono);letter-spacing:1.6px;color:#767e6d;margin-bottom:14px}.modes{display:flex;flex-direction:column;gap:8px}.modes button{padding:14px 12px;background:#eff0e8;border:1px solid #cdd1c2;display:flex;gap:13px;align-items:center;text-align:left;border-radius:3px;transition:border-color .15s,background .15s}.modes button>span{font:9px var(--mono);color:#919982}.modes button b{font-size:12px;display:block;margin-bottom:5px}.modes button small{font-size:9px;color:#838b77}.modes button>i{width:9px;height:9px;border:1px solid #b9c1aa;border-radius:50%;margin-left:auto;flex-shrink:0}.modes button[aria-pressed=true]{border-color:#526348;background:#f3f4e9}.modes button[aria-pressed=true]>i{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 3px #eb633d12}.modes button[aria-pressed=true]>span{color:#687c51}.modes button:hover{border-color:#7d8a6a}.warning{border-top:1px solid #c4cabb;margin-top:25px;padding-top:19px;display:flex;gap:10px;align-items:center;color:#7b826e}.warning>span{display:grid;place-items:center;border:1px solid #969f87;width:19px;height:19px;border-radius:50%;font:bold 11px var(--mono)}.warning p{font:9px/1.7 var(--mono);margin:0}.keyboard-hint{font:8px/2 var(--mono);color:#959c88;margin-top:24px}.keyboard-hint kbd{font:8px var(--mono);background:#d9ddce;padding:2px 3px;border-radius:2px}.calculator{background:linear-gradient(135deg,#414741,#2a302b);border:1px solid #202620;border-radius:21px;padding:23px 23px 15px;box-shadow:0 5px 0 #1d251f,0 8px 0 #7a83736b,9px 23px 35px #34452d33,inset 0 1px 0 #ffffff30;position:relative}.calc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#bec6b6;font-weight:750;font-size:10px;letter-spacing:1.5px}.solar{display:flex;background:#24211a;border:2px solid #202820;border-radius:3px;height:19px;width:80px;box-shadow:0 1px 0 #ffffff18}.solar i{flex:1;border-right:1px solid #b49e7530;background:linear-gradient(130deg,#443b2e,#302b24)}.solar i:last-child{border-right:0}.screen{background:#c6d0ae;padding:15px 17px 10px;border-radius:6px;border:3px solid #20271f;box-shadow:inset 0 3px 7px #303e2644,0 1px 0 #ffffff23;min-height:156px;position:relative;overflow:hidden}.screen:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#46583c05 3px 4px);pointer-events:none}.screen-top{display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:.6px;color:#67734f}.screen-top>span:first-child{display:flex;align-items:center;gap:5px}.screen-top i{width:4px;height:4px;background:#a14c32;border-radius:50%}.expression{height:32px;display:flex;align-items:flex-end;justify-content:flex-end;font:11px var(--mono);color:#788165;padding-bottom:2px;overflow:hidden;white-space:nowrap}.display{font:46px/1.3 var(--mono);display:block;min-height:60px;text-align:right;letter-spacing:-2px;color:#34462b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display.long{font-size:28px;letter-spacing:-1.3px;padding-top:12px}.screen-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #a9b696;margin-top:4px;padding-top:8px}.screen-bottom>span{font:5px var(--mono);letter-spacing:.25px;color:#788460}.screen-bottom svg{width:30px;height:12px;stroke:#63734e;stroke-width:1.8;fill:none;stroke-linecap:round;flex-shrink:0}.status-label{display:flex;justify-content:space-between;color:#8d9a83;font:5px var(--mono);letter-spacing:.7px;margin:14px 2px 21px}.keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px}.keys button{height:60px;border:0;background:linear-gradient(#656d60,#555e50);color:#f0f1e4;border-radius:7px;box-shadow:0 4px 0 #1d271e,inset 0 1px 0 #ffffff1a;font:24px var(--mono);position:relative;transition:transform .07s,box-shadow .07s}.keys button:hover{background:linear-gradient(#75816b,#64715a)}.keys button:active,.keys button.pressed{transform:translateY(3px);box-shadow:0 1px 0 #1d271e,inset 0 1px 0 #ffffff1a}.keys button.utility{font:15px var(--mono);background:linear-gradient(#434d41,#384334);color:#b6c3a3}.keys button.utility:hover{background:#4d5c43}.keys button.operator{background:linear-gradient(#a9b591,#98a880);color:#2c3a25;font-size:26px}.keys button.operator:hover{background:#b8c89f}.keys button.equals{background:linear-gradient(#f17b4c,#e96339);color:#2f3329;font-size:28px;box-shadow:0 4px 0 #8e351e,inset 0 1px 0 #ffffff30}.keys button.equals:hover{background:#ff8a57}.keys button.back{font-size:19px;color:#c7d0b8}.calc-bottom{display:flex;align-items:center;justify-content:space-between;margin:22px 1px 0;color:#7d8b72;font:5px var(--mono);letter-spacing:1px}.screws{font-size:12px;color:#1f291e;text-shadow:0 1px 0 #ffffff20}.receipt-area{padding-top:19px;transform:rotate(2deg)}.receipt{background:#faf9ef;position:relative;padding:25px 22px 28px;box-shadow:3px 5px 20px #5a614319;font-family:var(--mono);color:#6f7562;filter:drop-shadow(0 1px 0 #b9bda9)}.receipt:before,.receipt:after{content:'';position:absolute;left:0;right:0;height:8px;background:linear-gradient(135deg,transparent 5px,#faf9ef 0) 0 0/10px 10px repeat-x}.receipt:before{top:-5px}.receipt:after{bottom:-5px;transform:rotate(180deg)}.receipt-top{border-bottom:1px dashed #b5baa5;padding-bottom:17px;text-align:center}.receipt-top>span{font-size:7px;letter-spacing:1.8px}.receipt-top>b{display:block;font:900 28px/1.02 Arial,Helvetica,sans-serif;letter-spacing:-1.2px;margin:15px 0 13px;color:#454d3c}.receipt-top>div{display:flex;flex-direction:column;gap:5px;font-size:5px;letter-spacing:.6px}.history{max-height:230px;overflow:auto;scrollbar-width:thin;scrollbar-color:#bdc5aa transparent}.empty-receipt{text-align:center;min-height:128px;padding:25px 0 20px;color:#a3a98e}.empty-receipt>span{font-size:20px}.empty-receipt>p{font-size:9px;line-height:1.8}.history-row{padding:14px 0;border-bottom:1px dotted #d0d4c2}.history-row>div{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.history-row .receipt-expr{font-size:9px;overflow-wrap:anywhere;color:#737e63;flex:1}.history-row .receipt-result{font-size:12px;color:#45573a;font-weight:700;overflow-wrap:anywhere;text-align:right;max-width:50%}.history-row .excuse{font-size:7px;line-height:1.6;color:#a0a58d;margin:6px 0 0}.receipt-total{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:18px 0 15px;border-bottom:1px dashed #b5baa5}.receipt-total>span{font-size:6px;line-height:1.8;letter-spacing:.4px}.receipt-total>b{font-size:22px;letter-spacing:-1px;color:#495a3d}.receipt-message{font-size:6px;line-height:1.8;text-align:center;letter-spacing:.3px;margin-top:16px}.barcode{height:26px;width:110px;margin:17px auto 10px;opacity:.5;background:repeating-linear-gradient(90deg,#48543c 0 1px,transparent 1px 3px,#48543c 3px 5px,transparent 5px 6px,#48543c 6px 7px,transparent 7px 11px)}.receipt-foot{display:block;text-align:center;font-size:4px;letter-spacing:.5px}.shred,.audit{display:block;font:8px var(--mono);border:0;background:none;margin:18px auto 0;color:#828c74;padding:4px 8px}.shred:hover,.audit:hover{text-decoration:underline;color:#445d34}.audit{font-size:9px;margin-top:10px;color:#586e48}.audit:disabled{opacity:.35;cursor:not-allowed}.truth{font:10px/1.8 var(--mono);border:1px dashed #8f9e7e;background:#eff2e7;color:#4c613d;padding:14px;margin-top:15px;transform:rotate(-2deg);overflow-wrap:anywhere}.truth b{display:block;font-size:16px}.site-footer{width:min(1260px,calc(100% - 80px));margin:0 auto;padding:24px 0;border-top:1px solid #bec5b1;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8b947c;font:7px var(--mono);letter-spacing:.7px}.site-footer>span>span{font-size:14px;margin:0 4px;vertical-align:middle;color:#d7683d}.site-footer a:hover{text-decoration:underline}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);padding:13px 20px;max-width:calc(100vw - 30px);background:#303e2d;color:#edf2df;font:10px/1.7 var(--mono);border-radius:4px;opacity:0;pointer-events:none;z-index:10;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.calculator.jolt{animation:jolt .2s}@keyframes jolt{25%{transform:translateX(-2px) rotate(-.3deg)}75%{transform:translateX(2px) rotate(.3deg)}}@media(min-width:1500px){.workbench{margin-top:100px;margin-bottom:100px}}@media(max-width:1180px){.workbench{gap:30px;grid-template-columns:1fr 340px 240px;width:calc(100% - 60px)}.calculator{padding-inline:20px}.keys button{height:57px}.intro h1{font-size:42px}.edition{font-size:6px;letter-spacing:.3px}.modes button{gap:8px;padding:12px 9px}.modes button small{font-size:8px}.receipt{padding-inline:17px}}@media(max-width:1000px){.workbench{grid-template-columns:minmax(200px,1fr) 350px;max-width:790px;gap:35px;margin-top:45px}.receipt-area{grid-column:1/-1;transform:rotate(.8deg);width:350px;justify-self:end}.intro h1{font-size:47px}.edition{font-size:7px}.receipt .history{max-height:250px}.header-tag{display:none}.receipt-top>b{font-size:26px}.site-footer{flex-wrap:wrap}}@media(max-width:680px){.site-header{padding:21px 20px;gap:15px}.wordmark{font-size:17px;gap:7px}.wordmark svg{width:25px;height:25px}.maker{font-size:7px;max-width:120px;text-align:right;line-height:1.7}.workbench{width:calc(100% - 40px);max-width:420px;grid-template-columns:1fr;margin-top:30px;gap:27px;margin-bottom:45px}.intro{padding-top:0}.intro h1{font-size:49px;margin:20px 0 15px}.intro-copy{font-size:11px}.mode-panel{margin-top:23px}.modes{flex-direction:row;gap:7px}.modes button{flex:1;min-width:0;display:block;text-align:left;padding:11px 9px;position:relative}.modes button>span{display:block;font-size:7px;margin-bottom:8px}.modes button b{font-size:10px;margin:0}.modes button small{display:none}.modes button>i{position:absolute;right:9px;top:11px;width:7px;height:7px}.mode-panel h2{font-size:7px;margin-bottom:10px}.warning{margin-top:17px;padding-top:13px;gap:9px}.warning p{font-size:8px}.warning p br{display:none}.warning>span{width:16px;height:16px;font-size:10px;flex-shrink:0}.keyboard-hint{display:none}.calculator{width:100%;max-width:360px;justify-self:center;padding:24px 22px 15px}.keys button{height:59px}.receipt-area{grid-column:1;width:calc(100% - 15px);max-width:350px;justify-self:center;padding-top:14px;transform:rotate(1.5deg)}.receipt{padding-inline:27px}.receipt .history{max-height:230px}.site-footer{width:calc(100% - 40px);padding-block:21px;justify-content:center;text-align:center;gap:15px;font-size:6px}.site-footer>span:nth-child(2){display:none}}@media(max-width:360px){.workbench{width:calc(100% - 30px)}.intro h1{font-size:44px}.calculator{padding-inline:17px}.keys{gap:10px 8px}.keys button{height:53px}.display{font-size:40px}.screen{padding-inline:12px}.screen-top{font-size:6px}.edition{font-size:6px}.site-header{padding-inline:15px}.maker{font-size:6px;max-width:90px}.mode-panel h2{font-size:6px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}