:root{--green:#0a6b45;--deep:#173c31;--mint:#e8f2ed;--ink:#15231f;--muted:#657872;--line:#d9e5e0;--warn:#a76500;--warn-bg:#fff3d7;--red:#b42318;--shadow:0 18px 55px rgba(23,60,49,.13);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#edf3f0}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#f8fbf9 0,#edf3f0 38%,#e7efeb 100%);color:var(--ink)}button,select,input{font:inherit}button{cursor:pointer}.topbar{height:70px;padding:0 max(20px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe9e5;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{text-decoration:none;color:var(--green);font-weight:950;letter-spacing:.08em;font-size:24px}.brand span{color:var(--deep)}.top-actions{display:flex;align-items:center;gap:10px}.model-badge{background:var(--deep);color:white;padding:7px 12px;border-radius:999px;font-weight:900;font-size:13px;letter-spacing:.08em}.page{max-width:1280px;margin:auto;padding:32px 20px 70px}.intro{display:flex;gap:32px;justify-content:space-between;align-items:end;margin-bottom:22px}.intro>div:first-child{max-width:780px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.13em}.intro h1{font-size:clamp(30px,4vw,52px);line-height:1.02;margin:0 0 12px;letter-spacing:-.035em}.intro p{font-size:17px;color:var(--muted);line-height:1.6;margin:0}.intro-actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary,.ghost{border:0;border-radius:13px;padding:12px 17px;font-weight:850;transition:.18s ease}.primary{background:var(--green);color:white;box-shadow:0 10px 24px #0a6b4530}.primary:hover{transform:translateY(-1px);background:#085b3b}.secondary{background:var(--deep);color:white}.ghost{background:#fff;color:var(--deep);border:1px solid var(--line)}.small{padding:8px 11px;font-size:13px}.wide{width:100%;padding:14px 18px}.warning-strip{margin:18px 0 24px;border:1px solid #e6c778;background:var(--warn-bg);color:#6a4b06;border-radius:16px;padding:13px 16px;line-height:1.5;font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(320px,.78fr);gap:22px;align-items:start}.sim-column{display:grid;gap:20px}.controller-wrap{display:grid;place-items:center;background:linear-gradient(160deg,#dfe9e4,#f8fbf9);border:1px solid var(--line);border-radius:28px;padding:36px 20px;box-shadow:var(--shadow);min-height:520px}.controller{width:min(100%,520px);background:linear-gradient(150deg,#1d2221,#0b0e0d);border-radius:34px;padding:30px;box-shadow:0 30px 70px #0006,inset 0 1px 0 #ffffff19;border:1px solid #3b4441;position:relative}.controller-brand{font-size:28px;color:#e6eee9;font-weight:950;font-style:italic;letter-spacing:.06em}.controller-model{position:absolute;right:30px;top:35px;background:#08744b;color:white;font-weight:900;padding:5px 10px;border-radius:5px;font-size:13px}.lcd{margin:28px 0 24px;background:#a8c5b5;border:10px solid #262e2b;border-radius:11px;padding:15px 18px 14px;min-height:190px;color:#10261e;box-shadow:inset 0 0 30px #41655655;position:relative;font-family:"Courier New",monospace}.lcd-top{display:flex;justify-content:space-between;font-size:13px;font-weight:900}.lcd-main{display:flex;align-items:baseline;justify-content:center;gap:18px;margin-top:21px}.lcd-main #lcdLabel{font-size:30px;font-weight:900}.lcd-main #lcdValue{font-size:48px;font-weight:900;letter-spacing:-.05em}.lcd-sub{text-align:center;margin-top:10px;font-size:14px;font-weight:700}
.lcd-main-screen{display:grid;gap:14px;min-height:142px;align-content:center}
.lcd-row{display:flex;align-items:baseline;font-weight:900}
.lcd-temp-row{justify-content:space-between;gap:16px;font-size:27px;letter-spacing:-.04em}
.lcd-cell{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.lcd-cell b,.lcd-power-row b{font-size:.68em;letter-spacing:0}
.lcd-cell i{font-size:.48em;font-style:normal;letter-spacing:0;margin-left:-4px}
.lcd-power-row{justify-content:center;gap:16px;font-size:45px;letter-spacing:-.05em;border-top:2px solid #29483b55;padding-top:7px}
.lcd-meta{display:flex;justify-content:space-between;font-size:11px;font-weight:900;opacity:.72;letter-spacing:.03em}
.lcd-menu-screen{min-height:142px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center}
.lcd-menu-label{font-size:27px;font-weight:900}
.lcd-menu-value{font-size:45px;font-weight:900;letter-spacing:-.05em}
.lcd-setting-blink{animation:lcdSettingBlink .72s steps(1,end) infinite}
@keyframes lcdSettingBlink{0%,49%{opacity:1}50%,100%{opacity:.12}}
.lcd-alarm{position:absolute;inset:0;background:#b9cbbb;display:grid;place-items:center;font-size:46px;font-weight:950;letter-spacing:.08em}.hidden{display:none!important}.touch-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.touch{height:104px;border-radius:18px;border:1px solid #47504d;background:linear-gradient(#252b29,#121615);color:#f2f5f4;box-shadow:inset 0 1px 0 #ffffff13,0 8px 18px #0005;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;user-select:none;position:relative;overflow:hidden}.touch:active,.touch.pressed{transform:translateY(2px);box-shadow:inset 0 2px 10px #0008}.touch span{font-size:42px;line-height:1}.touch small{font-size:10px;letter-spacing:.08em;color:#aeb9b5}.touch.center span{font-size:38px}.touch i{position:absolute;left:0;bottom:0;height:4px;width:0;background:#43ce8f;transition:width .05s linear}.out-indicator{display:flex;align-items:center;gap:8px;margin-top:18px;color:#b5c0bc;font-size:11px;font-weight:800;letter-spacing:.05em}.out-indicator strong{margin-left:auto;color:white;font-size:14px}.led{width:12px;height:12px;border-radius:50%;background:#303735;box-shadow:inset 0 0 4px #000}.led.on{background:#33d17a;box-shadow:0 0 13px #33d17a}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 34px #173c310e}.section-title{display:flex;gap:16px;align-items:start;justify-content:space-between}.section-title h2,.lesson h2{margin:0}.section-title p{margin:5px 0 0;color:var(--muted);font-size:14px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.control{border:1px solid #e0e9e5;border-radius:14px;padding:13px 14px;display:grid;gap:9px;background:#fbfdfc;font-size:13px;font-weight:700;color:#445650}.control select{width:100%;border:1px solid var(--line);padding:9px;border-radius:9px;background:white}.control input[type=range]{width:100%;accent-color:var(--green)}.control.check{grid-template-columns:auto 1fr;align-items:center}.control.check input{accent-color:var(--green);width:18px;height:18px}.live-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.live-row div{background:var(--mint);border-radius:12px;padding:10px}.live-row span{display:block;color:var(--muted);font-size:11px;font-weight:800}.live-row strong{font-size:16px}.lesson{position:sticky;top:92px}.lesson-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.progress-pill{background:var(--mint);color:var(--green);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900}.lesson-body{min-height:130px;font-size:16px;line-height:1.6}.lesson-body ol,.lesson-body ul{padding-left:21px}.tip{background:#eef8f3;border:1px solid #cfe7db;padding:13px 14px;border-radius:13px;display:grid;gap:4px;font-size:13px;line-height:1.45}.tip strong{color:var(--green)}.lesson-actions{display:flex;justify-content:space-between;margin-top:14px}.lesson hr{border:0;border-top:1px solid var(--line);margin:20px 0}.lesson h3{font-size:14px}.lesson-list{display:grid;gap:8px}.lesson-chip{text-align:left;padding:10px 11px;border-radius:11px;border:1px solid var(--line);background:white;color:var(--deep);font-size:13px;font-weight:750}.lesson-chip.active{background:var(--deep);color:white;border-color:var(--deep)}.reference{margin-top:22px}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.reference-grid article{padding:15px;border-radius:14px;background:#f7faf8;border:1px solid #e1e9e5}.reference-grid h3{margin:0 0 6px;color:var(--deep)}.reference-grid p{margin:0;color:var(--muted);line-height:1.48;font-size:14px}footer{max-width:1280px;margin:auto;padding:0 20px 32px;display:flex;justify-content:space-between;color:#74847f;font-size:13px}.modal{position:fixed;inset:0;background:#0d1f19bf;z-index:100;display:none;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modal.open{display:grid}.modal-card{width:min(680px,100%);max-height:90vh;overflow:auto;background:white;border-radius:24px;padding:30px;box-shadow:0 30px 100px #0005;position:relative}.modal-card.compact{width:min(560px,100%)}.modal-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#fff0d0;color:#9a6100;font-weight:950;font-size:30px;margin-bottom:16px}.modal-card h2{font-size:28px;margin:0 0 10px}.modal-card p,.modal-card li{line-height:1.55;color:#536761}.modal-card ul{padding-left:22px}.modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;color:#6d7e78}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.lesson{position:static}.reference-grid{grid-template-columns:1fr 1fr}.intro{align-items:start;flex-direction:column}.controller-wrap{min-height:0}.live-row{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.page{padding:22px 12px 50px}.topbar{padding:0 12px}.brand{font-size:20px}.controller-wrap{padding:18px 8px;border-radius:20px}.controller{padding:20px 14px;border-radius:25px}.controller-model{right:14px;top:25px}.lcd{border-width:7px;padding:12px 10px;min-height:165px}.lcd-main #lcdValue{font-size:39px}.touch-row{gap:8px}.touch{height:90px;border-radius:14px}.controls-grid{grid-template-columns:1fr}.live-row{grid-template-columns:1fr 1fr}.reference-grid{grid-template-columns:1fr}.card{padding:16px}.modal-card{padding:22px 18px}footer{display:grid;gap:5px}}

/* EDU i18n v1.1.0 */
.edu-lang{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#56706a}.edu-lang select{border:1px solid #cbdad4;background:#fff;color:#173c31;border-radius:10px;padding:8px 9px;font-weight:800;max-width:130px}@media(max-width:720px){.top-actions{flex-wrap:wrap;justify-content:flex-end}.edu-lang span{display:none}.edu-lang select{max-width:105px}}

@media(max-width:560px){.lcd-temp-row{font-size:23px;gap:8px}.lcd-power-row{font-size:39px}.lcd-meta{font-size:10px}}
