:root{color:#f4fbf5;background:#071f1a;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;--board: #153c32;--board-dark: #0d2f28;--chalk: #f4f6e8;--muted: #b8d1c5;--line: rgba(224, 244, 232, .2);--orange: #ff8847;--blue: #51baff;--green: #6ce274;--cream: #fff4d2}*{box-sizing:border-box}html{min-width:320px;background:#071f1a;scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.page-shell{min-height:100vh;background:#5b321b;background-image:linear-gradient(90deg,rgba(255,255,255,.04),transparent 22%,rgba(15,5,0,.16) 58%,transparent),repeating-linear-gradient(3deg,#6e3e21 0,#6e3e21 3px,#5c321b 4px,#5c321b 11px,#754728 12px,#754728 14px)}.screen-section{min-height:100svh;padding:12px 18px;scroll-snap-align:start}.wood-frame{max-width:1440px;min-height:calc(100svh - 24px);margin:0 auto;padding:13px;border:2px solid #9a6537;border-radius:16px;background:linear-gradient(135deg,#3f210f,#9a5d2d 18%,#4a2713 50%,#85502b 78%,#3c1f0e);box-shadow:inset 0 0 0 2px #ffdca32e,0 20px 50px #0000005c}.board{position:relative;min-height:calc(100svh - 54px);overflow:hidden;padding:clamp(20px,2vw,32px);border:1px solid #08251f;border-radius:7px;background-color:var(--board);background-image:linear-gradient(#092c2547,#092c255c),url(/assets/chalkboard-texture.png);background-size:cover;box-shadow:inset 0 0 42px #00000061}.site-header{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:20px}.brand-lockup{min-width:0}.title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px}.title-row h1{margin:0;font-family:KaiTi,STKaiti,serif;font-size:clamp(42px,4.1vw,70px);line-height:.96;letter-spacing:.08em;color:#efffe9;text-shadow:2px 2px 0 rgba(90,167,110,.7),0 0 1px #fff}.title-row>svg{width:42px;height:42px;color:#7aed86;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.22))}.subtitle{font-family:KaiTi,STKaiti,serif;font-size:clamp(24px,2.2vw,38px);white-space:nowrap;color:#fbfff3;transform:rotate(-1deg)}.brand-lockup p{display:inline-block;margin:12px 0 0 56px;padding-bottom:7px;font:22px/1.2 KaiTi,STKaiti,serif;color:#f5f1de;border-bottom:3px solid rgba(105,235,123,.75);transform:rotate(-1deg)}.device-pill{flex:none;min-width:240px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#0e3c33eb;box-shadow:0 10px 22px #0000002e}.device-state{display:flex;align-items:center;gap:9px}.device-state>svg{width:22px;height:22px}.online .device-state>svg{color:#62f06c}.offline .device-state>svg{color:#ffb66e}.device-state strong{font-size:16px}.demo-tag{margin-left:auto;padding:3px 7px;border-radius:999px;background:#d9ff63;color:#214124;font-size:11px;font-weight:800}.device-pill>span{display:flex;align-items:center;gap:6px;margin-top:8px;color:#c8ddd4;font-size:12px}.device-pill>span svg{width:14px;height:14px}.dashboard-grid{display:grid;grid-template-columns:238px minmax(500px,1fr) minmax(360px,405px);gap:18px;align-items:start}.illustration-rail{position:relative;min-height:720px}.compost-visual{height:460px;display:grid;place-items:end center;overflow:hidden}.compost-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 12px rgba(0,0,0,.28))}.process-note{position:relative;z-index:2;width:200px;margin:-18px auto 0;padding:15px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:#302715;background:#fff0b9;border:1px solid rgba(86,57,16,.18);box-shadow:5px 7px #18120529;transform:rotate(-2deg);font-family:KaiTi,serif}.process-note:before{content:"";position:absolute;width:48px;height:14px;top:-8px;left:72px;background:#dccb9cb8;transform:rotate(3deg)}.process-note strong{color:#21884a;font-size:18px;margin-bottom:4px}.process-note span{font-size:16px;font-weight:700}.process-note b{margin-left:8px;color:#278a49}.student-guide{position:relative;height:220px;margin-top:-14px}.student-guide img{position:absolute;left:-32px;bottom:-10px;width:142px;height:190px;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(0,0,0,.25))}.student-guide p{position:absolute;right:-4px;top:34px;width:142px;margin:0;padding:14px 12px;border-radius:48% 45% 48% 42%;background:#fffdf3;color:#173c34;font:15px/1.55 KaiTi,serif;font-weight:700;box-shadow:0 6px 14px #0000002e}.student-guide p:after{content:"";position:absolute;left:-10px;bottom:16px;border:12px solid transparent;border-right-color:#fffdf3;transform:rotate(-15deg)}.data-area{display:grid;gap:16px;min-width:0}.global-notice,.inline-notice{display:flex;gap:8px;align-items:center;padding:10px 13px;border:1px solid rgba(255,196,112,.35);border-radius:10px;color:#ffdeb3;background:#512d119e;font-size:13px}.global-notice svg{flex:none}.metric-row{display:grid;grid-template-columns:1fr 1fr minmax(190px,.82fr);gap:14px}.metric-card,.knowledge-card,.panel,.status-card{border:1px solid var(--line);box-shadow:0 12px 28px #00000029}.metric-card{min-height:154px;padding:20px;display:flex;align-items:center;gap:15px;border-radius:19px;overflow:hidden;position:relative}.metric-card:after{content:"";position:absolute;inset:auto -20px -55px auto;width:130px;height:130px;border-radius:50%;opacity:.16;background:currentColor;filter:blur(1px)}.metric-card.temperature{color:#ffd2b6;background:linear-gradient(135deg,#82401de0,#4c3122d4);border-color:#ff8545b3}.metric-card.humidity{color:#b9e7ff;background:linear-gradient(135deg,#145b81e0,#163d48d4);border-color:#48b0f3bf}.metric-icon{flex:none;width:clamp(44px,4vw,62px);height:clamp(44px,4vw,62px)}.metric-label{color:#effaf3;font-size:15px;font-weight:700}.metric-value{display:flex;align-items:baseline;gap:7px;margin:3px 0 2px}.metric-value strong{color:#fff;font-size:clamp(42px,4.7vw,67px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.metric-value span{color:currentColor;font-size:18px}.metric-card small{color:#eefbf5b3;font-size:11px}.knowledge-card{padding:17px;border-radius:48% 45% 44% 48%/15% 17% 14% 16%;border:2px solid rgba(244,246,232,.65);background:#0c322a75;transform:rotate(-1deg)}.knowledge-card span{display:inline-block;padding:3px 8px;border-radius:999px;color:#163b32;background:#f5df76;font-size:11px;font-weight:800}.knowledge-card strong{display:block;margin:8px 0 4px;font:27px KaiTi,serif;color:#fff6bc}.knowledge-card p,.knowledge-card small{margin:0;color:#edf4e9;font:14px/1.5 KaiTi,serif}.knowledge-card small{display:block;margin-top:5px;color:#a8c6b8;font-size:11px}.panel{border-radius:18px;background:#093129c7}.chart-panel{min-height:356px;padding:17px 18px 10px;border:2px solid rgba(221,239,229,.53);box-shadow:inset 0 0 0 2px #ffffff0a,0 12px 28px #0000002b}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2,.ai-title h2{margin:0;font-size:18px;color:#f4fbef}.panel-heading h2{display:flex;align-items:center;gap:8px}.panel-heading h2 svg{width:25px;height:25px;color:#78e183}.chart-title{min-width:0}.chart-title>span{display:block;margin:5px 0 0 33px;color:#9dbdb0;font-size:10px;font-variant-numeric:tabular-nums}.range-switch{display:flex;padding:3px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f}.range-switch button{min-width:58px;border:0;border-radius:8px;padding:7px 9px;color:#bdd3c9;background:transparent;cursor:pointer;font-size:12px;transition:.2s ease}.range-switch button:hover{color:#fff;background:#ffffff14}.range-switch button.active{color:#163b32;background:#e5f6f4;box-shadow:0 3px 8px #0000002e;font-weight:800}.chart-canvas{width:100%;height:295px}.inline-notice{margin-top:10px;padding:7px 10px}.empty-chart{min-height:282px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a7c2b6;text-align:center}.empty-chart svg{width:52px;height:52px;margin-bottom:10px;opacity:.7}.empty-chart strong{color:#e8f2ed}.empty-chart span{margin-top:5px;font-size:13px}.ai-panel{position:sticky;top:18px;min-height:690px;height:min(760px,calc(100vh - 76px));padding:0;display:flex;flex-direction:column;overflow:hidden;border-color:#b1e7db8f;background:#083029f7;color:#1f463d}.ai-title{flex:none;display:flex;align-items:center;gap:12px;min-height:82px;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.12);color:#f4fbef}.ai-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#dcfff1,#7cd8ff);color:#164c4b;box-shadow:0 8px 16px #00000038}.ai-icon svg{width:32px;height:32px}.ai-title h2{font-size:20px}.ai-title h2 em{padding:3px 7px;border-radius:999px;color:#174638;background:#d9ff67;font:700 10px system-ui;vertical-align:middle}.ai-title p{margin:5px 0 0;color:#b6d1c5;font-size:11px}.ai-reset{flex:none;width:34px;height:34px;margin-left:auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#cfe4dc;background:#ffffff0f;cursor:pointer}.ai-reset:hover{color:#fff;background:#ffffff1f}.ai-reset svg{width:18px;height:18px}.ai-conversation{flex:1;min-height:0;overflow-y:auto;padding:14px;background:linear-gradient(180deg,#eaf6fb,#f8fbf8 55%,#edf7f2);scrollbar-width:thin;scrollbar-color:#9cc4b8 transparent}.ai-suggestions{padding:2px 2px 13px}.ai-suggestions>strong{display:block;margin-bottom:8px;color:#355d52;font-size:12px}.ai-suggestions>div{display:flex;flex-wrap:wrap;gap:7px}.ai-suggestions button{display:flex;align-items:center;gap:5px;min-height:30px;padding:6px 9px;border:1px solid #d0e1df;border-radius:999px;color:#31574f;background:#ffffffeb;cursor:pointer;font-size:10px;transition:.18s ease}.ai-suggestions button:hover:not(:disabled){transform:translateY(-1px);color:#167748;border-color:#79caa1;box-shadow:0 4px 9px #2664501a}.ai-suggestions button:disabled{cursor:not-allowed;opacity:.5}.ai-suggestions button svg{width:13px;height:13px;color:#239151}.message-list{display:grid;gap:10px}.chat-message{display:flex;gap:8px;align-items:flex-start}.chat-message.user{justify-content:flex-end}.message-avatar{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#0f7550;background:#c9f2e0}.message-avatar svg{width:18px;height:18px}.chat-message>div{max-width:84%}.chat-message p{margin:0;padding:10px 12px;border-radius:5px 14px 14px;color:#294940;background:#fff;box-shadow:0 4px 12px #19463914;font-size:12px;line-height:1.62;white-space:pre-wrap}.chat-message.user p{color:#fff;background:#239456;border-radius:14px 5px 14px 14px}.chat-message time{display:block;margin-top:4px;color:#79948c;font-size:9px}.chat-message.user time{text-align:right}.thinking p{display:flex;align-items:center;gap:4px;color:#557169}.thinking p i{width:5px;height:5px;border-radius:50%;background:#38a56b;animation:thinking 1s infinite alternate}.thinking p i:nth-child(2){animation-delay:.2s}.thinking p i:nth-child(3){animation-delay:.4s}@keyframes thinking{to{transform:translateY(-3px);opacity:.45}}.chat-error{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid #f1cfad;border-radius:12px;color:#7b5533;background:#fff5e9;font-size:11px}.ai-offline-note{margin:14px auto 0;padding:14px;display:flex;align-items:center;gap:10px;border:1px dashed #b5cec6;border-radius:13px;color:#4f7167;background:#ffffff75}.ai-offline-note>svg{flex:none;width:25px;height:25px;color:#d28b40}.ai-offline-note strong,.ai-offline-note span{display:block}.ai-offline-note strong{margin-bottom:3px;font-size:12px}.ai-offline-note span{font-size:10px;line-height:1.45}.ai-composer{flex:none;display:grid;grid-template-columns:22px 1fr 42px;align-items:center;gap:7px;margin:12px 14px 8px;padding:7px 7px 7px 11px;border:1px solid rgba(208,242,229,.55);border-radius:15px;background:#0d4439fa;box-shadow:inset 0 0 0 1px #ffffff0a}.ai-composer>svg{width:17px;height:17px;color:#f6dc63}.ai-composer input{width:100%;min-width:0;border:0;outline:0;color:#effaf4;background:transparent;font-size:11px}.ai-composer input::placeholder{color:#829f95}.ai-composer input:disabled{cursor:not-allowed}.ai-composer button{width:40px;height:38px;display:grid;place-items:center;border:0;border-radius:11px;color:#fff;background:#32be77;cursor:pointer;box-shadow:0 5px 12px #1faf693d}.ai-composer button:hover:not(:disabled){background:#24a967}.ai-composer button:disabled{cursor:not-allowed;color:#77978c;background:#385f54;box-shadow:none}.ai-composer button svg{width:20px;height:20px}.ai-reset:focus-visible,.ai-composer button:focus-visible,.ai-composer input:focus-visible,.ai-suggestions button:focus-visible,.range-switch button:focus-visible{outline:3px solid #ffe36c;outline-offset:2px}.ai-footnote{flex:none;margin:0 14px 11px;text-align:center;color:#8faaa0;font-size:9px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.status-card{min-height:100px;padding:14px;display:flex;gap:10px;border-radius:14px;background:#0e372fcc}.status-card>svg{flex:none;width:29px;height:29px;color:#73dc7d}.status-card:nth-child(2)>svg{color:#ff7b48}.status-card:nth-child(3)>svg{color:#59beff}.status-card:nth-child(4)>svg{color:#80caff}.status-card span{color:#a9c9ba;font-size:10px}.status-card strong{display:block;margin:3px 0;color:#f2fbf4;font-size:14px}.status-card p{margin:0;color:#b6cec3;font-size:10px;line-height:1.45}.environment-status{grid-column:span 2;background:#1a583bc7}.environment-status strong{color:#83ed8c;font-size:20px}.science-boundary{grid-column:span 2}.science-boundary>svg{color:#f2d76d}footer{display:flex;justify-content:flex-end;gap:14px;align-items:center;margin-top:14px;color:#9db8ad;font-size:10px}footer span{padding:5px 8px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#cbe0d5}footer p{margin:0}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;min-height:600px}.skeleton-grid i{display:block;min-height:160px;border-radius:18px;background:linear-gradient(100deg,#ffffff0d 25%,#ffffff24,#ffffff0d 65%);background-size:220% 100%;animation:shimmer 1.4s infinite}.skeleton-grid i:nth-child(4){grid-column:1 / -1;min-height:330px}@keyframes shimmer{to{background-position-x:-220%}}@media(max-width:1250px){.dashboard-grid{grid-template-columns:180px minmax(450px,1fr) 330px;gap:14px}.illustration-rail{min-height:660px}.compost-visual{height:395px}.student-guide p{display:none}.metric-row{grid-template-columns:1fr 1fr}.knowledge-card{grid-column:1 / -1;min-height:100px;border-radius:18px}.knowledge-card strong{display:inline-block;margin-right:10px}.status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.page-shell{padding:10px}.wood-frame{min-height:calc(100vh - 20px);padding:9px}.board{min-height:calc(100vh - 40px);padding:20px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px}.illustration-rail{display:none}.title-row .subtitle{font-size:25px}.brand-lockup p{margin-left:10px}.metric-row{grid-template-columns:1fr 1fr}.metric-card{padding:15px}}@media(max-width:760px){.page-shell{padding:0;background:#4d2b17}.wood-frame{min-height:100vh;padding:6px;border-radius:0;border-width:0 6px}.board{min-height:calc(100vh - 12px);padding:18px 14px 24px;border-radius:0}.site-header{align-items:stretch;flex-direction:column;gap:14px}.title-row{gap:8px}.title-row h1{font-size:clamp(38px,13vw,54px)}.title-row>svg{width:30px;height:30px}.subtitle{width:100%;font-size:23px!important}.brand-lockup p{margin:8px 0 0;font-size:18px}.device-pill{min-width:0;width:100%;padding:11px 13px}.dashboard-grid{display:flex;flex-direction:column;gap:13px}.data-area{display:contents}.metric-row{order:1;width:100%;grid-template-columns:1fr}.metric-card{min-height:138px}.metric-value strong{font-size:clamp(48px,17vw,68px)}.knowledge-card{grid-column:auto;min-height:116px}.chart-panel{order:2;width:100%;min-height:390px;padding:14px 8px 6px}.ai-panel{order:3;position:static;width:100%;min-height:610px;height:670px}.status-grid{order:4;width:100%;grid-template-columns:1fr}.status-card,.environment-status,.science-boundary{grid-column:auto;min-height:92px}.global-notice{order:0;width:100%}.panel-heading{align-items:flex-start;flex-direction:column;padding-inline:6px}.range-switch{align-self:stretch}.range-switch button{flex:1}.chart-canvas{height:300px}footer{justify-content:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.metric-row,.status-grid{grid-template-columns:1fr 1fr}.environment-status,.science-boundary{grid-column:auto}.scroll-cue{width:fit-content;min-height:30px;margin:12px auto 0;padding:5px 14px;display:flex;align-items:center;gap:7px;border-radius:999px;color:#d9eee3;border:1px solid rgba(255,255,255,.14);background:#05221c80;text-decoration:none;font-size:11px;letter-spacing:.08em}.scroll-cue:hover{color:#fff;border-color:#78e185a6;background:#195b3e9e}.scroll-cue svg{width:15px;height:15px;animation:cue-bob 1.7s ease-in-out infinite}@keyframes cue-bob{50%{transform:translateY(3px)}}.section-board{display:flex;flex-direction:column}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:17px}.section-heading>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:6px 18px}.section-heading .eyebrow{grid-column:1 / -1;color:#77dd84;font-size:10px;font-weight:900;letter-spacing:.18em}.section-heading h2{margin:0;color:#f3ffe9;font:700 clamp(38px,4vw,64px)/.95 "KaiTi",serif;letter-spacing:.08em;text-shadow:2px 2px 0 rgba(83,156,101,.55)}.section-heading p{margin:0;color:#f4f5e8;font:clamp(20px,2vw,32px) "KaiTi",serif;border-bottom:3px solid rgba(105,235,123,.7)}.simulation-badge,.secure-note{flex:none;display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid rgba(255,255,255,.24);border-radius:10px;color:#ecf8ef;background:#08332bad;font-size:11px;font-weight:700}.secure-note svg{width:19px;height:19px;color:#78e883}.lab-heading-copy h2 small{font-size:.56em;letter-spacing:.03em}.section-heading>.lab-heading-notes{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.section-heading .lab-heading-notes p{margin:0;padding:0 2px 4px;border:0;color:#d8e8df;font:13px/1.45 KaiTi,serif}.lab-layout{flex:1;display:flex;min-height:0;flex-direction:column}.system-flow{position:relative;display:grid;grid-template-columns:repeat(6,minmax(105px,1fr)) minmax(135px,1.1fr);gap:18px;align-items:stretch;margin-bottom:14px}.flow-node,.flow-actuators{position:relative;min-height:102px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(89,190,255,.42);border-radius:15px;background:#0a3737b3;text-align:center;transition:.22s ease}.flow-node>svg{width:30px;height:30px;color:#66c9ff;margin-bottom:5px}.flow-node strong,.flow-actuators b{color:#f1fbf4;font-size:12px}.flow-node span,.flow-actuators span{margin-top:3px;color:#9ec7bd;font-size:9px}.flow-node i{position:absolute;z-index:2;right:-19px;top:50%;width:20px;height:3px;transform:translateY(-50%)}.flow-node i:after{content:"";position:absolute;right:0;top:-3px;border-width:4px 0 4px 6px;border-style:solid;border-color:transparent transparent transparent currentColor}.data-line{color:#49bdff;background:#49bdff}.control-line{color:#ff9a50;background:#ff9a50}.flow-node.active{transform:translateY(-3px);border-color:#9ae5ff;box-shadow:0 0 0 3px #4bc0ff29,0 0 24px #4bc0ff40}.flow-actuators{border-color:#ff934b8c;background:#5730198f}.flow-actuators.active{border-color:#ffad70;box-shadow:0 0 0 3px #ff8f4529,0 0 24px #ff8f4540}.lab-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);gap:14px}.lab-panel,.notify-panel{border:1px solid rgba(220,241,229,.28);border-radius:16px;background:#072c25bf;box-shadow:0 12px 26px #00000029}.rule-panel{padding:15px;display:flex;flex-direction:column}.lab-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lab-panel h3,.notify-panel h3{margin:0;color:#effaf1;font-size:16px}.lab-panel-title p,.notify-title p{margin:4px 0 0;color:#9dbeb2;font-size:9px}.secondary-button,.start-button,.save-settings{border:0;cursor:pointer;font-weight:800}.secondary-button{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:9px;color:#c7f7d3;border:1px solid rgba(108,226,116,.35);background:#30854838;font-size:10px}.secondary-button svg{width:14px;height:14px}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.rule-list{display:grid;gap:7px;margin:12px 0}.rule-row{display:grid;grid-template-columns:25px 1fr 52px 70px 48px 1.25fr 65px 62px 42px 30px;gap:6px;align-items:center}.rule-row.disabled{opacity:.45}.rule-index{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#153e35;background:#83e7d7;font-size:10px;font-weight:900}.rule-row select,.rule-row input{width:100%;height:30px;min-width:0;padding:0 7px;border:1px solid rgba(255,255,255,.16);border-radius:7px;outline:0;color:#eaf7f0;background:#164b40;font-size:10px}.rule-row input{text-align:center;font-variant-numeric:tabular-nums}.then-label{color:#ffa45e;font-size:9px;font-weight:900;text-align:center}.rule-toggle,.icon-button{display:grid;place-items:center;height:28px;border:0;border-radius:8px;cursor:pointer}.rule-toggle{color:#b8cdc5;background:#315b51;font-size:9px}.rule-toggle.on{color:#143d31;background:#74df83;font-weight:900}.icon-button{color:#d4e2dd;background:#ffffff0f}.icon-button:hover{color:#ff9677;background:#ff64481f}.icon-button svg{width:14px;height:14px}.start-button{align-self:center;min-width:190px;min-height:44px;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;color:#fff;background:#2dbd67;box-shadow:0 8px 22px #22bc6140,inset 0 1px #ffffff40}.start-button:hover:not(:disabled){background:#38d273;transform:translateY(-1px)}.start-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.start-button svg{width:19px;height:19px}.lab-side{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.actuator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.actuator-grid>div{min-width:0;min-height:74px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#728f85;background:#06231ea3}.actuator-grid svg{width:24px;height:24px}.actuator-grid span{margin-top:3px;color:#d9e8e2;font-size:9px}.actuator-grid b{margin-top:2px;font-size:8px}.actuator-grid .running{color:#5ec9ff;border-color:#46bbff94;box-shadow:inset 0 0 14px #46bbff1a}.actuator-grid .alarm{color:#ff744c;border-color:#ff664294}.actuator-grid .water{color:#5dcfff}.simulation-result{min-height:0;padding:13px;overflow:hidden}.simulation-result h3{display:flex;align-items:center;gap:8px}.simulation-result h3 small{padding:3px 6px;border-radius:999px;color:#b8d2c7;background:#ffffff12;font-size:8px}.result-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}.result-counts span{display:flex;align-items:center;gap:3px;padding:7px 4px;border-radius:8px;color:#b6d1c6;background:#ffffff0e;font-size:8px;white-space:nowrap}.result-counts svg{width:13px;height:13px;color:#55c8ff}.result-counts b{margin-left:auto;color:#fff;font-size:12px}.event-timeline{max-height:130px;overflow-y:auto;padding-left:8px;border-left:2px solid rgba(84,197,255,.3)}.event-timeline>p{margin:12px 4px;color:#9bb8ac;font-size:9px;line-height:1.55}.event-timeline>div{position:relative;display:grid;grid-template-columns:105px 1fr;gap:2px 8px;padding:5px 0 5px 7px;font-size:8px}.event-timeline>div:before{content:"";position:absolute;left:-13px;top:9px;width:7px;height:7px;border-radius:50%;background:#5dcaff}.event-timeline time{color:#9eb9ae;font-variant-numeric:tabular-nums}.event-timeline span{color:#e8f3ee}.event-timeline strong{grid-column:2;color:#ffb071}.scheme-compare{margin-top:10px;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#d8e9e1;background:#05251f8c;font-size:10px}.scheme-compare summary{min-height:34px;padding:8px 13px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800;list-style:none}.scheme-compare summary svg{width:15px;height:15px;transition:transform .2s}.scheme-compare[open] summary svg{transform:rotate(180deg)}.scheme-compare>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 13px 10px;color:#abc5ba}.notification-layout{flex:1;display:flex;flex-direction:column}.notification-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,3fr) minmax(360px,2fr);gap:clamp(24px,4vw,62px);align-items:center}.notification-controls{display:grid;gap:14px}.notify-panel{padding:20px}.notify-title{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.14)}.notify-title>svg{flex:none;width:30px;height:30px;color:#72e583}.notify-title>span{margin-left:auto;padding:4px 9px;border-radius:999px;font-size:9px;font-weight:900}.notify-title .reserved{color:#ffe5a8;background:#b57e1d40}.notify-title .bound{color:#c9ffd0;background:#2eb34f40}.binding-steps{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:8px;align-items:center;margin-top:16px}.binding-steps>div{min-height:95px;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center}.binding-steps>div>b{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#173e34;background:#74df84}.binding-steps>div>span{color:#edf7f2;font-size:11px;font-weight:800}.binding-steps>i{color:#71b8a0;font-style:normal;text-align:center}.binding-steps button,.binding-steps input,.oauth-link{grid-column:1 / -1;width:100%;height:36px;border-radius:9px;font-size:10px}.binding-steps button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(107,226,121,.45);color:#d7ffe0;background:#28994747;cursor:pointer}.binding-steps button:disabled{cursor:not-allowed;opacity:.42}.binding-steps button svg{width:14px;height:14px}.binding-steps input{padding:0 10px;border:1px solid rgba(255,255,255,.16);outline:0;color:#f2faf6;background:#17493e}.provider-note{margin:8px 0 0;padding:9px 11px;border-left:3px solid #e6b85c;color:#ead6ad;background:#5c431533;font-size:9px;line-height:1.5}.oauth-link{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(107,226,121,.45);color:#d7ffe0;background:#28994747;text-decoration:none}.oauth-link svg{width:14px;height:14px}.bound-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.bound-actions>div{display:flex;align-items:center;gap:6px;margin-right:auto;color:#c9ffd0;font-size:11px}.bound-actions button{min-height:34px;display:flex;align-items:center;gap:5px;padding:0 11px;border:1px solid rgba(255,255,255,.15);border-radius:9px;color:#e5f5ee;background:#ffffff14}.bound-actions button svg{width:14px;height:14px}.settings-panel{padding-bottom:16px}.setting-row{min-height:48px;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.setting-row>svg{width:22px;height:22px;color:#67c8ff}.setting-row>span{color:#e1eee8;font-size:11px}.setting-row>div{display:flex;align-items:center;gap:8px}.setting-row>div button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:8px;color:#d8ece3;background:#ffffff1a;cursor:pointer}.setting-row>div button:hover{background:#ffffff2e}.setting-row>div button:disabled,.switch-control:disabled{cursor:not-allowed;opacity:.42}.setting-row>div button svg{width:14px;height:14px}.setting-row strong{min-width:68px;color:#fff;font-size:14px;text-align:center;font-variant-numeric:tabular-nums}.switch-control{position:relative;width:46px;height:25px;padding:3px;border:0;border-radius:999px;background:#3c5c52;cursor:pointer}.switch-control i{display:block;width:19px;height:19px;border-radius:50%;background:#d9e9e3;transition:transform .2s}.switch-control.on{background:#46c96a}.switch-control.on i{transform:translate(21px);background:#fff}.setting-row.cooldown{grid-template-columns:1fr auto;padding-left:38px}.setting-row.cooldown small{grid-column:1 / -1;margin-top:-8px;color:#87a99b;font-size:8px}.save-settings{min-height:38px;margin-top:13px;padding:0 18px;border-radius:10px;color:#123d31;background:#7ee28c}.save-settings:disabled{opacity:.5}.settings-permission{margin:9px 0 0;color:#93b6a7;font-size:9px}.notification-message{display:inline-block;margin-left:10px;color:#e7d5ad;font-size:9px}.phone-preview{display:flex;align-items:center;justify-content:center;gap:24px}.phone-shell{position:relative;width:min(310px,100%);aspect-ratio:.56;padding:12px;border:4px solid #29302f;border-radius:43px;background:#0b1111;box-shadow:0 24px 45px #0000005c,inset 0 0 0 2px #66706d}.phone-notch{position:absolute;z-index:3;top:11px;left:50%;width:44%;height:22px;transform:translate(-50%);border-radius:0 0 14px 14px;background:#0b1111}.phone-bar{height:72px;padding:28px 11px 0;display:flex;align-items:center;justify-content:space-between;color:#fff;border-radius:29px 29px 0 0;background:linear-gradient(#4c91e5,#4385d3);font-size:10px}.phone-bar b{font-size:13px}.phone-screen{height:calc(100% - 89px);padding:20px 12px;background:#eff3f7;color:#263d38}.phone-screen>time{display:block;width:fit-content;margin:0 auto 20px;padding:4px 7px;border-radius:6px;color:#7e8987;background:#dfe5e9;font-size:8px}.wechat-message{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:start}.message-brand{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#39b76b;font:700 20px KaiTi,serif}.wechat-message>div:last-child{position:relative;padding:13px;border-radius:5px 13px 13px;background:#fff;box-shadow:0 5px 14px #2a46401a}.wechat-message>div:last-child:before{content:"";position:absolute;top:10px;left:-7px;border:5px solid transparent;border-right-color:#fff;border-left:0}.wechat-message strong{display:block;padding-bottom:9px;border-bottom:1px solid #e5ece8;font-size:11px}.wechat-message p{display:flex;align-items:center;gap:7px;margin:10px 0 0;font-size:10px}.wechat-message p svg{width:17px;height:17px;color:#f46f3e}.wechat-message p:nth-of-type(2) svg{color:#3a9ee9}.wechat-message p b{margin-left:auto;color:#e6512a;font-size:13px}.wechat-message small{display:block;margin-top:10px;color:#81918b;font-size:7px}.wechat-message .no-preview{display:block;color:#71827c;line-height:1.5}.phone-home{position:absolute;left:50%;bottom:15px;width:78px;height:4px;transform:translate(-50%);border-radius:3px;background:#65706e}.state-explainer{display:grid;gap:12px;color:#c5dad1;font-size:9px}.state-explainer span{display:flex;align-items:center;gap:7px;white-space:nowrap}.state-explainer i{width:8px;height:8px;border-radius:50%}.alert-dot{background:#ff6845}.recovery-dot{background:#6fe080}.quiet-dot{background:#6bbef2}@media(min-width:761px)and (max-height:850px){.screen-section{padding-block:8px}.wood-frame{min-height:calc(100svh - 16px);padding:9px}.board{min-height:calc(100svh - 36px);padding:17px 20px}.site-header{margin-bottom:12px}.title-row h1{font-size:clamp(38px,3.4vw,52px)}.title-row>svg{width:33px;height:33px}.subtitle{font-size:clamp(21px,1.8vw,28px)}.brand-lockup p{margin-top:8px;font-size:17px}.device-pill{padding:10px 13px}.dashboard-grid{grid-template-columns:180px minmax(450px,1fr) minmax(320px,350px);gap:13px}.illustration-rail{min-height:565px}.compost-visual{height:335px}.process-note{padding:10px 15px;width:170px}.student-guide{height:145px}.student-guide img{width:110px;height:150px}.student-guide p{display:none}.data-area,.metric-row{gap:10px}.metric-card{min-height:112px;padding:14px}.metric-value strong{font-size:44px}.chart-panel{min-height:268px;padding:11px 13px 6px}.chart-canvas{height:210px}.status-card{min-height:82px;padding:10px}.status-card p{line-height:1.35}.ai-panel{min-height:565px;height:565px}.ai-title{min-height:67px;padding:10px 13px}.ai-icon{width:42px;height:42px}.ai-conversation{padding:10px}.ai-composer{margin-block:8px 6px}.scroll-cue{margin-top:7px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:45px}.section-heading p{font-size:23px}.system-flow{margin-bottom:10px}.flow-node,.flow-actuators{min-height:86px}.lab-workspace{max-height:430px}.notify-panel{padding:15px}.phone-shell{width:264px}}@media(max-width:1100px){.system-flow{grid-template-columns:repeat(4,1fr)}.flow-node i{display:none}.flow-actuators{grid-column:span 2}.lab-workspace{grid-template-columns:1fr}.rule-row{grid-template-columns:24px 1fr 48px 64px 42px 1.15fr 60px 58px 40px 28px}.notification-grid{grid-template-columns:1fr minmax(320px,.7fr);gap:20px}.phone-preview{flex-direction:column}.state-explainer{grid-template-columns:1fr}}@media(max-width:760px){html{scroll-snap-type:none}.screen-section{min-height:100svh;padding:0}.screen-section+.screen-section{border-top:8px solid #6b3b20}.section-board{padding-bottom:26px}.metric-row,.status-grid{grid-template-columns:1fr}.scroll-cue{margin-top:14px}.section-heading{flex-direction:column;gap:12px}.section-heading>div{grid-template-columns:1fr;gap:4px}.section-heading h2{font-size:43px}.section-heading p{font-size:21px;width:fit-content}.simulation-badge,.secure-note{width:100%;justify-content:center}.section-heading>.lab-heading-notes{width:100%;align-items:stretch}.section-heading .lab-heading-notes p{text-align:center}.system-flow{grid-template-columns:1fr 1fr;gap:8px}.flow-node,.flow-actuators{min-height:92px}.flow-actuators{grid-column:span 2}.lab-workspace{display:block}.rule-panel{padding:13px}.rule-row{padding:10px;grid-template-columns:24px 1fr 50px 65px;border:1px solid rgba(255,255,255,.1);border-radius:10px}.rule-row .then-label{grid-column:1 / -1;text-align:left;padding-left:32px}.rule-row select:nth-of-type(3){grid-column:2 / -1}.rule-row input:nth-of-type(2){grid-column:2}.rule-row select:nth-of-type(4){grid-column:3}.rule-toggle{grid-column:1;grid-row:3}.icon-button{grid-column:4;grid-row:3}.start-button{margin-top:2px}.lab-side{margin-top:12px}.actuator-grid{grid-template-columns:1fr 1fr}.simulation-result{min-height:230px}.scheme-compare>div{grid-template-columns:1fr}.notification-grid{display:flex;flex-direction:column;gap:18px}.notification-controls{width:100%}.notify-panel{padding:15px}.binding-steps{grid-template-columns:1fr}.binding-steps>i{transform:rotate(90deg)}.phone-preview{width:100%}.phone-shell,.state-explainer{width:min(290px,90vw)}.notification-message{display:block;margin:9px 0 0}}