:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#02050a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 10%,#1e40af59,#0000 28%),radial-gradient(circle at 80% 0,#14b8a638,#0000 30%),#02050a;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #7dd3fc}.hero-shell{border-bottom:1px solid #ffffff14;padding:24px clamp(16px,4vw,56px) 72px;position:relative;overflow:hidden}.aurora{pointer-events:none;filter:blur(80px);opacity:.75;background:conic-gradient(from 135deg,#7dd3fc33,#9effd04d,#a855f72e,#7dd3fc33);height:540px;animation:14s ease-in-out infinite alternate drift;position:absolute;inset:-30% -10% auto}.topbar{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0307129e;border-radius:22px;align-items:center;gap:16px;max-width:1180px;margin:0 auto 64px;padding:12px 14px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff17,0 20px 70px #00000059}.topbar a{color:#c7d2fe;font-size:14px;text-decoration:none}.brand-mark{color:#04111d;letter-spacing:-1px;background:linear-gradient(135deg,#9effd0,#7dd3fc 55%,#c084fc);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand-word{letter-spacing:-.04em;margin-right:auto;font-weight:750}.hero-grid{z-index:1;grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);align-items:center;gap:clamp(24px,4vw,52px);max-width:1180px;margin:0 auto;display:grid;position:relative}.eyebrow{color:#9effd0;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}h1{letter-spacing:-.08em;max-width:780px;margin:0;font-size:clamp(46px,9vw,108px);line-height:.88}.lede{color:#cbd5e1;max-width:660px;font-size:clamp(17px,2vw,21px);line-height:1.6}.hero-actions,.calc-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:0;border-radius:999px;padding:12px 18px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-1px)}.primary{color:#03111e;background:linear-gradient(135deg,#f8fafc,#9effd0);font-weight:800;box-shadow:0 16px 50px #7dd3fc40}.ghost{color:#f8fafc;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1f}.calculator-card,.module-card,.boundary-grid article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0f172aeb,#020617d1);border-radius:32px;box-shadow:inset 0 0 0 1px #ffffff1a,0 24px 90px #00000073}.calculator-card{padding:clamp(18px,3vw,28px)}.display-panel{gap:10px;margin-bottom:18px;display:grid}.display-panel label,.module-card label,.settings-strip label{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}input,select{color:#f8fafc;background:#020617cc;border:0;border-radius:16px;width:100%;padding:13px 14px;box-shadow:inset 0 0 0 1px #ffffff1f}.result{letter-spacing:-.06em;overflow-wrap:anywhere;background:radial-gradient(circle at 20% 0,#7dd3fc29,#0000 40%),#ffffff0e;border-radius:22px;align-items:center;min-height:82px;padding:18px;font-size:clamp(28px,5vw,50px);font-weight:850;display:flex}.key-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:16px;display:grid}.key-grid button,.module-tabs button,.examples button{color:#e2e8f0;background:#fff1;border:0;border-radius:16px;min-height:46px;transition:transform .14s,background .14s;box-shadow:inset 0 0 0 1px #ffffff1a}.key-grid button:hover,.module-tabs button:hover,.examples button:hover{background:#7dd3fc29;transform:translateY(-1px)}.settings-strip{z-index:2;background:#020617d1;border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:-28px auto 40px;padding:18px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.toggle{align-items:center;gap:10px;display:flex}.toggle input{width:auto}.notice{color:#cbd5e1;align-self:center}.examples{grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;max-width:1180px;margin:0 auto 44px;padding:0 16px;display:grid}.examples button{text-align:left;min-height:76px;padding:12px}.examples span{color:#7dd3fc;text-transform:uppercase;letter-spacing:.11em;margin-bottom:6px;font-size:11px;display:block}.module-shell,.boundary-grid{max-width:1180px;margin:0 auto;padding:0 16px 64px}.module-tabs{gap:10px;margin-bottom:16px;display:flex;overflow-x:auto}.module-tabs button{text-transform:capitalize;min-height:44px;padding:12px 16px}.module-tabs button[aria-pressed=true]{color:#03111e;background:#9effd0}.module-card{min-height:340px;padding:clamp(20px,3vw,32px)}.module-card h2,.boundary-grid h2{letter-spacing:-.04em;margin-top:0;font-size:clamp(28px,4vw,46px)}.module-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 18px;display:grid}.module-form.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.module-form.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.module-results{color:#dbeafe}.module-card pre{white-space:pre-wrap;color:#9effd0;background:#00000047;border-radius:16px;padding:12px}.graph-card canvas{border-radius:24px;width:100%;height:330px;box-shadow:inset 0 0 0 1px #ffffff1f}.trace-control{grid-template-columns:90px 1fr;align-items:center;gap:12px;margin-top:12px;display:grid}.boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.boundary-grid article{padding:28px}@keyframes drift{0%{transform:rotate(-3deg)scale(1)}to{transform:rotate(5deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=860px){.hero-grid,.settings-strip,.boundary-grid,.module-form,.module-form.three-up,.module-form.four-up{grid-template-columns:1fr}.topbar{margin-bottom:36px}.examples{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:clamp(44px,16vw,72px)}}@media (width<=520px){.hero-shell{padding-inline:12px}.topbar{gap:10px;overflow-x:auto}.topbar a{display:none}.key-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.calculator-card{border-radius:24px}.examples{grid-template-columns:1fr}.settings-strip{margin-inline:12px}}