@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b171b;--panel:#112126;--line:#2b3b3f;--text:#eef3ea;--muted:#9cafae;--mint:#b8e7cb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font-size:11px;letter-spacing:2px}.brand{color:var(--text);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:12px}.symbol{font-size:32px;color:var(--mint)}.divider{color:#57716f;padding:0 7px}.edition{color:var(--muted)}.edition b{color:var(--mint);margin-left:16px}main{max-width:1800px;margin:auto;padding:30px 4vw 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:30px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--mint)}h1{font:500 clamp(28px,3vw,46px)/1.09 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin:12px 0 0}h1 em{font-style:normal;color:var(--mint)}.intro>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:340px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 304px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.stage{height:570px;min-height:450px;position:relative;background:radial-gradient(ellipse at 50% 38%,#263f44,#102328 75%);overflow:hidden}#viewport{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.stage-top{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none;font-size:9px;letter-spacing:1.5px}.live{display:flex;align-items:center;gap:7px;color:var(--mint)}.live i{width:5px;height:5px;border-radius:50%;background:var(--mint)}.modeltag{color:#a2b8b7}.view-tools{position:absolute;bottom:48px;left:0;right:0;display:flex;justify-content:center;gap:6px}.gesture{position:absolute;bottom:20px;width:100%;text-align:center;font-size:8px;letter-spacing:1px;color:#adc0be;pointer-events:none}.gesture span{margin:0 9px;color:#5d7a79}button,select{font:inherit;color:var(--text);background:#1b3035;border:1px solid #395052;border-radius:6px;cursor:pointer;transition:background .18s,border-color .18s}button:hover{background:#2e4c4c;border-color:#6a9690}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.view-tools button{padding:9px 12px;font-size:10px;background:#12262be8}.view-tools #tour{color:var(--mint);border-color:#729d89}.label{position:absolute;transform:translate(-50%,-50%);padding:6px 9px;font-size:10px;background:#12262be8;white-space:nowrap;border-color:#577672}.label.active{background:var(--mint);color:#102328;border-color:var(--mint)}#labels{position:absolute;inset:0;pointer-events:none}.label{pointer-events:auto}aside{padding:24px 22px;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column}.aside-top{display:flex;justify-content:space-between;align-items:center}#step{font-size:8px;color:var(--muted);letter-spacing:1px}nav{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:21px 0}nav button{font-size:10px;padding:8px 5px;text-align:left;background:transparent;border-color:#2d4447}nav button.active{color:#102328;background:var(--mint);border-color:var(--mint)}.info{min-height:195px}#kind{color:#e6bd77;font-size:9px;letter-spacing:1.7px}h2{font:500 25px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.7px;margin:10px 0}.info p{font-size:12px;line-height:1.75;color:#bdcdcb;margin:0 0 12px}#detail{color:#7f9998;font-size:10px;line-height:1.6}.settings{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.settings>label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:12px}input[type=checkbox]{appearance:none;width:29px;height:16px;background:#32474b;border-radius:12px;position:relative;cursor:pointer;margin:0}input[type=checkbox]:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#a5bab6;left:3px;top:3px;transition:transform .2s}input:checked{background:#729e87}input:checked:after{transform:translateX(13px);background:#e1f6e2}.animation-controls{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:18px}.animation-controls button{font-size:10px;padding:8px 10px}.speed{font-size:10px;color:var(--muted)}select{margin-left:4px;font-size:10px;padding:5px}#next{margin:0 0 14px;padding:8px;color:var(--mint);font-size:11px}.energy{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);gap:12px}.energy div small{font-size:8px;letter-spacing:1.3px;color:var(--muted);display:block;margin-bottom:9px}.energy strong{font-size:12px;font-weight:500}.energy i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:8px}.energy>span{color:#607c77}footer{display:flex;justify-content:space-between;padding:20px 0;font-size:9px;gap:15px;color:#79938f}footer a{color:var(--mint);text-decoration:none}#loading{position:absolute;top:45%;left:0;right:0;text-align:center;color:var(--mint);padding:25px;font-size:14px}#loading.error{background:#112126;inset:20% 10% auto;line-height:1.7;border:1px solid #9b6c4c;border-radius:10px}
@media(min-width:1450px){.stage{height:650px}}@media(max-width:1000px){main{padding:22px 20px 0}.workspace{grid-template-columns:minmax(0,1fr) 270px}.stage{height:590px}aside{padding:20px 16px}.modeltag{display:none}.intro>p{max-width:270px;font-size:12px}.energy strong{font-size:10px}}@media(max-width:740px){header{padding:0 20px;height:60px;font-size:9px}.edition{display:none}.intro{align-items:start}.intro>p{max-width:40%;font-size:11px}h1{font-size:30px}.workspace{display:flex;flex-direction:column}.stage{height:470px;min-height:0}aside{border-left:0;border-top:1px solid var(--line)}.info{min-height:0;margin-bottom:18px}nav{grid-template-columns:repeat(3,1fr)}.settings{margin-top:0}.energy{align-items:start;flex-direction:column;gap:16px}.energy>span{display:none}.energy strong{font-size:13px}.energy div small{margin-bottom:5px}.gesture{font-size:7px}.view-tools button{font-size:9px;padding:8px}.intro .eyebrow{font-size:8px}footer{flex-direction:column}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.flow-legend{position:absolute;top:52px;left:22px;display:flex;flex-wrap:wrap;gap:9px 14px;max-width:85%;pointer-events:none;font-size:9px;color:#d5e7e3}.flow-legend span{display:flex;align-items:center;gap:5px}.flow-legend i{width:7px;height:7px;background:var(--c);border-radius:50%}.flow-legend .vapor-key{width:12px;height:8px;border-radius:50%;opacity:.8;box-shadow:0 0 6px #ffbd4e}#reactor-note{margin:12px 0;padding:12px;border-left:2px solid #d4df86;background:#203137}#reactor-note b{display:block;font-size:11px;color:#e2e6ab;margin-bottom:7px}#reactor-note span{display:block;font-size:11px;line-height:1.65;color:#c1d2cd}#reactor-note small{display:block;font-size:9px;line-height:1.5;color:#92ada7;margin-top:7px}.stage{height:auto;min-height:650px}@media(max-width:740px){.stage{height:510px;min-height:510px}.flow-legend{font-size:8px;gap:7px 10px;left:16px;max-width:90%}}