@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#0d151c;--panel:#131f29;--line:#293842;--muted:#9babb6;--mint:#a4edc4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf2ef;font:14px 'DM Sans',sans-serif}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}header a{color:var(--mint);text-decoration:none;font:32px Georgia}header a span{font:600 13px 'Space Grotesk',sans-serif;letter-spacing:3px;margin-left:15px;color:#edf2ef}.tag,.eyebrow,.section-label{font-size:10px;letter-spacing:1.6px;color:var(--mint)}.tag{border:1px solid var(--line);padding:8px 12px;border-radius:20px}main{max-width:1500px;padding:0 5%;margin:auto}.intro{display:flex;gap:40px;align-items:center;justify-content:space-between;padding:47px 0 35px}h1{font:500 clamp(32px,4vw,52px) 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:14px 0}p{color:var(--muted);line-height:1.65}.formula{font:20px Georgia;color:#c2d1da;max-width:520px;line-height:1.7}.formula small{font:10px 'DM Sans',sans-serif;display:block;color:var(--muted);margin-top:12px}.workspace{display:grid;grid-template-columns:240px minmax(280px,1fr) 220px;border:1px solid var(--line);border-radius:12px;overflow:hidden}aside{padding:24px;background:var(--panel)}.section-label{margin-bottom:22px}label{display:block;margin:18px 0;font-size:12px;color:#c9d3d9}output{float:right;color:var(--mint);font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;margin-top:15px;accent-color:var(--mint)}select{display:block;width:100%;background:#0d171f;color:#e5eeea;border:1px solid #364650;border-radius:5px;padding:9px;margin-top:9px;font-size:11px}button{cursor:pointer;background:transparent;color:#d9e4e4;border:1px solid #3a4b56;border-radius:5px;padding:10px 12px;font:500 12px 'DM Sans',sans-serif}button:hover{background:#2a3e46}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button:disabled{opacity:.4;cursor:wait}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}.primary{grid-column:1/-1;background:var(--mint);color:#142d23;border:0}.primary:hover{background:#c2f8d9}.hint{font-size:10px;margin:17px 0 25px}.presets{display:flex;gap:5px;flex-wrap:wrap}.presets button{font-size:10px;padding:7px}.field-panel{padding:22px 26px;background:#101b24}.panel-top{display:flex;justify-content:space-between;align-items:center}h2{font:500 20px 'Space Grotesk',sans-serif;margin:0}h2 span{font:12px Georgia;color:var(--muted);margin-left:10px}.field-wrap{max-width:512px;margin:22px auto 15px;width:100%;aspect-ratio:1}#field{width:100%;height:100%;image-rendering:pixelated;border-radius:4px}.legend{display:flex;align-items:center;max-width:240px;margin:auto;gap:10px;font-size:10px;color:var(--muted)}.legend div{height:5px;flex:1;background:linear-gradient(90deg,#367dab,#e4e8d5)}.legend div:nth-of-type(2){background:linear-gradient(90deg,#e4e8d5,#e77a4e)}.field-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:22px;font-size:9px;color:var(--muted)}.field-footer button{font-size:10px;padding:7px}.readout{padding:26px 23px;border-left:1px solid var(--line)}.stat{border-bottom:1px solid var(--line);padding:16px 0}.stat span{display:block;font-size:11px;color:var(--muted)}.stat strong{display:block;font:500 29px 'Space Grotesk',sans-serif;margin:8px 0;color:#dcece5;font-variant-numeric:tabular-nums}.stat small{font-size:9px;color:#7f939f}.compact strong{font-size:20px}.sample-note{font-size:10px;color:var(--mint);margin-top:22px}.plots{padding:40px 0}.plot-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.plot-head .section-label{margin-bottom:10px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-grid article{border:1px solid var(--line);border-radius:9px;padding:22px;background:#111d26}.chart-grid h3{font-size:13px;margin:0 0 15px;font-weight:500}.chart-grid h3 span{float:right;font-size:10px;color:var(--muted)}.chart-grid canvas{width:100%;height:190px}.chart-grid p{font-size:11px;margin:8px 0}.chart-grid button{padding:6px 10px;font-size:10px}#scanstatus{font-size:10px;color:var(--mint);margin-left:10px}details{border-top:1px solid var(--line);padding:24px 0}summary{cursor:pointer;font:16px 'Space Grotesk',sans-serif}.notes{max-width:900px;font-size:12px}footer{display:flex;justify-content:space-between;padding:30px 0;font-size:10px;color:var(--muted);letter-spacing:1px}@media(max-width:1000px){.workspace{grid-template-columns:210px 1fr}.readout{grid-column:1/-1;display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);border-left:0}.readout .section-label{display:none}.stat{flex:1;min-width:100px;border:0;padding:0}.sample-note{width:100%}.formula{font-size:15px}}@media(max-width:650px){header .tag{display:none}.intro{display:block;padding-top:28px}.formula{margin-top:24px}.workspace{display:flex;flex-direction:column}.chart-grid{grid-template-columns:1fr}aside{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}aside .section-label,.buttons,.hint,.presets{grid-column:1/-1}.readout{padding:20px}.field-panel{padding:18px}.plot-head{gap:16px}footer span{display:none}.chart-grid h3 span{float:none;display:block;margin-top:6px}}