@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--ink:#12221d;--paper:#f1f0e8;--acid:#d7ff3f;--line:rgba(18,34,29,.18);--muted:#64716b;--panel:rgba(250,250,244,.78)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",sans-serif}body{margin:0;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{height:72px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:900;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--acid);font:500 13px "DM Mono"}.status{font:12px "DM Mono";display:flex;gap:9px;align-items:center;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:#63d26f;box-shadow:0 0 0 5px rgba(99,210,111,.15)}main{width:min(1500px,92vw);margin:auto}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;padding:72px 0 60px}.eyebrow{font:500 11px "DM Mono";letter-spacing:.18em;color:#637269}.hero h1{font-size:clamp(52px,6vw,104px);line-height:.92;letter-spacing:-.075em;margin:18px 0 28px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.intro{max-width:650px;color:var(--muted);line-height:1.8;font-size:16px}.equation-card{align-self:center;border-left:1px solid var(--line);padding:28px 0 28px 50px;display:flex;align-items:center;gap:22px;font:500 clamp(18px,2vw,30px) "DM Mono"}.equation-card .arrow{color:#96a19b}.workspace{display:grid;grid-template-columns:310px 1fr;gap:22px;padding-bottom:80px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:3px;backdrop-filter:blur(14px)}.controls{padding:26px;height:max-content;position:sticky;top:20px}.panel-heading,.viz-title>div{display:flex;align-items:center;gap:12px}.panel-heading span,.viz-title span{font:11px "DM Mono";color:#8c9892}.panel-heading h2{font-size:17px;margin:0}.controls label{display:block;margin-top:25px;font-size:12px;font-weight:700;letter-spacing:.02em}.controls output{float:right;font:500 12px "DM Mono"}.controls input[type=range]{width:100%;margin-top:14px;accent-color:var(--ink)}.controls select,.controls input[type=number]{width:100%;margin-top:10px;padding:12px;border:1px solid var(--line);background:transparent;color:var(--ink);font:12px "DM Mono";outline:none}.boundary{margin:24px 0;padding:15px;background:#e7e6dd;display:flex;justify-content:space-between;gap:12px;font-size:11px}.boundary span{color:var(--muted)}.boundary code{text-align:right;font:10px/1.7 "DM Mono"}button{width:100%;border:0;background:var(--ink);color:white;padding:16px 18px;display:flex;justify-content:space-between;font:700 13px inherit;cursor:pointer;transition:.2s}button:hover{background:#263d34}.button-arrow{color:var(--acid);font-size:18px}button:disabled{opacity:.55;cursor:wait}.hint{font-size:10px;line-height:1.65;color:var(--muted);margin:15px 0 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-bottom:0}.metrics article{padding:18px 20px;border-right:1px solid var(--line);background:rgba(250,250,244,.5)}.metrics article:last-child{border:0}.metrics span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.metrics strong{font:500 20px "DM Mono"}.metrics small{font:10px "DM Mono";margin-left:4px;color:var(--muted)}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.viz{padding:18px;min-width:0}.active-viz{background:#f9f9f3}.viz-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.viz-title h3{font-size:13px;margin:0}.viz-title b{font:10px "DM Mono";color:var(--muted);font-weight:400}.viz canvas{width:100%;aspect-ratio:1.45;display:block;background:#e7e6df}.colorbar{height:3px;margin-top:9px}.viridis{background:linear-gradient(90deg,#271453,#126e7b,#59b36b,#f9e641)}.magma{background:linear-gradient(90deg,#160c35,#7c1d6f,#e05d47,#f9e95b)}.amber{background:linear-gradient(90deg,#13291f,#4a7652,#e8b93f,#fff3a6)}#toast{position:fixed;right:28px;bottom:28px;padding:14px 18px;background:var(--ink);color:white;font-size:12px;transform:translateY(100px);opacity:0;transition:.25s}#toast.show{transform:none;opacity:1}@media(max-width:1000px){.hero{grid-template-columns:1fr}.equation-card{display:none}.workspace{grid-template-columns:1fr}.controls{position:static}.visual-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{width:94vw}.hero{padding:45px 0 35px}.hero h1{font-size:54px}.metrics{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid var(--line)}}