*{box-sizing:border-box}body{margin:0;background:#edf0e7;color:#193d34;font:14px/1.5 system-ui,sans-serif}.scope{margin:0;padding:8px 14px;background:#193d34;color:#fff;font-size:11px;letter-spacing:.08em}.tools,.tour{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid #c9d2c1}.tour{justify-content:space-between;background:#f8f6ec}.tools label{white-space:nowrap}button,select,input{font:inherit;color:inherit;border:1px solid #9bab9a;background:#fffdf5;border-radius:5px;padding:8px;max-width:100%}button{cursor:pointer}button:hover{background:#e5eadb}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #a26b14;outline-offset:2px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px}#view{height:570px;position:relative;overflow:hidden}canvas{display:block}#leaders,#annotations{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}#leaders line{stroke:#607f70;stroke-width:1;opacity:.7}.annotation{position:absolute;width:142px;padding:5px 7px;background:#fffcf2ee;border:1px solid #8d9f8a;text-align:left;font-size:11px;line-height:1.25;pointer-events:auto;min-height:32px}.annotation.active{background:#f5dba4;border-color:#926018}.annotation small{display:block;font-size:10px;color:#526451}.hint{padding:0 14px;color:#4c6255;font-size:12px}#inspector{padding:16px;background:#fffdf5;border-left:1px solid #c9d2c1;max-height:680px;overflow:auto}#inspector>label{display:block;font-size:12px;font-weight:650;margin:8px 0 4px}#inspector>input,#part{width:100%}#focus{margin-top:8px}#info h2{font:600 23px/1.2 Georgia,serif;margin:18px 0 6px}#info h3{font-size:13px;margin:15px 0 4px}#info p{margin:0;font-size:13px}#info .identity{font-size:11px;overflow-wrap:anywhere;color:#597063}#info .limit{padding:10px;background:#fff0d3;margin-top:14px;border-left:3px solid #a26b14}#info dl{font-size:12px}#info dt{font-weight:700}#info dd{margin:0 0 7px;overflow-wrap:anywhere}#error{padding:20px;background:#ffe5de}#tour-step{font-size:12px}@media(max-width:800px){.workspace{grid-template-columns:1fr}#view{height:430px}#inspector{max-height:none;border-left:0;border-top:1px solid #c9d2c1}.annotation{width:112px;font-size:10px}.annotation small{font-size:9px}.tools{font-size:12px;gap:7px}.tour button{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.operation-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px;background:#193d34;color:#fff}.operation-bar>div{flex:1;min-width:250px}.operation-bar strong{font-size:19px}.operation-bar p{font-size:12px;margin:4px 0;color:#d2e4d7}.operation-bar button{color:#193d34}.operation-bar button[aria-pressed=true]{background:#edb451;border-color:#edb451;font-weight:750}#component-shortcuts{display:flex;gap:7px;flex-wrap:wrap;padding:10px 14px;background:#fff9e9}#component-shortcuts button{border-color:#a4bdae;font-weight:650;font-size:12px}#component-shortcuts button:first-child{background:#ffe2ab;border-color:#c48b37}#operation-legend{display:flex;flex-wrap:wrap;gap:8px 20px;background:#f7faf5;padding:10px 14px;font-size:11px}#operation-legend[hidden]{display:none}#operation-legend strong{width:100%;font-size:13px}#operation-legend i{display:inline-block;width:18px;height:3px;margin-right:6px;vertical-align:middle}.cyan{background:#0688b6}.amber{background:#c28a26}.green{background:#639b7b}#cooling-controls{border-top:1px solid #b8c8b4;padding:24px;background:#f9f7ee}.lesson-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.lesson-heading h2{font:600 28px/1.2 Georgia,serif;margin:6px 0 18px}.eyebrow{font-size:10px;letter-spacing:.12em}.simulation-tag{font-size:11px;padding:8px 12px;border:1px solid #cbb885;background:#fff0d1}.parameter-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px}.parameter-inputs>label{display:flex;justify-content:space-between;font-weight:650;margin:18px 0 5px}.parameter-inputs>input,.parameter-inputs>select{width:100%}input[type=range]{accent-color:#127f88;padding:0;min-height:24px}.small,.source-note{font-size:11px;color:#526956}.checks{display:grid;gap:6px;margin:15px 0}.checks label{display:flex;gap:8px;align-items:center}.presets{display:flex;flex-wrap:wrap;gap:5px}.presets button{font-size:11px}.status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-cards>div{padding:12px;background:#e3ecdf;border:1px solid #c0d1b9}.status-cards span{display:block;font-size:11px}.status-cards strong{display:block;font-size:17px;margin-top:5px}[data-fault=true]{color:#ac3f27}.mechanism{border-top:1px solid #c7d2c0;padding-top:8px}.mechanism h3{font-size:15px;margin:7px 0}.mechanism p,.parameter-results p{font-size:13px}.parameter-results .limit{padding:12px;background:#fff0d3;border-left:3px solid #bc8e2c}.source-note a{color:#18685b}@media(max-width:800px){.parameter-grid{grid-template-columns:1fr}.status-cards{grid-template-columns:1fr 1fr}.operation-bar{padding:12px}.operation-bar strong{font-size:16px}.operation-bar button{font-size:12px}#cooling-controls{padding:16px}.lesson-heading h2{font-size:24px}#view{height:520px}}
.workspace>*,.parameter-grid>*{min-width:0}#view canvas{max-width:100%}@media(max-width:800px){.workspace,.parameter-grid{grid-template-columns:minmax(0,1fr)}}
.aiming{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px 14px;background:#e1edf0;font-size:12px}.aiming>label{font-weight:650}.aiming input[type=range]{width:160px}.aiming p{width:100%;margin:0;font-size:11px;color:#536877}.ai-explainer,.fan-comparison{margin-top:26px;padding-top:22px;border-top:1px solid #bacbb8}.ai-explainer h2,.fan-comparison h2{font:600 26px/1.2 Georgia,serif}.ai-explainer ol{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-left:20px}.ai-explainer li{padding-right:12px}.ai-explainer pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#193d34;color:#e5f3e8;padding:18px;font-size:12px}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.comparison-grid article{padding:14px;background:#e6ecdf}.comparison-grid h3{margin:0;font-size:16px}.comparison-grid p{font-size:13px}.fan-comparison .limit{padding:12px;background:#fff0d3;border-left:3px solid #bc8e2c}@media(max-width:800px){.comparison-grid,.ai-explainer ol{grid-template-columns:minmax(0,1fr)}}
