:root{--bg:#080c18;--panel:#10182d;--line:#29395f;--text:#eef4ff;--muted:#8998b7;--cyan:#63d9ff;--green:#45e9a3;--blue:#82a8ff;--pink:#f378bd}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 55% -15%,#243c74 0,#0c1429 43%,var(--bg) 75%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.calculus-shell{max-width:1390px;margin:auto;padding:26px clamp(18px,5vw,70px) 35px}.calculus-topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid #263453}.back-link{font-size:10px;letter-spacing:.15em;color:#8da8dc;text-decoration:none}.back-link:hover{color:var(--cyan)}.math-mark{font-family:Georgia,serif;font-style:italic;color:#91aaf0;font-size:18px}.calculus-hero{padding:62px 0 40px;max-width:720px}.eyebrow,.kicker{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.18em}.calculus-hero h1{font-size:clamp(40px,6vw,78px);line-height:.98;letter-spacing:-.07em;margin:14px 0 18px}.calculus-hero h1 em{color:var(--blue);font-style:normal}.calculus-hero p:not(.eyebrow){color:#aebbd5;line-height:1.6;font-size:17px;max-width:580px;margin:0}.derivative-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:15px}.curve-panel,.notation-panel,.gradient-strip{background:linear-gradient(145deg,#131c35ee,#0d1428f2);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 70px #0005}.curve-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 14px}.curve-heading h2,.notation-panel h2{font-size:16px;letter-spacing:-.03em;margin:8px 0 0}.curve-heading output{color:var(--green);font:600 14px ui-monospace,monospace}.curve-wrap{height:420px;border-top:1px solid #263657;border-bottom:1px solid #263657;background:radial-gradient(ellipse at 50% 50%,#172958,#0a1124 72%)}#curve-canvas{width:100%;height:100%;display:block}.slider-label{display:flex;justify-content:space-between;color:#8e9fbe;font-size:11px;padding:18px 23px 8px}.slider-label b{color:var(--cyan)}.slider-label span:last-child{color:var(--green);font-family:ui-monospace,monospace}input[type=range]{display:block;width:calc(100% - 46px);margin:0 23px 14px;accent-color:#55d9b0}.curve-legend{display:flex;gap:20px;color:#7c8cab;font-size:10px;padding:0 23px 19px}.curve-legend span{white-space:nowrap}.dot,.line{display:inline-block;vertical-align:middle;margin-right:5px}.dot{width:8px;height:8px;border-radius:50%;background:#fff}.dot.green{background:var(--green);box-shadow:0 0 8px var(--green)}.line{width:13px;height:2px;background:var(--cyan)}.notation-panel{padding:22px}.notation-panel h2{font-size:24px;line-height:1.05;margin-bottom:20px}.formula-card{border-top:1px solid #28385b;padding:14px 0 13px}.formula-card strong{font:italic 25px Georgia,serif;color:#dce8ff;display:inline-block;margin-right:8px}.formula-card span{color:#7183a6;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.formula-card p{color:#8797b6;font-size:11px;line-height:1.5;margin:7px 0 0}.primary-formula strong{color:var(--green)}.gradient-strip{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:28px;margin-top:15px;padding:25px 28px}.gradient-strip h2{font-size:21px;letter-spacing:-.04em;margin:8px 0 0}.gradient-strip p{color:#9ba9c4;font-size:12px;line-height:1.6;margin:0}.gradient-equation{font:italic 19px Georgia,serif;color:var(--green);white-space:nowrap}.calculus-footer{display:flex;justify-content:space-between;color:#627392;font-size:10px;padding:18px 2px 0}.calculus-footer span:last-child{text-align:right}@media(max-width:950px){.derivative-workspace{grid-template-columns:1fr}.notation-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.notation-panel h2,.notation-panel>.kicker{grid-column:1/-1}.formula-card{min-height:120px}.gradient-strip{grid-template-columns:1fr 1fr}.gradient-equation{grid-column:1/-1}}@media(max-width:620px){.calculus-shell{padding:17px 12px 24px}.calculus-hero{padding:44px 3px 28px}.calculus-hero p:not(.eyebrow){font-size:14px}.curve-wrap{height:300px}.curve-heading{padding:16px}.curve-heading h2{font-size:14px}.slider-label{display:block;line-height:1.7;padding:14px 16px 6px}.slider-label span:last-child{display:block}.curve-legend{gap:9px;flex-wrap:wrap;padding:0 16px 16px}.notation-panel{display:block;padding:18px}.gradient-strip{display:block;padding:21px}.gradient-strip p{margin:16px 0}.calculus-footer{display:block;line-height:1.8}.calculus-footer span:last-child{display:block;text-align:left}}