:root{color:#e8f2f8;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07111b;--panel:#0c1b28;--panel2:#102433;--panel3:#132b3b;--line:#203a4c;--muted:#8da7b9;--text:#e8f2f8;--cyan:#55d8e8;--blue:#78adff;--green:#6de0b0;--amber:#ffbf69;--red:#ff727b;--purple:#b9a0ff;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-optical-sizing:auto;background:#07111b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:radial-gradient(ellipse at 72% -18%,#15364a 0,transparent 38%),radial-gradient(ellipse at 0 45%,#0a2432 0,transparent 35%),var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled,input:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.12)}.app-shell{flex-direction:column;max-width:1740px;min-height:100vh;margin:0 auto;padding:0 30px;display:flex}.topbar{border-bottom:1px solid #1b3444;justify-content:space-between;align-items:center;gap:18px;min-height:82px;display:flex}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:inline-flex}.brand-mark{background:linear-gradient(145deg,#123c4c,#0b1d2b);border:1px solid #377d91;border-radius:13px;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 0 24px #43c9df18}.brand-mark:before,.brand-mark:after{content:"";border:1px solid var(--cyan);border-radius:50%;width:23px;height:9px;position:absolute;transform:rotate(45deg)}.brand-mark:after{border-color:var(--blue);transform:rotate(-45deg)}.brand-mark span{width:6px;height:6px;box-shadow:0 0 9px var(--cyan);z-index:1;background:#c9f9ff;border-radius:50%}.brand-copy{gap:3px;display:grid}.brand-copy strong{letter-spacing:.015em;font-size:15px}.brand-copy small{font:9px var(--mono);letter-spacing:.11em;color:#7898a9}.brand-copy em{color:var(--cyan);padding-left:7px;font-style:normal}.topbar-actions{align-items:center;gap:13px;display:flex}.connection{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:7px;display:flex}.connection i,.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #6de0b077}.connection.is-offline i{background:var(--amber);box-shadow:0 0 10px #ffbf6977}.language-picker{color:#83a4b7;background:#0b1d2a;border:1px solid #29475a;border-radius:8px;align-items:center;gap:5px;padding:4px 7px;font-size:11px;display:flex}.language-picker select{color:#e0f2f8;background:0 0;border:0;min-width:40px;padding:3px;font-size:11px;font-weight:800}.language-picker option{background:#102333}.install-button{color:#dffaff;background:#102b3c;border:1px solid #2c576c;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:800}.install-button:hover{border-color:var(--cyan);background:#12384a}.main-nav{border-bottom:1px solid #1b3444;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:17px 0 22px;display:grid}.nav-item{text-align:left;color:#92adbd;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;min-width:0;padding:12px 15px;display:flex;position:relative}.nav-item:hover{background:#0b1d2a;border-color:#1c3b4e}.nav-item.active{color:#e9faff;background:linear-gradient(100deg,#103143,#0b1d2a);border-color:#28566a}.nav-number{font:10px var(--mono);color:#56798c}.nav-icon{color:#83dce7;background:#132d3d;border-radius:9px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.nav-copy{gap:3px;min-width:0;display:grid}.nav-copy strong{font-size:12px}.nav-copy small{color:#7290a2;font-size:10px}.nav-active-line{background:var(--cyan);height:2px;position:absolute;bottom:-23px;left:18px;right:18px;box-shadow:0 0 12px #55d8e866}.page-content{flex:1;min-width:0;padding:26px 0 38px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px;display:flex}.eyebrow{font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#6f99ab;align-items:center;gap:8px;display:flex}.page-heading h1{letter-spacing:-.035em;color:#edf8fc;margin:8px 0;font-size:34px;line-height:1.1}.page-heading p{color:#91abba;max-width:760px;margin:0;font-size:13px;line-height:1.6}.engine-status{text-align:right;background:linear-gradient(145deg,#103044,#0b1c29);border:1px solid #285166;border-radius:11px;gap:4px;min-width:130px;padding:12px 15px;display:grid}.engine-status span{font:9px var(--mono);letter-spacing:.1em;color:#7ba2b4}.engine-status strong{font:700 23px var(--mono);color:var(--cyan)}.engine-status small{font:9px var(--mono);color:#a0bac8}.engine-failed{border-color:#88414d}.engine-failed strong{color:var(--red)}.app-footer{font:9px var(--mono);letter-spacing:.055em;color:#59798b;border-top:1px solid #1c3444;justify-content:space-between;gap:16px;padding:16px 0 22px;display:flex}.app-footer span:last-child{text-align:right}.toast{z-index:100;background:#0c2432;border:1px solid #37697d;border-radius:10px;align-items:center;gap:15px;max-width:430px;padding:13px 16px;font-size:12px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 35px #0008}.toast button,.notice-banner button{color:#9bb9c7;background:0 0;border:0;font-size:19px}.primary-button,.quiet-button,.danger-button{color:#dffaff;background:#102c3d;border:1px solid #2b5368;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:800}.primary-button{background:linear-gradient(110deg,#12617b,#174a6a);border-color:#297d91}.quiet-button{color:#b7cbd5;background:#0b1d2a;border-color:#2a4556}.danger-button{color:#ffd8dc;background:#522332;border-color:#8e4350}.primary-button:disabled,.quiet-button:disabled,.danger-button:disabled{opacity:.42}.simulation-page{min-width:0}.simulation-heading{margin-bottom:18px}.sim-toolbar{border:1px solid var(--line);background:#0b1b27;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:11px;padding:12px 14px;display:flex}.mode-select{gap:4px;min-width:170px;display:grid}.mode-select span{font:9px var(--mono);letter-spacing:.08em;color:#6f91a4;text-transform:uppercase}.mode-select select{color:#e4f2f8;background:#102536;border:1px solid #29495d;border-radius:7px;padding:8px 10px;font-size:11px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.sim-tabbar{scrollbar-width:thin;border-bottom:1px solid #20394b;gap:5px;margin-bottom:17px;display:flex;overflow-x:auto}.sim-tabbar button{white-space:nowrap;color:#849eae;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 14px;font-size:11px;font-weight:700;display:flex}.sim-tabbar button span{color:#5e93a7;font-size:15px}.sim-tabbar button.selected{color:#e5f8fc;border-bottom-color:var(--cyan)}.sim-tabbar button.selected span{color:var(--cyan)}.failure-banner,.notice-banner{color:#ffdfe2;background:#301b25;border:1px solid #844350;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:14px 16px;display:flex}.failure-banner p{margin:5px 0;font-size:12px}.failure-banner small{color:#d39da7}.notice-banner{color:#c6f4f0;background:#0e2c34;border-color:#286a72;padding:8px 13px;font-size:11px}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px;display:grid}.metric-card{background:linear-gradient(145deg,#102433,#0b1925);border:1px solid #1e3b4d;border-radius:10px;min-width:0;padding:13px 14px}.metric-card>span{color:#89a5b5;min-height:28px;font-size:10px;display:block}.metric-card strong{font:700 23px var(--mono);letter-spacing:-.04em;margin-top:6px;display:block}.metric-card strong small{color:#68889a;margin-left:5px;font-size:9px;font-weight:500}.metric-track{background:#1c3544;border-radius:9px;height:4px;margin-top:11px;overflow:hidden}.metric-track i{background:var(--cyan);border-radius:9px;height:100%;display:block}.tone-amber strong{color:var(--amber)}.tone-amber .metric-track i{background:var(--amber)}.tone-green strong{color:var(--green)}.tone-green .metric-track i{background:var(--green)}.tone-red strong{color:var(--red)}.tone-red .metric-track i{background:var(--red)}.tone-purple strong{color:var(--purple)}.tone-purple .metric-track i{background:var(--purple)}.tone-cyan strong{color:var(--cyan)}.sim-content-grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:12px;display:grid}.sim-panel,.diagram-card,.trend-card{background:linear-gradient(#102333,#0b1925);border:1px solid #20394b;border-radius:12px;min-width:0;padding:17px}.panel-heading,.diagram-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.panel-heading h2,.diagram-title-row h2,.trend-card h2{letter-spacing:-.01em;margin:4px 0 0;font-size:15px}.time-chip,.point-count{font:10px var(--mono);color:#9cb6c4;background:#0c1d2b;border:1px solid #2a4b5f;border-radius:6px;padding:6px 8px}.control-row{margin:0 0 19px;display:block}.control-label{justify-content:space-between;gap:10px;margin-bottom:8px;font-size:11px;font-weight:750;display:flex}.control-label output{font:700 11px var(--mono);color:var(--cyan)}.control-row input{width:100%;accent-color:var(--cyan);touch-action:pan-y;display:block}.control-row small{color:#69899b;margin-top:4px;font-size:9px;display:block}.control-foot{color:#7593a4;border-top:1px solid #1d3546;justify-content:space-between;gap:10px;padding-top:12px;font-size:10px;display:flex}.control-foot b{font:700 12px var(--mono);color:#cce2eb;margin-left:4px}.sim-side-stack{gap:12px;display:grid}.alarm-count{font:10px var(--mono);color:#9cb8c7;background:#1b3545;border-radius:6px;padding:5px 8px}.alarm-count.has-alarm{color:#ff9aa3;background:#51242d}.alarm-list{gap:7px;display:grid}.alarm-item{color:#ffbdc3;background:#271e25;border:1px solid #50303a;border-radius:7px;align-items:center;gap:8px;padding:8px 9px;font-size:11px;display:flex}.alarm-item i{background:var(--red);border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px #ff727b88}.empty-state{color:#7c9aab;margin:0;padding:8px 0;font-size:11px}.event-list{gap:8px;max-height:190px;display:grid;overflow:auto}.event-list>div{color:#b4c8d2;grid-template-columns:49px minmax(0,1fr);gap:9px;font-size:10px;line-height:1.4;display:grid}.event-list time{font:9px var(--mono);color:#6b92a5}.sim-footer-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.challenge-mini,.export-panel{justify-content:space-between;align-items:center;gap:16px;display:flex}.challenge-mini h2,.export-panel h2{margin:5px 0;font-size:14px}.challenge-mini p,.export-panel p{color:#819eaf;max-width:460px;margin:0;font-size:10px;line-height:1.55}.mini-stats{gap:9px;min-width:145px;display:grid}.mini-stats span{color:#7997a8;justify-content:space-between;gap:12px;font-size:9px;display:flex}.mini-stats b{color:#d7e9f0;font:10px var(--mono)}.export-buttons{gap:6px;min-width:160px;display:grid}.export-buttons button{white-space:nowrap}.diagram-layout{grid-template-columns:minmax(0,1fr) 235px;align-items:start;gap:12px;display:grid}.diagram-card{padding:17px 17px 10px}.live-pill{font:9px var(--mono);color:#75d6a8;align-items:center;gap:6px;display:flex}.live-pill i{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #6de0b0}.fault-pill{color:var(--amber)}.fault-pill i{background:var(--amber)}.process-diagram{width:100%;height:auto;max-height:580px;display:block}.diagram-grid line{stroke:#142d3d;stroke-width:1px}.diagram-title{fill:#c4e7ef;letter-spacing:1px;font:700 12px ui-monospace,monospace}.diagram-subtitle{fill:#82a6b7;font:10px ui-monospace,monospace}.diagram-flow-label{fill:#6bcbd7;letter-spacing:2px;font:10px ui-monospace,monospace}.diagram-footnote{fill:#567b8d;font:9px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.flow-dashes{animation:2s linear infinite flowDash}.flow-dashes.reverse{animation-direction:reverse}.turbine-wheel{animation:1.2s linear infinite spin}@keyframes flowDash{to{stroke-dashoffset:-44px}}@keyframes spin{to{transform:rotate(360deg)}}.diagram-readings{position:sticky;top:12px}.diagram-readings h2{margin:5px 0 18px;font-size:15px}.reading-rows{gap:0;display:grid}.reading-rows>div{color:#86a0af;border-bottom:1px solid #1c3545;justify-content:space-between;gap:10px;padding:10px 0;font-size:10px;display:flex}.reading-rows b{font:700 11px var(--mono);color:#dff2f8}.muted-note{color:#6d8b9c;margin:12px 0 0;font-size:9px;line-height:1.5}.trend-card{padding:18px}.trend-chart{width:100%;height:auto;min-height:180px;margin-top:4px;display:block}.trend-legend{flex-wrap:wrap;gap:16px;margin:4px 0 10px;display:flex}.trend-legend span{font:9px var(--mono);color:#a6bdc9;align-items:center;gap:6px;display:flex}.trend-legend i{border-radius:5px;width:13px;height:3px}.export-strip{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:11px;display:flex}.challenge-page-grid,.instructor-grid{grid-template-columns:1.05fr .95fr;gap:12px;display:grid}.challenge-page-grid h2,.instructor-grid h2{margin:6px 0 8px;font-size:17px}.challenge-page-grid p,.instructor-grid p{color:#8da7b9;font-size:11px;line-height:1.65}.mode-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.mode-cards button{text-align:left;background:#0b1c29;border:1px solid #284659;border-radius:9px;gap:9px;min-height:112px;padding:12px;display:grid}.mode-cards button.active{background:#103143;border-color:#4cbccc}.mode-cards b{color:#d7f4f8;font-size:11px}.mode-cards span{color:#819eaf;font-size:9px;line-height:1.45}.challenge-inject{margin-top:2px}.fault-catalog{gap:0;display:grid}.fault-catalog>div{border-bottom:1px solid #1c3545;grid-template-columns:8px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 0;display:grid}.fault-bullet{background:var(--amber);border-radius:50%;width:6px;height:6px;margin-top:5px}.fault-catalog b{font-size:10px;display:block}.fault-catalog small{color:#7794a5;margin-top:4px;font-size:9px;line-height:1.5;display:block}.fault-catalog em{font:9px var(--mono);color:#7f9aaa;font-style:normal}.seed-editor{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;margin-top:24px;display:grid}.seed-editor span{color:#829eae;grid-column:1/-1;font-size:10px}.seed-editor input{color:#dff0f7;width:100%;min-width:0;font:11px var(--mono);background:#071923;border:1px solid #2a4c5e;border-radius:7px;padding:10px}.seed-current{color:#7e9baa;border-top:1px solid #1d3748;justify-content:space-between;margin-top:22px;padding-top:14px;font-size:10px;display:flex}.seed-current b{font:11px var(--mono);color:var(--cyan)}.summary-score{font:700 42px var(--mono);color:var(--cyan);margin:12px 0 18px}.instructor-grid .export-buttons{flex-wrap:wrap;margin-top:14px;display:flex}.learn-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:14px;display:grid}.learn-counter,.about-version{background:#102b3b;border:1px solid #295265;border-radius:10px;justify-items:end;gap:3px;min-width:90px;padding:10px 15px;display:grid}.learn-counter strong,.about-version strong{font:700 23px var(--mono);color:var(--cyan)}.learn-counter span,.about-version span{font:8px var(--mono);letter-spacing:.08em;color:#87a5b4}.lesson-sidebar{background:#0b1a27;border:1px solid #213e4f;border-radius:11px;max-height:calc(100vh - 35px);padding:13px;position:sticky;top:12px;overflow:auto}.sidebar-boundary>.eyebrow{margin:4px 3px 12px}.search-label{color:#648b9f;background:#071722;border:1px solid #284759;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;display:flex}.search-input{color:#e4f2f8;background:0 0;border:0;outline:0;width:100%;font-size:10px}.lesson-list{gap:4px;margin-top:12px;display:grid}.lesson-nav{text-align:left;color:#9ab0bd;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:9px;display:flex}.lesson-nav.active{color:#e8f9fc;background:#123246;border-color:#275c70}.lesson-number{font:9px var(--mono);color:#5d8ca1}.lesson-nav strong{font-size:10px;display:block}.lesson-nav small{color:#6f8fa0;margin-top:3px;font-size:9px;display:block}.sidebar-foot{color:#7795a7;border-top:1px solid #1e394a;justify-content:space-between;margin-top:12px;padding:12px 3px 2px;font-size:9px;display:flex}.sidebar-foot strong{font:11px var(--mono);color:var(--cyan)}.lesson-article{background:linear-gradient(#102332,#0b1925);border:1px solid #203d4f;border-radius:12px;min-width:0;padding:22px 25px}.lesson-hero{border-bottom:1px solid #213c4e;padding-bottom:18px}.lesson-counter{font:9px var(--mono);color:#6f9aab;text-transform:uppercase;letter-spacing:.08em}.lesson-hero h2{letter-spacing:-.03em;margin:8px 0;font-size:23px}.lesson-hero p,.section-content>p{color:#a0b6c2;margin:7px 0;font-size:12px;line-height:1.8}.lesson-section{border-bottom:1px solid #1d3748;grid-template-columns:35px minmax(0,1fr);gap:14px;padding:23px 0;display:grid}.section-index{font:11px var(--mono);color:#4f869b;padding-top:3px}.section-content h3{color:#e3f2f6;margin:0 0 10px;font-size:15px}.formula-card{background:linear-gradient(110deg,#0b1c29,#102a39);border:1px solid #285165;border-radius:9px;margin:15px 0;padding:13px 15px}.formula-label{font:8px var(--mono);color:#5ebdcb;letter-spacing:.12em}.formula-card h4{color:#d8eef3;margin:5px 0 9px;font-size:11px}.formula-card pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#8fe0e9;font:11px/1.6 var(--mono);background:#06141e;border:1px solid #203e50;border-radius:7px;margin:0;padding:11px}.formula-card p{color:#829ead;margin:9px 0 0;font-size:10px;line-height:1.65}.takeaway{border-left:3px solid var(--cyan);background:#0b2632;border-radius:0 8px 8px 0;margin-top:18px;padding:13px 15px}.takeaway span{font:9px var(--mono);color:#68cbd8;text-transform:uppercase;letter-spacing:.07em}.takeaway p{color:#d0e5ed;margin:6px 0 0;font-size:11px;line-height:1.65}.lesson-switcher{justify-content:space-between;gap:10px;margin-top:19px;display:flex}.quiz-panel,.references-panel{background:#0b1a27;border:1px solid #213e4f;border-radius:12px;margin-top:16px;padding:21px}.quiz-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.quiz-heading h2,.references-panel h2{margin:5px 0;font-size:19px}.quiz-heading p,.references-panel>p{color:#859eae;font-size:11px;line-height:1.65}.quiz-progress{justify-items:end;display:grid}.quiz-progress strong{font:700 20px var(--mono);color:var(--cyan)}.quiz-progress span{color:#718fa1;font-size:9px}.quiz-items{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quiz-item{border:1px solid #1f3b4b;border-radius:9px;min-width:0;padding:13px}.quiz-item legend{padding:0 5px;font-size:11px;font-weight:750;line-height:1.5}.quiz-options{gap:7px;margin-top:8px;display:grid}.quiz-option{color:#a7bdc8;background:#0a1924;border:1px solid #203d4e;border-radius:7px;align-items:flex-start;gap:8px;padding:8px;font-size:10px;line-height:1.45;display:flex}.quiz-option.chosen{background:#102a38;border-color:#3b8a9c}.quiz-option input{accent-color:var(--cyan);margin:2px 0 0}.quiz-explanation{border-top:1px solid #294456;margin:9px 0 0;padding-top:8px;font-size:9px;line-height:1.5}.quiz-explanation.good{color:var(--green)}.quiz-explanation.needs-review{color:var(--amber)}.quiz-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.quiz-score{font:11px var(--mono);color:var(--cyan);margin-left:auto}.reference-list{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.reference-list>div{background:#0d202d;border:1px solid #203d4e;border-radius:8px;gap:6px;padding:11px;display:grid}.reference-list b{color:#cbe6ef;font-size:10px}.reference-list span{color:#7897a8;font-size:9px;line-height:1.5}.empty-search{color:#8199a6;font-size:10px}.about-version{justify-items:center}.about-hero{background:radial-gradient(at 10%,#164154,#0c202d 58%);border:1px solid #254c60;border-radius:13px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:26px;margin-bottom:13px;padding:25px;display:grid}.about-symbol{background:#0a1c29;border:1px solid #387489;border-radius:50%;place-items:center;width:120px;height:120px;margin:auto;display:grid;position:relative}.orbit{border:1px solid #52c4d2;border-radius:50%;width:105px;height:48px;position:absolute;transform:rotate(45deg)}.orbit-b{border-color:#729ef4;transform:rotate(-45deg)}.core-dot{background:#c8fcff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 20px #55d8e8}.about-hero h2{margin:8px 0;font-size:22px;line-height:1.25}.about-hero p{color:#a0bbc7;max-width:880px;font-size:11px;line-height:1.7}.about-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.about-card{background:#0c1b27;border:1px solid #203b4b;border-radius:10px;padding:17px}.about-card-number{font:8px var(--mono);letter-spacing:.12em;color:#5b93a8}.about-card h3{margin:7px 0 9px;font-size:14px}.about-card p,.about-card li{color:#91aab8;font-size:10px;line-height:1.7}.about-card ul{gap:5px;padding-left:16px;display:grid}.version-timeline{gap:9px;display:grid}.version-timeline>div{color:#829eae;grid-template-columns:48px minmax(0,1fr);gap:9px;font-size:9px;line-height:1.5;display:grid}.version-timeline b{font:10px var(--mono);color:#75c5d4}.version-timeline .current b{color:var(--green)}.people-panel{background:#0b1a27;border:1px solid #213e4f;border-radius:12px;margin-top:14px;padding:20px}.people-panel h2{margin:5px 0 16px;font-size:17px}.people-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.person-card{background:#0e202d;border:1px solid #203c4c;border-radius:9px;align-items:center;gap:13px;padding:13px;display:flex}.avatar-placeholder,.avatar-ai{color:#8de3ec;width:43px;height:43px;font:700 17px var(--mono);background:#16394a;border-radius:12px;flex:none;place-items:center;display:grid}.avatar-ai{color:#bcaeff;font-size:22px}.role-label{font:8px var(--mono);letter-spacing:.08em;color:#68a9bc}.person-card h3{margin:5px 0;font-size:12px}.person-card p{color:#819eaf;margin:0;font-size:9px;line-height:1.5}.author-editor{border-top:1px solid #1f3949;margin-top:17px;padding-top:15px}.author-editor label{color:#aac0ca;margin-bottom:7px;font-size:10px;display:block}.author-input-row{gap:8px;display:flex}.author-input-row input{color:#e7f4f8;background:#071720;border:1px solid #28485a;border-radius:7px;flex:1;min-width:0;padding:9px 11px;font-size:11px}.author-editor small{color:#66889a;margin-top:7px;font-size:9px;display:block}.tech-panel{background:linear-gradient(100deg,#102b3a,#0b1a27);border:1px solid #254458;border-radius:11px;justify-content:space-between;align-items:center;gap:22px;margin-top:13px;padding:18px;display:flex}.tech-panel h2{margin:5px 0;font-size:15px}.tech-panel p{color:#8da7b5;max-width:550px;font-size:10px;line-height:1.55}.tech-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:390px;display:flex}.tech-chips span{font:9px var(--mono);color:#b8d5df;background:#102b3b;border:1px solid #2d4e61;border-radius:7px;padding:8px 10px}.disclaimer-panel{background:#201d17;border:1px solid #765b30;border-radius:9px;margin-top:13px;padding:13px 15px}.disclaimer-panel strong{font:9px var(--mono);color:var(--amber);letter-spacing:.1em}.disclaimer-panel p{color:#c6b69b;margin:6px 0 0;font-size:10px;line-height:1.6}.boot-screen{text-align:center;background:radial-gradient(#133448 0,#07111b 55%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.boot-orbit{border:1px solid #2b667c;border-radius:50%;place-items:center;width:92px;height:92px;margin-bottom:25px;display:grid;position:relative;box-shadow:0 0 48px #3ac7dd18}.boot-orbit:before,.boot-orbit:after{content:"";border:1px solid #4b9bac;border-radius:50%;width:110px;height:45px;animation:3.5s linear infinite orbit;position:absolute;transform:rotate(45deg)}.boot-orbit:after{border-color:#6b9de0;animation-direction:reverse;transform:rotate(-45deg)}.boot-orbit span{background:#cbfbff;border-radius:50%;width:17px;height:17px;box-shadow:0 0 24px #55d8e8}.boot-orbit i,.boot-orbit b{background:var(--cyan);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:17px}.boot-orbit b{background:var(--blue);top:auto;bottom:12px;left:auto;right:13px}@keyframes orbit{to{transform:rotate(405deg)}}.boot-brand{font:10px var(--mono);letter-spacing:.17em;color:#d8f5f8}.boot-brand em{color:#5bbdcb;font-style:normal}.boot-screen h1{margin:14px 0 7px;font-size:27px}.boot-screen p{color:#89a8b8;margin:0 0 28px;font-size:12px}.boot-progress{text-align:left;width:min(380px,85vw)}.boot-progress>div{font:9px var(--mono);color:#80a3b4;justify-content:space-between;margin-bottom:7px;display:flex}.boot-progress b{color:var(--cyan)}.boot-progress>i{background:#1c3544;border-radius:8px;height:4px;display:block;overflow:hidden}.boot-progress>i span{background:linear-gradient(90deg,#1c7693,#65e0dc);height:100%;transition:width .2s;display:block;box-shadow:0 0 12px #55d8e8}.boot-screen>small{font:8px var(--mono);letter-spacing:.1em;color:#597e90;margin-top:17px}@media (max-width:1120px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sim-footer-grid,.diagram-layout{grid-template-columns:1fr}.diagram-readings{position:static}.diagram-readings .reading-rows{grid-template-columns:repeat(4,1fr);gap:10px}.diagram-readings .reading-rows>div{display:grid}.sim-content-grid{grid-template-columns:1fr 1fr}}@media (max-width:800px){.app-shell{padding:0 16px}.learn-layout{grid-template-columns:1fr}.lesson-sidebar{max-height:none;position:static}.lesson-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-content-grid,.challenge-page-grid,.instructor-grid{grid-template-columns:1fr}.mode-cards{grid-template-columns:1fr 1fr}.page-heading h1{font-size:29px}.about-hero{grid-template-columns:100px 1fr;padding:18px}.about-symbol{width:90px;height:90px}.orbit{width:80px;height:34px}.tech-panel{flex-direction:column;align-items:flex-start}.tech-chips{justify-content:flex-start;max-width:none}}@media (max-width:600px){.app-shell{padding:0 10px}.topbar{min-height:66px}.brand-mark{width:34px;height:34px}.brand-copy strong{font-size:12px}.brand-copy small{letter-spacing:.07em;font-size:7px}.topbar-actions{gap:7px}.connection{font-size:0}.connection i{width:8px;height:8px}.install-button{padding:8px 9px}.install-button span{display:none}.language-picker{padding:3px 5px}.main-nav{gap:4px;padding:10px 0 14px}.nav-item{justify-content:center;gap:5px;padding:9px 5px}.nav-number{display:none}.nav-icon{width:26px;height:26px;font-size:13px}.nav-copy strong{font-size:9px}.nav-copy small{display:none}.nav-active-line{bottom:-15px;left:7px;right:7px}.page-content{padding-top:18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.engine-status{min-width:85px;padding:8px}.engine-status strong{font-size:18px}.engine-status small{font-size:8px}.sim-toolbar{flex-direction:column;align-items:stretch;padding:10px}.mode-select{width:100%}.toolbar-actions{justify-content:flex-start}.toolbar-actions button{padding:8px 9px;font-size:9px}.sim-tabbar button{padding:10px 11px;font-size:10px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.metric-card{padding:10px}.metric-card>span{min-height:24px;font-size:9px}.metric-card strong{font-size:20px}.sim-panel,.diagram-card,.trend-card{padding:13px}.sim-footer-grid{grid-template-columns:1fr}.challenge-mini,.export-panel{flex-direction:column;align-items:flex-start}.mini-stats{width:100%}.export-buttons{flex-wrap:wrap;min-width:0;display:flex}.export-buttons button{padding:8px;font-size:9px}.diagram-layout{grid-template-columns:1fr}.process-diagram{min-height:220px}.diagram-title{font-size:15px}.diagram-subtitle{font-size:13px}.diagram-footnote{font-size:11px}.diagram-readings .reading-rows{grid-template-columns:repeat(2,1fr)}.trend-chart{min-height:140px}.trend-legend{gap:8px}.trend-legend span{font-size:8px}.mode-cards{grid-template-columns:1fr}.mode-cards button{min-height:auto}.seed-editor{grid-template-columns:1fr 1fr}.seed-editor button{grid-column:1/-1}.failure-banner{flex-direction:column;align-items:flex-start}.learn-layout{grid-template-columns:1fr}.lesson-list{grid-template-columns:1fr 1fr}.lesson-nav{padding:8px 5px}.lesson-nav strong{font-size:9px}.lesson-article{padding:15px}.lesson-hero h2{font-size:20px}.lesson-section{grid-template-columns:25px minmax(0,1fr);gap:8px;padding:17px 0}.section-content h3{font-size:13px}.section-content>p,.lesson-hero p{font-size:10px}.formula-card{padding:10px}.formula-card pre{font-size:9px}.quiz-panel,.references-panel{padding:14px}.quiz-heading h2{font-size:16px}.quiz-items{grid-template-columns:1fr}.quiz-actions{align-items:stretch}.quiz-score{margin-left:0}.reference-list{grid-template-columns:1fr}.about-hero{text-align:center;grid-template-columns:1fr;gap:12px}.about-symbol{width:80px;height:80px}.about-hero .eyebrow{justify-content:center}.about-hero h2{font-size:19px}.about-hero p{font-size:10px}.about-grid,.people-grid{grid-template-columns:1fr}.author-input-row{flex-direction:column}.author-input-row .primary-button{width:100%}.about-version{min-width:72px}.app-footer{font-size:7px}.app-footer span:last-child{text-align:right;max-width:48%}.lesson-switcher button{padding:8px;font-size:9px}.quiz-option{font-size:9px}}@media (max-width:390px){.brand-copy small{font-size:6px}.topbar-actions{gap:4px}.install-button{padding:7px}.nav-icon{display:none}.nav-item{padding:9px 3px}.nav-copy strong{font-size:8px}.page-heading h1{font-size:23px}.toolbar-actions{gap:5px}.toolbar-actions button{padding:7px;font-size:8px}.lesson-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[data-low-power=true] .flow-dashes,[data-low-power=true] .turbine-wheel,[data-low-power=true] .boot-orbit:before,[data-low-power=true] .boot-orbit:after{animation:none!important}.sim-toolbar-wrap{flex-wrap:wrap;align-items:flex-end}.advanced-metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:-4px 0 16px;display:grid}.advanced-metrics-grid .metric-card{min-height:94px}.advanced-metrics-grid .metric-card strong{font-size:20px}.advanced-metrics-grid .metric-card strong small{font-size:10px}.systems-insight-grid,.systems-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0;display:grid}.systems-insight-grid .sim-panel,.systems-page-grid .sim-panel{min-width:0}.severity-score{color:var(--cyan);font-variant-numeric:tabular-nums;margin:10px 0 5px;font-size:48px;font-weight:800;line-height:1}.severity-score small{color:var(--muted);font-size:18px}.alarm-item{grid-template-columns:9px minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.alarm-item.is-acknowledged{opacity:.62}.alarm-item small{color:var(--muted);font:10px ui-monospace,monospace}.ack-button{color:#d7edf6;background:#112b3b;border:1px solid #426174;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:800}.ack-button:disabled{opacity:.45}.ack-all{margin-top:10px}.system-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.system-toggle{text-align:left;border:1px solid var(--line);color:var(--text);background:#0b1b28;border-radius:9px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:11px 10px;display:grid}.system-toggle.is-on{background:linear-gradient(90deg,#12352f,#0b1b28);border-color:#277b76}.system-toggle.is-pending{border-color:var(--amber);opacity:.8}.system-toggle:disabled{cursor:wait}.system-switch-indicator{background:#647a87;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #647a8724}.system-toggle.is-on .system-switch-indicator{background:var(--green);box-shadow:0 0 0 3px #6de0b02a}.system-toggle-copy{gap:3px;min-width:0;display:grid}.system-toggle-copy b{font-size:12px;line-height:1.25}.system-toggle-copy small{color:var(--muted);font-size:10px;line-height:1.35}.system-toggle strong{color:var(--muted);font:800 9px ui-monospace,monospace}.system-toggle.is-on strong{color:var(--green)}.systems-readout,.pending-action{color:var(--muted);border-bottom:1px solid #20394b;justify-content:space-between;gap:12px;padding:10px 0;font-size:12px;display:flex}.systems-readout b,.pending-action span{color:var(--cyan);font:700 12px ui-monospace,monospace}.startup-panel{margin:14px 0}.startup-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.startup-checks label{border:1px solid var(--line);color:#c7d9e3;background:#0a1a26;border-radius:8px;align-items:flex-start;gap:9px;padding:10px;font-size:12px;display:flex}.startup-checks input{accent-color:var(--cyan);margin-top:2px}.sim-model-boundary{color:#7893a4;margin:12px 2px 0;font-size:10px;line-height:1.5}.advanced-trend-note{margin-top:12px}@media (max-width:1000px){.advanced-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.advanced-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.systems-insight-grid,.systems-page-grid,.system-toggle-grid,.startup-checks{grid-template-columns:1fr}.sim-toolbar-wrap{align-items:stretch}}@media (prefers-reduced-motion:reduce){.system-toggle,.metric-track i{transition:none!important}}.trend-panel-stack{gap:14px;display:grid}.source-links{border-top:1px solid var(--line);gap:8px;margin-top:16px;padding-top:14px;font-size:12px;display:grid}.source-links a{color:var(--cyan);text-decoration:none}.source-links a:hover{text-decoration:underline}
