:root{color-scheme:dark;--background:#040b1e;--panel:#101b32;--inner:#060e22;--line:#26324b;--cyan:#22d9ec;--ink:#f4f8fe;--muted:#96aec9;--yellow:#f5c957}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--ink);margin:0;font:15px/1.55 Inter,'Segoe UI',system-ui,sans-serif}a{color:#66dff6}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #35daeb;outline-offset:3px}button:hover{filter:brightness(1.13)}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:clamp(30px,3.1vw,45px);letter-spacing:-.03em;margin:10px 0}h2{font-size:19px}h3{font-size:16px}p{margin:8px 0 0}small{color:var(--muted)}.topnav{border-bottom:1px solid #23334a;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px max(24px,calc((100vw - 1480px)/2));flex-wrap:wrap}.brand{font-size:21px;font-weight:850;letter-spacing:-.04em;text-decoration:none;color:#fff}.brand span{color:var(--cyan)}.toplinks{display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-size:13px}.toplinks a{text-decoration:none;font-weight:650}.toplinks a[aria-current=page]{border-bottom:2px solid var(--cyan);color:var(--cyan)}.container{max-width:1520px;padding:30px 26px 68px;margin:auto}.eyebrow{color:var(--cyan);font-size:12px;font-weight:850;letter-spacing:.13em}.intro{display:flex;justify-content:space-between;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:27px;margin-bottom:25px}.intro p{color:var(--muted);max-width:820px}.presets{display:flex;flex-wrap:wrap;gap:9px;max-width:670px;justify-content:flex-end}.preset{color:#dceafd;border:1px solid #374963;background:#111d35;padding:10px 13px;min-height:42px;border-radius:10px;font-size:12px;font-weight:700}.preset[aria-pressed=true]{border-color:#21d7e8;background:#153748;color:#aaf6ff}.preset.limits{border-color:#a07d38;color:#f6cd64}.layout{display:grid;grid-template-columns:minmax(280px,38%) minmax(0,1fr);gap:20px;align-items:start}.controlstack,.charts{display:grid;gap:16px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:22px;min-width:0;box-shadow:0 12px 32px #0003}.panel-head{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:19px}.panel-head h2{display:flex;align-items:center;gap:9px}.symbol{color:var(--cyan);font-size:21px}.subtle{font-size:12px;color:var(--muted)}.linkbutton{border:0;background:transparent;color:#a9d9eb;text-decoration:underline;font-size:12px;font-weight:800}.slider-group{margin-bottom:20px}.slider-group:last-child{margin-bottom:0}.slider-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:750}.value{font:800 13px/1.5 'IBM Plex Mono',ui-monospace,monospace;color:var(--cyan);padding:3px 9px;background:#030b1b;border:1px solid #263751;border-radius:6px;white-space:nowrap}.slider-group input{width:100%;accent-color:#26b5de;margin-top:12px;min-height:22px;cursor:pointer}.slider-group .foot{font-size:11px;color:#8fa8c0;margin-top:2px;min-height:15px}.figure-panel .headrow{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.figure-panel .headrow h2{font-size:20px}.figure{border:1px solid #1c2d49;position:relative;background:var(--inner);border-radius:14px;overflow:hidden}.figure canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.figure canvas:active{cursor:grabbing}.grid-caption{font-size:11px;color:#91aec8;margin:9px 0 0}.helptext{font-size:12px;color:#99b2cc}.graphgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.graphgrid .panel{padding:18px}.graphgrid h3{margin-bottom:12px}.graphgrid canvas{display:block;width:100%;height:auto;border-radius:10px}.graphgrid p{font-size:11px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sim-metric{border:1px solid #243652;background:#060f25;padding:11px;border-radius:10px;min-width:0}.sim-metric>span{font-size:12px;color:#8fc7e2;display:block}.sim-metric strong{font:800 17px/1.35 ui-monospace,monospace;color:var(--cyan);display:block;margin:6px 0 4px;overflow-wrap:anywhere}.sim-metric strong small{font-size:10px;font-weight:600}.sim-metric>small{display:block;font-size:10px}.callout{padding:13px;background:#1d2738;border-left:3px solid #f4c659;border-radius:8px;color:#d9dcec;font-size:12px;margin-top:14px}.method{font-size:11px;color:#9fb9cb;margin-top:9px}.exports{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.action{border:1px solid #2f4965;background:#1b2c47;color:#e5f6fd;border-radius:9px;font-size:13px;font-weight:800;padding:10px 13px}.action.primary{background:#067fb1;border-color:#129aca;color:#fff}.guide{margin-top:22px}.guide summary{font-size:16px;color:var(--cyan);font-weight:800;cursor:pointer}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.guide-grid p{font-size:13px;color:#bbd0df}.guide-grid strong{color:#fff}.footer{border-top:1px solid var(--line);padding:24px;text-align:center;font-size:12px;color:var(--muted)}@media(max-width:1180px){.intro{display:block}.presets{justify-content:flex-start;margin-top:17px}.layout{grid-template-columns:minmax(260px,40%) minmax(0,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.layout{grid-template-columns:1fr}.graphgrid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:570px){.container{padding:22px 12px 50px}.topnav{padding:14px}.panel{padding:14px}.graphgrid,.guide-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.presets{gap:6px}.preset{padding:8px 9px}.exports{display:grid;grid-template-columns:1fr}.intro{padding-bottom:18px}.value{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}