/* Presentation system: quiet chrome, clear science, generous model space. */
:root{--bg:#09151d;--panel:#10212b;--line:#29414c;--text:#f0f5f3;--muted:#a8bdc5;--mint:#bce8cf}
body{background:radial-gradient(ellipse at 10% 0,#19313d 0,transparent 42%),var(--bg)}
header{min-height:78px;background:#09151dc9;border-bottom-color:#29414c;gap:24px}
.brand{font-size:clamp(17px,1.5vw,25px);max-width:900px;letter-spacing:-.5px}.edition{font-size:13px;color:#bacdd4}
main{max-width:2400px;padding:26px 2.5vw 0}.intro{gap:36px;margin-bottom:18px}.intro h1{font-size:clamp(28px,2.5vw,42px);line-height:1.14;letter-spacing:-1.3px}.intro h1 br{display:none}.intro h1 em{display:block;color:#bde6d3}.intro>p{max-width:410px;font-size:14px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:1.8px}
.tour-strip{padding:12px 0 16px;background:#09151df5;border-bottom:0;margin-bottom:0}.tour-strip #start-story,.tour-strip #tour-next{background:#d0f79d;border:1px solid #e3ffc1;color:#11221c;border-radius:8px;box-shadow:0 5px 24px #0003;font-size:17px;padding:16px 24px;min-height:56px}.tour-strip #tour-progress{font-size:13px;color:#a9c2c9}.tour-strip #tour-prev,.tour-strip #tour-end{border-color:#36505e;color:#c0d0d5}.tour-strip #tour-next{min-width:235px}
.workspace{grid-template-columns:minmax(0,1.65fr) minmax(390px,1fr);border:1px solid #35505e;border-radius:16px;box-shadow:0 22px 70px #0003;background:var(--panel)}
body[data-detail=true] .workspace,body:not([data-mode=plant]) .workspace{grid-template-columns:minmax(0,1.25fr) minmax(460px,1fr)}
.stage,body[data-mode=plant] .stage,.guided .stage{height:clamp(570px,calc(100vh - 270px),900px);min-height:570px;max-height:none;background:radial-gradient(ellipse at 48% 40%,#294450 0,#142b38 54%,#0d202c 100%)}
.guided .stage{height:calc(100vh - 175px)}.visual-column{background:#102530}.stage-top{top:22px;left:24px;right:24px}.modeltag{font-size:9px;color:#c4d8dd}.live{font-size:9px}.live i{box-shadow:0 0 12px #bce8cf88}
.flow-legend{top:51px;left:24px;right:24px;gap:9px 15px;font-size:10px;max-width:none;color:#cfdee3}.flow-legend i{width:8px;height:8px}.view-tools{bottom:43px;gap:8px}.view-tools button{border-color:#4a6572;border-radius:7px;padding:10px 14px;font-size:11px;background:#0d202cdd;backdrop-filter:blur(10px)}.gesture{bottom:19px;color:#98b4c0;font-size:8px}.label{font-size:11px;padding:7px 10px;background:#102331e8;border:1px solid #688895;border-radius:5px;box-shadow:0 3px 14px #0003;color:#e8f3f5}.label.active{font-size:12px;color:#10221a;box-shadow:0 0 20px #c8fa8e44}.label .component-number{color:#acd9cf;font-size:9px;font-weight:700;margin-right:6px}.label.active .component-number{color:#264b34}
aside{padding:28px;background:linear-gradient(145deg,#142935,#0e1e28);border-color:#35505e;min-width:0}.aside-top{padding-bottom:5px}#components{gap:6px;margin:17px 0 25px}#components button{padding:10px 9px;font-size:11px;color:#b7cbd3;border-color:#344c58;border-radius:6px}#components button.active{color:#11271e}.info{min-height:0}#kind{font-size:10px;letter-spacing:1.4px;color:#eac58e}h2{font-size:clamp(28px,2.2vw,38px);line-height:1.13;font-weight:500;letter-spacing:-1px;margin:12px 0 16px}.info p,.scale-intro{font-size:15px;color:#c1d2da;line-height:1.75}#detail{font-size:12px;line-height:1.7;color:#9fb8c3}
.equation{padding:22px 0;border-color:#35505e}.equation h3{font-size:20px!important;color:#f1f7f5!important;letter-spacing:-.3px;margin-bottom:14px}.formula{background:#08192370;border:1px solid #304b58;border-radius:9px;padding:17px 12px;font-size:24px!important;color:#d7f4b3;box-shadow:inset 0 1px 0 #ffffff03}.formula .katex-display{margin:.35em 0}.equation p{font-size:14px!important;line-height:1.75!important;color:#b4c9d1!important}.scope-note{font-size:11px;color:#91adb9;line-height:1.7}.settings{padding-top:18px;margin-top:28px}.settings>label{font-size:12px;color:#a9c2cc}.animation-controls button{padding:10px 12px;font-size:11px}.speed{font-size:11px}.speed select{font-size:11px;padding:7px}
.energy-path{margin:24px 0 8px;padding:20px;border:1px solid #355461;border-radius:10px;background:#0b1d28}.energy-path h3{font-size:10px;letter-spacing:1.8px;color:#a5c8cf;margin:0 0 20px}.energy-path ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.energy-path li{position:relative;border-left:2px solid var(--energy);padding-left:12px}.energy-path strong{display:block;font-size:15px;font-weight:500;color:var(--energy)}.energy-path small{display:block;color:#afc6cf;font-size:11px;margin-top:5px}.energy-path .energy-number{font-size:9px;color:#7f9faa;display:block;margin-bottom:6px;letter-spacing:1px}.energy-path p{margin:18px 0 0;font-size:11px;color:#91b0bd;line-height:1.7}.energy-path .heat-rejected{border-top:1px solid #294653;padding-top:13px}.energy-path .heat-rejected b{color:#76d8d2;font-weight:500}
.reactor-trail{padding:14px 0 18px;border-bottom:1px solid #36505e;margin-bottom:23px}.reactor-trail>span{display:block;font-size:10px;letter-spacing:1.4px;color:#bce8cf;margin-bottom:12px}.reactor-trail ol{list-style:none;display:flex;margin:0;padding:0;gap:5px}.reactor-trail li{flex:1;border-top:3px solid #334f5b;padding-top:8px;font-size:9px;color:#7e9aa7;line-height:1.4}.reactor-trail li.done{border-color:#6a9e91;color:#a2bfb9}.reactor-trail li.current{border-color:#d0f79d;color:#e4f5d3}.process-status{left:5%;right:5%;bottom:100px;background:#0c202de8;border:1px solid #3d5966;padding:12px 16px;color:#deeced;font-size:13px;backdrop-filter:blur(8px)}.scale-label{background:#0d2331ed;border-left-color:#a7dace;padding:7px 10px;font-size:11px;box-shadow:0 3px 12px #0002}.regime-heading h3{font-size:18px}.regime-buttons button{padding:12px 8px}.htc-chart{max-height:190px}#regime-description,#dryout-caption{font-size:14px}.seminar-roadmap{padding:26px 0}.seminar-roadmap ol{counter-reset:topic}.seminar-roadmap li{counter-increment:topic;border-top:1px solid #3a5360;padding-top:15px}.seminar-roadmap li:before{content:'0' counter(topic);font:11px 'Space Grotesk',sans-serif;color:#7399a5;display:block;margin-bottom:10px}.seminar-roadmap strong{font-size:13px}.seminar-roadmap span{font-size:11px}footer{font-size:10px;line-height:1.7}.presentation-hint{font-size:10px;color:#7899a6;margin-left:auto}.guided .presentation-hint{display:none}
@media(min-width:1200px){.stage{position:sticky;top:88px}body[data-mode=plant]:not([data-detail=true]):not(.guided) .stage{min-height:680px}.settings{margin-top:auto;padding-top:24px}.info{margin-bottom:24px}}
@media(min-width:1800px){aside{padding:34px}.formula{font-size:28px!important}.info p,.scale-intro{font-size:17px}.equation h3{font-size:23px!important}.equation p{font-size:16px!important}}
@media(max-width:1100px) and (min-width:801px){.workspace,body[data-detail=true] .workspace,body:not([data-mode=plant]) .workspace{grid-template-columns:minmax(0,1fr) minmax(370px,1fr)}aside{padding:22px}.intro>p{max-width:280px}.formula{font-size:21px!important}.label{font-size:10px}}
@media(max-width:800px){header{min-height:90px;padding:18px 20px;gap:8px}.brand{font-size:17px}.edition{font-size:12px}main{padding:22px 14px 0}.intro h1{font-size:29px;line-height:1.14}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.intro{margin-bottom:15px}.tour-strip{padding:8px 0 14px;gap:8px}.tour-strip #start-story,.tour-strip #tour-next{font-size:15px;padding:13px 17px;min-height:50px}.tour-strip #tour-next{flex:1;min-width:0}.tour-strip #tour-progress{font-size:11px}.workspace,body[data-detail=true] .workspace,body:not([data-mode=plant]) .workspace{display:flex;border-radius:12px}.stage,body[data-mode=plant] .stage,.guided .stage{height:530px;min-height:0;position:relative;top:auto}.stage-top{left:17px;right:17px;top:18px}.flow-legend{left:17px;right:17px;top:44px;font-size:9px;gap:8px 12px}.modeltag{font-size:8px}.label{font-size:10px;padding:6px 8px}.label .component-number{font-size:8px}.scale-label{font-size:9px;padding:5px 6px}.view-tools button{padding:9px 10px;font-size:10px}.process-status{font-size:11px;bottom:97px;padding:10px}.gesture{font-size:7px}aside{padding:24px 20px}.equation h3{font-size:20px!important}.formula{font-size:23px!important;padding:16px 9px}.energy-path{margin-top:22px}.seminar-roadmap ol{gap:20px}.presentation-hint{display:none}.reactor-trail{margin-bottom:20px}.settings{margin-top:25px}#journey-label{top:86px;font-size:14px}.guided .tour-strip{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.label-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.label-leaders line{stroke:#abcbd2;stroke-width:1;opacity:.45;stroke-dasharray:3 3}.stage{top:0}body[data-mode=plant]:not(.guided) .stage{position:relative}.guided .stage{position:sticky;top:88px}@media(max-width:800px){.guided .stage{position:relative;top:0}}

.stage,body[data-mode=plant] .stage,.guided .stage{top:0;max-height:800px}.guided .stage{height:calc(100vh - 210px)}@media(max-width:800px){.guided .stage{height:530px}}

@media(min-width:801px){body[data-mode=channel] .stage,body[data-mode=dryout] .stage{height:600px;min-height:600px}body[data-mode=atomic] .stage{height:740px;min-height:640px}}
@media(max-width:800px){.guided .tour-strip #tour-progress{flex:1 1 calc(100% - 85px);order:2}.guided .tour-strip #tour-end{order:3;font-size:10px;padding:7px}.guided .tour-strip #tour-prev{font-size:11px}}