:root{--bg:#061019;--panel:#0b1925;--panel2:#102231;--canvas:#07131e;--ink:#eff8fc;--muted:#8ca6b8;--line:#243b4c;--grid:#142b3a;--cyan:#45d7ff;--amber:#ffbd59;--green:#69e0ab}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 0,#123148 0,transparent 34%),var(--bg);color:var(--ink);font-family:Arial,sans-serif}button,a,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}nav{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);font:600 12px ui-monospace;letter-spacing:.12em}.brand,.eyebrow{color:var(--cyan)}nav div{display:flex;gap:30px}nav div a{color:var(--muted)}header{padding:64px clamp(20px,5vw,72px) 38px;max-width:1000px}.eyebrow{font:600 12px ui-monospace;letter-spacing:.16em}header h1{font-size:clamp(42px,7vw,78px);line-height:.95;letter-spacing:-.055em;margin:18px 0}header h1 span{color:transparent;-webkit-text-stroke:1px var(--cyan)}header>p:last-child{max-width:720px;color:var(--muted);font-size:18px;line-height:1.6}.lab{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1px;background:var(--line);border-block:1px solid var(--line)}.stage,aside{background:var(--panel)}.bar{height:56px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:600 11px ui-monospace;letter-spacing:.12em}.status{color:var(--green)}.stage canvas{display:block;width:100%;height:620px}.transport{min-height:64px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:10px 18px;flex-wrap:wrap}.transport button,.seed button{border:1px solid var(--line);background:transparent;padding:10px 13px;font:600 10px ui-monospace;cursor:pointer}.transport button:hover,.presets button:hover{border-color:var(--cyan)}.transport .primary{background:var(--cyan);border-color:var(--cyan);color:#03111a}.presets{padding:18px 20px 7px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.presets button{border:1px solid var(--line);background:transparent;padding:8px 4px;font-size:10px;cursor:pointer}.presets .active{background:var(--cyan);color:#03111a;border-color:var(--cyan)}.slider{display:block;padding:13px 20px 5px}.slider>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.slider b{font-size:12px}.slider output{font:12px ui-monospace;color:var(--cyan)}input[type=range]{width:100%;accent-color:var(--cyan)}.seed{display:block;padding:15px 20px 5px}.seed>span{font-size:12px}.seed div{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px}.seed input{min-width:0;background:var(--panel2);color:var(--ink);border:1px solid var(--line);padding:9px}.seed button{padding:8px}.toggles{margin:15px 20px 0;border-top:1px solid var(--line);padding-top:13px;display:grid;gap:9px}.toggles label{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.readouts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.readouts article{padding:23px clamp(16px,3vw,36px);background:var(--panel2);border-right:1px solid var(--line)}.readouts span{display:block;color:var(--muted);font:10px ui-monospace;letter-spacing:.1em;text-transform:uppercase}.readouts strong{display:block;margin-top:9px;font:500 clamp(18px,2.3vw,27px) ui-monospace}.distribution{border-bottom:1px solid var(--line);background:var(--panel)}.distribution canvas{display:block;width:100%;height:300px}.legend{display:flex;gap:22px;padding:0 22px 18px;color:var(--muted);font:11px ui-monospace;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:22px;height:3px;display:inline-block}.legend .cyan{background:var(--cyan)}.legend .amber{background:var(--amber)}.legend .dash{border-top:2px dashed var(--muted)}.theory{padding:76px clamp(20px,7vw,100px);display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1400px;margin:auto}.theory h2{font-size:clamp(32px,5vw,56px);letter-spacing:-.04em;margin:13px 0}.theory>div:first-child>p:last-child{color:var(--muted);line-height:1.7}.formula{align-self:center;text-align:center;padding:30px;border:1px solid var(--line);background:var(--panel);font:clamp(18px,2.5vw,32px) Georgia}.formula span{color:var(--cyan)}.formula small{display:block;margin-top:15px;color:var(--muted);font:10px ui-monospace;letter-spacing:.12em;text-transform:uppercase}.cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.cards article{padding:26px;background:var(--panel)}.cards p{color:var(--muted);line-height:1.65;font-size:14px}footer{border-top:1px solid var(--line);padding:24px clamp(20px,5vw,72px);display:flex;justify-content:space-between;color:var(--muted);font:10px ui-monospace;letter-spacing:.1em}
@media(max-width:940px){.lab{grid-template-columns:1fr}.stage canvas{height:580px}.readouts{grid-template-columns:1fr 1fr}.theory{grid-template-columns:1fr}.cards{grid-column:auto;grid-template-columns:1fr}}@media(max-width:560px){nav div{gap:14px}header{padding-top:44px}.stage canvas{height:520px}.readouts{grid-template-columns:1fr}.distribution canvas{height:240px}.theory{padding-block:52px}footer{gap:16px;flex-direction:column}}