:root{--bg:#071019;--panel:#0c1824;--panel2:#101f2d;--canvas:#07131e;--ink:#eef6fb;--muted:#8da5b7;--line:#243849;--grid:#142838;--cyan:#42d3ff;--amber:#ffbd59}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#0e2636 0,transparent 32%),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:980px}.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:680px;color:var(--muted);font-size:18px;line-height:1.6}.lab{display:grid;grid-template-columns:minmax(0,1fr) 340px;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}.stage canvas{display:block;width:100%;height:520px}.seg,.tabs{display:flex}.seg button,.tabs button{border:1px solid var(--line);background:transparent;padding:8px 12px;font:600 11px ui-monospace;cursor:pointer}.seg button+button,.tabs button+button{border-left:0}.seg .active,.tabs .active{background:var(--cyan);color:#041019;border-color:var(--cyan)}.transport{min-height:62px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:10px 18px;flex-wrap:wrap}.transport button{border:1px solid var(--line);background:transparent;padding:10px 15px;font:600 11px ui-monospace;cursor:pointer}.transport .primary{background:var(--cyan);border-color:var(--cyan);color:#041019}.transport label{font-size:12px;color:var(--muted);margin-left:8px;display:flex;gap:7px;align-items:center}aside{padding-bottom:20px}.status{color:#72e3ad}.status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:7px;box-shadow:0 0 9px currentColor}.status.paused{color:var(--amber)}.tabs{margin:18px 20px 6px}.tabs button{flex:1}.slider{display:block;padding:15px 20px 5px}.slider>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.slider b{font-size:12px}.slider output{font:12px ui-monospace;color:var(--cyan)}input[type=range]{width:100%;accent-color:var(--cyan)}.presets{margin:18px 20px 0;padding-top:16px;border-top:1px solid var(--line)}.presets>span{color:var(--muted);font:10px ui-monospace;letter-spacing:.12em}.presets div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.presets button{border:1px solid var(--line);background:transparent;padding:8px;text-transform:capitalize;font-size:11px;cursor:pointer}.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.4vw,28px) ui-monospace}.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}.formula{align-self:center;text-align:center;padding:30px;border:1px solid var(--line);background:var(--panel);font:clamp(20px,3vw,36px) Georgia}.formula span{color:var(--cyan)}.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}.cards strong{color:var(--amber)}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:900px){.lab{grid-template-columns:1fr}.stage canvas{height:440px}.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:380px}.readouts{grid-template-columns:1fr}.transport label{margin-left:0}.theory{padding-block:52px}footer{gap:16px;flex-direction:column}}