.calculus-page{--calc-surface:#14271f;--calc-input:#0e2018;--calc-grid:#294437;--calc-axis:#8eab9b;--calc-curve:#52d6d0;--calc-tangent:#f5ba62;--calc-positive:#789eeb;--calc-negative:#f58eaa;--calc-text:#d9e9df;--calc-muted:#94aaa0}
html[data-theme=light] .calculus-page{--calc-surface:#f9fbf5;--calc-input:#edf3e8;--calc-grid:#d7e1d0;--calc-axis:#597461;--calc-curve:#087c83;--calc-tangent:#b16b0c;--calc-positive:#416dc7;--calc-negative:#b83d62;--calc-text:#20382d;--calc-muted:#52695b}
.calculus-main{padding-bottom:20px}.calculus-page [hidden]{display:none!important}
.calc-controls{padding:23px!important;background:var(--calc-surface);border:1px solid var(--line)!important;border-radius:14px}
#functionForm{display:flex;align-items:end;gap:12px;flex-wrap:wrap}#functionForm>label{width:110px}.calculus-page label{font-size:11px;color:var(--calc-muted);display:block;line-height:1.6}.calculus-page label input,.calculus-page label select{margin-top:7px;background:var(--calc-input);color:var(--calc-text);border:1px solid var(--line);font-size:13px;width:100%;min-width:0}.calculus-page .function-field{flex:1;min-width:220px;display:flex;align-items:center;gap:12px;font:19px 'Space Grotesk',sans-serif;color:var(--calc-text)}.calculus-page .function-field span{flex:none}.function-field input{margin:0!important;font:16px monospace!important}
.calc-help{font-size:12px;line-height:1.75;color:var(--calc-muted)}.calc-example-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;color:var(--calc-muted)}.calc-example-row button{padding:6px 11px;background:var(--calc-input);color:var(--calc-text);border:1px solid var(--line);border-radius:20px;font-size:11px}.calc-example-row button:hover{border-color:var(--lime)}
.calc-modebar{display:flex;gap:5px;margin-top:22px;border-bottom:1px solid var(--line);overflow:auto}.calc-modebar button{border:0;border-bottom:2px solid transparent;color:var(--calc-muted);padding:16px 20px;background:transparent;white-space:nowrap;font:10px monospace}.calc-modebar strong{font:600 14px 'DM Sans',sans-serif;margin-left:8px}.calc-modebar [aria-selected=true]{color:var(--calc-text);border-bottom-color:var(--lime);background:var(--calc-surface)}
.calc-message{min-height:24px;margin:12px 0;font-size:12px;color:var(--calc-muted)}.calc-message.error{color:#f39d89}html[data-theme=light] .calc-message.error{color:#a12e22}
.calc-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.calc-stage{padding:0!important;border:1px solid var(--line)!important;border-radius:14px;overflow:hidden;background:var(--calc-surface);min-width:0}.calc-plot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 17px;border-bottom:1px solid var(--line)}.calc-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px}.curve-key{color:var(--calc-curve)}.tangent-key{color:var(--calc-tangent)}.rectangle-key{color:var(--calc-positive)}.calc-view-controls{display:flex;gap:6px}.calc-view-controls button{border:1px solid var(--line);border-radius:6px;background:var(--calc-input);color:var(--calc-text);padding:7px 10px;font-size:12px}
.calc-canvas-wrap{height:510px;position:relative}#calculusPlot{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;outline-offset:-3px}.calc-coordinate-bar{border-top:1px solid var(--line);padding:13px 17px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:10px/1.6 monospace;color:var(--calc-muted)}#hoverCoordinates{color:var(--calc-text)}.calc-plot-description{padding:0 17px 14px;margin:0}
.calc-card{padding:22px!important;border:1px solid var(--line)!important;border-radius:14px;background:var(--calc-surface)}.calc-card h2{font-size:23px;line-height:1.2;margin:15px 0 20px}.calc-card label{margin:14px 0}.calc-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.calculus-page .calc-check{display:flex;align-items:center;gap:8px;font-size:11px}.calculus-page .calc-check input{width:auto;margin:0;accent-color:var(--lime)}#rectangles{padding:8px 0;border:0;accent-color:var(--lime)}#rectangleCount{float:right;color:var(--calc-text);font:16px monospace}.calc-results{border-top:1px solid var(--line);margin-top:20px;padding-top:6px;font-size:12px}.calc-results dl{margin:0}.calc-results dt{color:var(--calc-muted);font-size:10px;margin-top:17px}.calc-results dd{margin:5px 0 0;font:13px/1.7 monospace;overflow-wrap:anywhere;color:var(--calc-text)}.calc-results .calc-big{font-size:22px;color:var(--calc-curve)}.calc-results p{font-size:12px;line-height:1.7}.calc-formula{font:12px/1.7 monospace;padding:12px;background:var(--calc-input);border:1px solid var(--line);border-radius:7px}.calculus-page .secondary{color:var(--calc-text);background:var(--calc-input);border-color:var(--line)}#animateRefinement{width:100%;font-size:11px;padding:10px}
.calc-education{margin-top:30px;max-width:960px;padding-bottom:35px!important}.calc-education h2{font-size:28px}.calc-education>p{font-size:15px;line-height:1.9;color:var(--calc-muted)}.calc-education details p{font-size:12px;line-height:1.8;color:var(--calc-muted)}.calc-education a{color:var(--calc-curve);text-decoration:underline}.calculus-main footer{margin-top:20px}
@media(max-width:1050px){.calc-workspace{grid-template-columns:minmax(0,1fr) 280px}.calc-canvas-wrap{height:450px}.calc-card{padding:18px!important}}
@media(max-width:800px){.calc-workspace{grid-template-columns:1fr}.calc-canvas-wrap{height:430px}.calc-modebar button{padding:14px 12px}.calc-modebar strong{font-size:12px}.calc-card{max-width:none}.calculus-main{padding:0 18px}.calc-controls{padding:18px!important}#functionForm>label{width:calc(50% - 8px)}#functionForm>.function-field{flex-basis:100%;width:100%}}
@media(max-width:480px){.calc-canvas-wrap{height:360px}.calc-modebar button{padding:13px 8px}.calc-modebar strong{margin-left:3px;font-size:11px}.calc-modebar button{font-size:9px}.calc-coordinate-bar>span{font-size:9px}}

/* Up to four independent expressions share the existing graph and domain. */
.calculus-page{--calc-curve-1:#c5a0f5;--calc-curve-2:#d5f577}html[data-theme=light] .calculus-page{--calc-curve-1:#7c43b4;--calc-curve-2:#587318}
.curve-key-1{color:var(--calc-curve-1)}.curve-key-2{color:var(--calc-curve-2)}
.calc-functions{flex:1;min-width:220px}.calc-function-row{margin-bottom:9px}.calc-function-line{display:flex;align-items:center;gap:8px}.calc-functions .function-field{width:100%;min-width:0}.calc-remove{padding:10px!important}.calc-function-error{color:#f39d89;font-size:11px;line-height:1.5;margin:4px 0 0}.calc-function-error:empty{display:none}html[data-theme=light] .calc-function-error{color:#a12e22}#addFunction{font-size:11px;padding:8px 12px}.calc-active-function{max-width:360px;margin:18px 0}.calculus-page input[aria-invalid=true]{border-color:#c56655}
@media(max-width:800px){.calc-functions{flex-basis:100%}}

.calc-view-controls{align-items:center;flex-wrap:wrap}.calculus-page .calc-scale-ratio{display:flex;align-items:center;gap:8px;margin:0;font-size:11px}.calculus-page .calc-scale-ratio input{width:76px;margin:0;padding:7px 8px;font-size:12px}#scaleRatioHelp{padding-top:12px;margin-bottom:8px}

.calculus-page{--calc-curve-3:#f58eaa}html[data-theme=light] .calculus-page{--calc-curve-3:#b83d62}.curve-key-3{color:var(--calc-curve-3)}