:root{--bg:#030510;--panel:#0a1022;--line:#243258;--text:#edf4ff;--muted:#8e9bbb;--accent:#ff9f43;--cyan:#6fe7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 40% 5%,#14213d,#050817 38%,var(--bg));color:var(--text);font-family:Arial}a{color:inherit;text-decoration:none}header{height:78px;padding:0 4vw;display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:#030510e8;z-index:5}header>a{font-weight:bold;letter-spacing:.15em;color:var(--cyan)}nav{display:flex;gap:30px;margin:auto;font-size:12px;color:#adbad3}main{max-width:1500px;margin:auto;padding:25px 4vw 60px}.crumb{font-size:11px;color:var(--muted)}.intro{display:grid;grid-template-columns:1.5fr .7fr;gap:40px;align-items:end;margin:30px 0}.intro small,.controls small,.learn>small{color:var(--accent);letter-spacing:.2em;font-weight:bold}.intro h1{font-size:clamp(34px,4.3vw,60px);line-height:.95;margin:12px 0 0}.intro h1 em{font-family:Georgia;color:var(--accent);font-weight:normal}.intro p,.learn p{color:#9facc7;line-height:1.7}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px}.workspace>div{display:grid;gap:16px}.panel,.metrics article,.learn article{background:#0a1022;border:1px solid var(--line);border-radius:14px;overflow:hidden}.bar{height:44px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;font:10px ui-monospace;border-bottom:1px solid var(--line)}.bar b{color:#62dca5}#world{width:100%;height:520px;display:block;background:radial-gradient(circle at 50% 20%,#1a2947,#07101f 65%)}.readout{display:grid;grid-template-columns:repeat(3,1fr);padding:13px 16px;color:var(--muted);font-size:9px}.readout b{display:block;color:#fff;margin-top:4px}.chart{padding:16px}.charthead{display:flex;justify-content:space-between;align-items:end}.charthead h2{margin:0;font-size:17px}.charthead button,.controls button{background:#111a32;border:1px solid #344364;color:#d3ddf0;border-radius:5px;padding:8px;font-size:9px}.charthead button.active{background:var(--cyan);color:#061018}#graph{display:block;width:100%;height:190px;margin-top:12px}.controls{padding:16px;align-self:start}.transport,.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.controls section{padding:17px 0;border-top:1px solid var(--line)}.controls label{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:10px;color:#b8c3da;margin:11px 0}.controls input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--accent)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.grid label{display:block}.grid input,.controls select{width:100%;margin-top:6px;padding:7px;background:#050918;border:1px solid #304064;color:#fff}.check{display:flex!important}.primary,.wide{background:var(--accent)!important;color:#1b0d00!important;font-weight:bold}.wide{width:100%;margin-top:8px;padding:10px!important}.ghost{background:transparent!important;color:#d3ddf0!important}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0 50px}.metrics article{padding:15px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.metrics b{display:block;font:15px ui-monospace;margin:8px 0}.learn{padding:30px 0}.learn h2{font-size:clamp(28px,4vw,48px)}.learn>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learn article{padding:20px}.formula{border:1px solid var(--line);padding:18px;color:var(--cyan)!important;font:13px ui-monospace}footer{border-top:1px solid var(--line);padding:24px 4vw;color:var(--muted);font-size:10px}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan)}@media(max-width:980px){.workspace{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){nav{display:none}.intro{grid-template-columns:1fr}.metrics,.learn>div{grid-template-columns:1fr 1fr}.charthead{display:block}.charthead div{margin-top:10px}#world{height:410px}}