:root{--bg:#f3f8ef;--card:#fff;--card-2:#f3f6f1;--line:#e2e9dd;--text:#17181c;--muted:#6b7180;--faint:#9aa0ac;--accent:#3b7f20;--accent-2:#4e9d2d;--accent-soft:#e6f2dc;--accent-ink:#24561a;--green:#16a34a;--green-soft:#e8f6ec;--red:#dc2626;--red-soft:#fdecec;--blue:#2563eb;--shadow:0 1px 2px #1018280a, 0 2px 8px #1018280d;--shadow-lg:0 12px 40px #1018282e;--radius:18px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1013;--card:#1a1c21;--card-2:#22252b;--line:#2b2e35;--text:#f2f3f5;--muted:#a2a8b4;--faint:#6f7682;--accent-soft:#1d3315;--accent-ink:#a5d98a;--green-soft:#12301d;--red-soft:#3a1515;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1013;--card:#1a1c21;--card-2:#22252b;--line:#2b2e35;--text:#f2f3f5;--muted:#a2a8b4;--faint:#6f7682;--accent-soft:#1d3315;--accent-ink:#a5d98a;--green-soft:#12301d;--red-soft:#3a1515;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.app{max-width:560px;min-height:100%;padding-bottom:calc(76px + var(--safe-b));margin:0 auto;position:relative}.screen{padding:calc(10px + var(--safe-t)) 16px 24px}.topbar{align-items:center;gap:10px;min-height:48px;display:flex}.topbar .grow{flex:1;min-width:0}.home-switch{letter-spacing:-.02em;align-items:center;gap:4px;max-width:100%;font-size:21px;font-weight:800;display:inline-flex}.home-switch span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-btn{background:var(--card);width:42px;height:42px;box-shadow:var(--shadow);border-radius:14px;flex:none;place-items:center;display:grid;position:relative}.icon-btn.plain{box-shadow:none;background:0 0}.badge{background:var(--red);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:6px;right:6px}.subtle{color:var(--muted);font-size:13px}.summary{scrollbar-width:none;gap:10px;margin:12px 0 4px;display:flex;overflow-x:auto}.summary::-webkit-scrollbar{display:none}.tabs::-webkit-scrollbar{display:none}.chip-stat{background:var(--card);box-shadow:var(--shadow);color:var(--muted);border-radius:14px;flex:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.chip-stat b{color:var(--text);font-size:15px}.chip-stat .dot{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.section-title{justify-content:space-between;align-items:center;margin:18px 2px 10px;font-size:16px;font-weight:700;display:flex}.section-title button{color:var(--accent);font-size:13px;font-weight:600}.scene-row{scrollbar-width:none;gap:10px;margin:0 -2px;padding:2px 2px 4px;display:flex;overflow-x:auto}.scene-row::-webkit-scrollbar{display:none}.scene-pill{background:var(--card);box-shadow:var(--shadow);border-radius:14px;flex:none;align-items:center;gap:8px;padding:10px 14px 10px 10px;font-size:14px;font-weight:600;transition:transform .12s;display:flex}.scene-pill:active{transform:scale(.96)}.scene-pill .ic{color:#fff;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.tabs{scrollbar-width:none;z-index:3;background:var(--bg);gap:6px;margin:14px -16px 12px;padding:6px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.tab{color:var(--muted);border-radius:999px;flex:none;padding:8px 14px;font-size:14px;font-weight:600}.tab.on{background:var(--text);color:var(--bg)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:480px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dev{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;flex-direction:column;gap:12px;min-height:128px;padding:14px;transition:background .2s,transform .12s;display:flex;position:relative}.dev:active{transform:scale(.98)}.dev .top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.dev .ic{background:var(--card-2);width:42px;height:42px;color:var(--muted);border-radius:14px;place-items:center;transition:background .2s,color .2s;display:grid}.dev.on .ic{background:var(--accent);color:#fff}.dev .name{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.dev .status{color:var(--muted);margin-top:2px;font-size:12.5px}.dev.on .status{color:var(--accent-ink)}.dev .status.off-line{color:var(--faint)}.dev .alarm{color:var(--red);font-weight:700}.dev .reading{letter-spacing:-.02em;font-size:22px;font-weight:800}.dev .reading small{color:var(--muted);margin-left:2px;font-size:13px;font-weight:600}.pwr{background:var(--card-2);width:36px;height:36px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.dev.on .pwr{background:var(--accent-soft);color:var(--accent)}.dev.offline{opacity:.65}.empty{text-align:center;color:var(--muted);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px 20px}.empty .big{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:22px;place-items:center;margin:0 auto 14px;display:grid}.empty h3{color:var(--text);margin-bottom:6px;font-size:17px}.btn{background:var(--accent);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;padding:0 20px;font-size:15.5px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5}.btn.ghost{background:var(--card);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.btn.danger{background:var(--red-soft);color:var(--red)}.btn.small{border-radius:12px;width:auto;height:40px;padding:0 16px;font-size:14px}.link{color:var(--accent);font-weight:600}.nav{z-index:20;background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:var(--safe-b);position:fixed;bottom:0;left:0;right:0}.nav-in{max-width:560px;margin:0 auto;display:flex}.nav button{color:var(--faint);flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 0 10px;font-size:11.5px;font-weight:600;display:flex}.nav button.on{color:var(--accent)}.list{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:56px;padding:14px 16px;display:flex}.row+.row{border-top:1px solid var(--line)}.row .ic{background:var(--card-2);width:36px;height:36px;color:var(--muted);border-radius:12px;flex:none;place-items:center;display:grid}.row .main{flex:1;min-width:0}.row .main b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.row .main span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.row .end{color:var(--faint);align-items:center;gap:8px;font-size:13px;display:flex}.tgl{background:var(--line);border-radius:15px;flex:none;width:50px;height:30px;transition:background .2s;position:relative}.tgl:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.tgl.on{background:var(--accent)}.tgl.on:after{transform:translate(20px)}.overlay{z-index:40;background:#0a0c1073;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--bg);width:100%;max-width:560px;max-height:92vh;padding:8px 16px calc(20px + var(--safe-b));border-radius:24px 24px 0 0;animation:.24s cubic-bezier(.2,.8,.2,1) up;overflow-y:auto}.sheet.full{height:100%;max-height:100%;padding-top:calc(8px + var(--safe-t));border-radius:0}.grab{background:var(--line);border-radius:3px;width:40px;height:5px;margin:4px auto 10px}.sheet-head{align-items:center;gap:8px;min-height:48px;margin-bottom:6px;display:flex}.sheet-head h2{letter-spacing:-.01em;flex:1;font-size:18px;font-weight:800}@keyframes up{0%{opacity:.4;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}.field{margin-bottom:14px;display:block}.field>span{color:var(--muted);margin:0 2px 6px;font-size:13px;font-weight:600;display:block}.input{border:1px solid var(--line);background:var(--card);border-radius:14px;outline:none;width:100%;height:50px;padding:0 14px;font-size:16px;transition:border .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.input-wrap{position:relative}.input-wrap .prefix{color:var(--muted);font-weight:600;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrap .input{padding-left:52px}.err{background:var(--red-soft);color:var(--red);border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:13.5px}.note{background:var(--card);color:var(--muted);box-shadow:var(--shadow);border-radius:14px;padding:12px 14px;font-size:13.5px}.choice{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.choice button{aspect-ratio:1;background:var(--card);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;place-items:center;display:grid}.choice button.on{box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent);background:var(--accent-soft)}.seg{background:var(--card-2);border-radius:12px;gap:3px;padding:3px;display:flex}.seg button{height:36px;color:var(--muted);border-radius:9px;flex:1;font-size:13.5px;font-weight:600}.seg button.on{background:var(--card);color:var(--text);box-shadow:var(--shadow)}.days{gap:6px;display:flex}.days button{background:var(--card);height:40px;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);border-radius:12px;flex:1;font-size:13px;font-weight:700}.days button.on{background:var(--accent);color:#fff;box-shadow:none}.colors{gap:10px;display:flex}.colors button{border-radius:50%;width:32px;height:32px;box-shadow:inset 0 0 0 3px #fff0}.colors button.on{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px currentColor}.panel-hero{flex-direction:column;align-items:center;gap:14px;padding:18px 0 24px;display:flex}.big-power{background:var(--card);width:168px;height:168px;box-shadow:var(--shadow), inset 0 0 0 10px var(--card-2);color:var(--faint);border-radius:50%;place-items:center;transition:all .25s;display:grid}.big-power.on{background:var(--accent);color:#fff;box-shadow:0 16px 40px color-mix(in srgb, var(--accent) 40%, transparent), inset 0 0 0 10px #ffffff2e}.big-power:active{transform:scale(.97)}.hero-state{color:var(--muted);font-size:15px;font-weight:700}.gangs{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.gang{aspect-ratio:1.15;background:var(--card);box-shadow:var(--shadow);color:var(--muted);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:700;transition:all .2s;display:flex}.gang .ring{background:var(--card-2);border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.gang.on{color:var(--accent-ink)}.gang.on .ring{background:var(--accent);color:#fff;box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 35%, transparent)}.reading-big{letter-spacing:-.04em;font-size:56px;font-weight:800;line-height:1}.reading-big small{color:var(--muted);margin-left:4px;font-size:22px;font-weight:700}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card{margin-top:12px}.card-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;display:flex}.slider{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:34px}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p,50%), var(--line) var(--p,50%));border-radius:5px;height:10px}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;box-shadow:0 2px 6px #00000040, 0 0 0 4px var(--accent);background:#fff;border-radius:50%;margin-top:-9px}.slider::-moz-range-track{background:var(--line);border-radius:5px;height:10px}.slider::-moz-range-progress{background:var(--accent);border-radius:5px;height:10px}.slider::-moz-range-thumb{border:4px solid var(--accent);background:#fff;border-radius:50%;width:24px;height:24px}.steps{gap:6px;display:flex}.steps button{background:var(--card-2);height:44px;color:var(--muted);border-radius:12px;flex:1;font-weight:800}.steps button.on{background:var(--accent);color:#fff}.kv{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.kv div{background:var(--card-2);border-radius:14px;padding:12px}.kv span{color:var(--muted);font-size:12px;display:block}.kv b{font-size:18px}.tank{border:4px solid var(--line);background:var(--card);border-radius:24px;width:120px;height:160px;position:relative;overflow:hidden}.tank .water{background:linear-gradient(#38bdf8,#0284c7);transition:height .6s;position:absolute;bottom:0;left:0;right:0}.tank .water:before{content:"";background:#7dd3fc;border-radius:50%;height:12px;position:absolute;top:-6px;left:-10%;right:-10%}.tank b{color:var(--text);text-shadow:0 1px #ffffff80;place-items:center;font-size:26px;font-weight:800;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.chart{width:100%;height:150px;display:block}.range{gap:6px;display:flex}.range button{color:var(--muted);border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:600}.range button.on{background:var(--accent-soft);color:var(--accent-ink)}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.scene-card{border-radius:var(--radius);color:#fff;text-align:left;flex-direction:column;justify-content:space-between;min-height:112px;padding:14px;transition:transform .12s;display:flex;position:relative;overflow:hidden}.scene-card:active{transform:scale(.97)}.scene-card:after{content:"";background:#ffffff1f;border-radius:50%;width:110px;height:110px;position:absolute;top:-30px;right:-30px}.scene-card .t{font-size:16px;font-weight:800}.scene-card .s{opacity:.85;font-size:12.5px}.scene-card .more{z-index:1;background:#ffffff2e;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:8px;right:8px}.scene-card.running{animation:.8s pulse}@keyframes pulse{50%{filter:brightness(1.15);transform:scale(.95)}}.rule{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;padding:14px 16px;display:flex}.rule+.rule{margin-top:10px}.rule .main{text-align:left;flex:1;min-width:0}.rule .main b{font-size:15px;display:block}.rule .main span{color:var(--muted);margin-top:2px;font-size:13px;display:block}.rule .time{letter-spacing:-.02em;font-size:26px;font-weight:800}.cat-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:16px 2px 8px;font-size:13px;font-weight:700}.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cat{background:var(--card);box-shadow:var(--shadow);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;font-size:12.5px;font-weight:600;line-height:1.2;display:flex}.cat .ic{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:15px;place-items:center;display:grid}.stepper{counter-reset:s;flex-direction:column;gap:10px;display:flex}.step{background:var(--card);box-shadow:var(--shadow);border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.step:before{counter-increment:s;content:counter(s);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.step.done:before{content:"✓";background:var(--green);color:#fff}.step.active{box-shadow:inset 0 0 0 2px var(--accent)}.step b{margin-bottom:2px;display:block}.step span{color:var(--muted);font-size:13.5px}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth{min-height:100%;padding:calc(28px + var(--safe-t)) 22px calc(24px + var(--safe-b));flex-direction:column;max-width:440px;margin:0 auto;display:flex}.brand{text-align:center;flex-direction:column;align-items:center;margin:18px 0 28px;display:flex}.brand img{object-fit:contain;width:92px;height:92px}.brand h1{letter-spacing:-.03em;margin-top:10px;font-size:30px;font-weight:800}.brand h1 span{color:var(--accent)}.brand p{color:var(--muted);margin-top:6px}.auth form{flex-direction:column;display:flex}.auth .swap{text-align:center;color:var(--muted);margin-top:18px}.auth .foot{text-align:center;color:var(--faint);margin-top:auto;padding-top:24px;font-size:12px}.profile{align-items:center;gap:14px;padding:18px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), #6bb33f);color:#fff;border-radius:20px;flex:none;place-items:center;width:56px;height:56px;font-size:22px;font-weight:800;display:grid}.toast{left:50%;bottom:calc(92px + var(--safe-b));z-index:60;color:#fff;box-shadow:var(--shadow-lg);background:#17181c;border-radius:12px;max-width:calc(100% - 32px);padding:11px 16px;font-size:14px;font-weight:600;animation:.2s up;position:fixed;transform:translate(-50%)}.toast.err{background:var(--red)}.loading-screen{place-items:center;height:100%;display:grid}.loading-screen img{width:84px;animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.7;transform:scale(.92)}}.alert-item{gap:12px;padding:14px 16px;display:flex}.alert-item+.alert-item{border-top:1px solid var(--line)}.alert-item .ic{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.alert-item.warning .ic{background:var(--red-soft);color:var(--red)}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.spacer{height:12px}.row-btns{gap:10px;display:flex}.row-btns>*{flex:1}