:root{font-family:Arial,Helvetica,sans-serif;color:#233e35;background:#eef2ee;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a{color:inherit;text-underline-offset:4px}button{cursor:pointer;border:1px solid #ccd7cf;border-radius:10px;color:inherit;background:#fff}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #a06d2d;outline-offset:3px}header,main,footer{max-width:1170px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;font-size:21px;text-decoration:none}.brand span{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;margin-left:12px;border-left:1px solid #b5c6ba;padding-left:12px}nav{display:flex;gap:24px;font-size:13px}.intro{margin:20px 0 32px;max-width:650px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#526e57}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,55px);line-height:1.08;font-weight:400;letter-spacing:-1.4px;margin-bottom:18px}.intro>p:last-child{color:#567061;font-size:16px}.workspace{display:grid;grid-template-columns:minmax(380px,1fr) minmax(300px,.85fr);gap:24px;align-items:start}.calculator{background:#294d41;border:1px solid #193d32;padding:21px;border-radius:24px;box-shadow:0 13px 0 #d6dfd7,0 20px 25px #20362912;color:#f2f4ed}.calc-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;gap:10px;margin-bottom:17px}.calc-head>div{display:flex;align-items:center;gap:12px}.calc-head button{color:#e8f1e8;background:#426a57;border:0;padding:5px 10px;font-size:11px}.display{background:#dfe9cd;border-radius:10px;padding:12px 18px 16px;color:#253b27;min-height:172px;box-shadow:inset 0 2px 5px #1b301e25}.recent{min-height:48px;font:12px/1.7 ui-monospace,monospace;opacity:1;color:#52644b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display input{width:100%;border:0;background:transparent;color:#2b402d;font:20px/1.4 ui-monospace,monospace;padding:5px 0;outline-offset:0}.display output{display:block;text-align:right;font:30px/1.4 ui-monospace,monospace;overflow-wrap:anywhere}.keypad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:20px}.keypad button{height:47px;background:#416558;border:0;color:#f3f8ee;box-shadow:0 2px 0 #1e3e31;font-size:15px}.keypad button:hover{background:#537d6b}.keypad button.number{background:#f0f3e8;color:#273c30;font-size:22px}.keypad button.operator{background:#658773;font-size:25px}.keypad button.clear{color:#f5ddd3}.keypad button.enter{background:#e5b477;color:#322e22;font-weight:bold}.keypad button.active{outline:1px solid #d3bd85;background:#506e51}.memory-keys{display:flex;gap:6px;margin-top:15px}.memory-keys button{flex:1;background:transparent;color:#d2e1d5;padding:5px 2px;font-size:11px;border-color:#789789;min-height:32px}.notation{font-size:11px;color:#c4d3c6;margin:5px 0 0}#feedback{font-size:12px;color:#ffe3a9;margin:10px 0 4px;min-height:18px}.notebook{border:1px solid #d3ddd3;border-radius:20px;background:#fbfcf7;min-height:580px;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:8px;gap:6px;border-bottom:1px solid #e0e6da}.tabs button{padding:12px 5px;border:0;background:transparent;font-size:13px}.tabs button[aria-selected=true]{background:#e6eddf;color:#31533f;font-weight:bold}.notebook section{padding:25px}.notebook h2{font-size:21px;font-family:Georgia,serif;font-weight:400}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:start}.panel-heading button{font-size:11px;border:0;background:transparent;text-decoration:underline}.small,.empty{font-size:13px;color:#5e7354}.empty{margin-top:90px;text-align:center}#history{list-style:none;padding:0;max-height:465px;overflow:auto}#history li{padding:16px 0;border-bottom:1px dashed #d8dfd2}#history button{display:block;text-align:left;border:0;background:transparent;width:100%;font:14px ui-monospace,monospace;overflow-wrap:anywhere}#history strong{display:block;text-align:right;font:20px ui-monospace,monospace;color:#365f44;margin-top:8px}.notebook label{display:block;font-size:12px;font-weight:700;margin:15px 0 7px}.notebook label span{font-weight:400}.notebook input,.notebook textarea{border:1px solid #d4ddd0;border-radius:7px;padding:10px;background:#fff;width:100%;color:#2b402d;resize:vertical}.primary{background:#315943;color:#fff;padding:11px 18px;border:0;margin-top:15px;width:100%}.table-range{display:flex;gap:12px}.table-range label{flex:1;min-width:0}.table-range input{margin-top:7px}.table-scroll{max-height:340px;overflow:auto}table{width:100%;border-collapse:collapse;margin-top:20px;font:14px ui-monospace,monospace}td,th{padding:10px;border-bottom:1px solid #e1e7da;text-align:right}th:first-child,td:first-child{text-align:left}dl{font-size:13px;display:grid;grid-template-columns:1fr auto;gap:10px}dd{margin:0;font-family:ui-monospace,monospace}#stats-error,#table-error{font-size:13px;color:#a3362b}.guide{margin:75px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.guide h2{font:35px Georgia,serif}.guide h3{font-size:15px;margin:22px 0 6px}.guide p{font-size:14px;color:#5b715f}.examples{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.examples button{text-align:left;background:#fbfcf7;border-color:#d2ddd0;padding:16px;font-size:13px}.examples code{display:block;font-size:12px;color:#527147;margin-top:7px}.guide-notes>a{font-size:13px}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-top:1px solid #d5dfd4;margin-top:50px;padding-top:25px}footer p{max-width:330px;color:#546a55}footer>a:first-child{font-weight:bold}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;top:-60px;left:20px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:790px){header,main,footer{padding:22px}.workspace{grid-template-columns:1fr}.notebook{min-height:360px}.guide{gap:25px;grid-template-columns:1fr}h1 br{display:none}.calculator{max-width:560px;width:100%;margin:auto}.intro{margin-top:10px}footer{flex-wrap:wrap}.empty{margin-top:55px}}@media(max-width:380px){header,main,footer{padding:16px}nav{gap:12px;font-size:11px}.brand span{display:none}.calculator{padding:14px}.keypad{gap:6px}.keypad button{height:44px;font-size:13px}.calc-head{font-size:9px}.notebook section{padding:18px}.examples{grid-template-columns:1fr}}

@media(max-width:790px){.keypad #fraction{font-size:12px;padding-inline:0;min-width:0}}