:root{color-scheme:light dark;--bg: #eceaf1;--surface: #ffffff;--surface-2: #f1eef6;--border: #e0dbe8;--hairline: #ebe7f0;--text: #17151c;--text-muted: #6c6678;--faint: #757083;--accent: #83334a;--accent-2: #9c3e58;--accent-contrast: #ffffff;--accent-glow: rgb(131 51 74 / .22);--on: #16a34a;--water: #0ea5e9;--warm: #f59e0b;--warm-glow: rgb(245 158 11 / .28);--warn: #d97706;--danger: #dc2626;--track: #e6e2ee;--radius: 1rem;--radius-sm: .6rem;--space: 1rem;--shadow: 0 1px 2px rgb(24 20 34 / .05), 0 10px 30px rgb(24 20 34 / .07);--shadow-lg: 0 24px 60px rgb(24 20 34 / .16);--glow: 0;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", monospace}@media(prefers-color-scheme:dark){:root{--bg: #121214;--surface: #2a2a31;--surface-2: #36363f;--border: #43434e;--hairline: #31313a;--text: #ecedf2;--text-muted: #a2a4ae;--faint: #90929b;--accent: #cb6079;--accent-2: #e0879b;--accent-contrast: #24121a;--accent-glow: rgb(203 96 121 / .42);--on: #34d399;--water: #38bdf8;--warm: #ffb454;--warm-glow: rgb(255 180 84 / .4);--warn: #fbbf24;--danger: #f87171;--track: #3e3e48;--shadow: 0 1px 2px rgb(0 0 0 / .5), 0 14px 40px rgb(0 0 0 / .5);--shadow-lg: 0 30px 80px rgb(0 0 0 / .65);--glow: 1}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5rem}h1{font-weight:800}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:.6rem .95rem;transition:border-color .12s ease,background .12s ease,transform .08s ease}button:disabled{opacity:.5;cursor:default}button:active:not(:disabled){transform:scale(.98)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.boot{font-family:var(--font);text-align:center;margin-top:4rem;color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:.5rem;top:-3rem;background:var(--accent);color:var(--accent-contrast);padding:.5rem .9rem;border-radius:var(--radius-sm);transition:top .15s ease;z-index:10}.skip-link:focus{top:.5rem}.lbl{font-size:.63rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--faint)}.screen{display:block;max-width:48rem;margin:0 auto;padding:clamp(.75rem,3vw,1.5rem)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem;position:relative}.card .hero{font-size:clamp(2.4rem,12vw,3.8rem);text-align:center;line-height:1;margin-bottom:.4rem;color:var(--accent)}.card .hero app-icon{display:inline-flex}.card+.card{margin-top:.6rem}.hero-card{text-align:center}.hero-card .big{font-family:var(--mono);font-size:clamp(2rem,10vw,3.2rem);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-shadow:0 0 calc(18px * var(--glow)) var(--accent-glow)}.readouts{list-style:none;margin:0;padding:0}.readouts li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem .2rem;border-bottom:1px solid var(--hairline)}.readouts li:last-child{border-bottom:0}.readouts .k{color:var(--text-muted)}.readouts .v{font-family:var(--mono);font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.cloud-note{color:var(--text-muted);font-size:.85rem;margin-top:1rem;text-align:center}.muted{color:var(--text-muted)}.ring-wrap{display:grid;place-items:center;padding:.5rem 0 .8rem}.ring{--p: 0;--gsize: 128px;--gcolor: var(--on);width:var(--gsize);height:var(--gsize);border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,var(--surface) 71%,transparent 72%),conic-gradient(from -90deg,var(--gcolor) calc(var(--p) * 3.6deg),var(--track) 0)}.ring .num{font-family:var(--mono);font-weight:700;font-size:1.9rem;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 0 calc(16px * var(--glow)) color-mix(in srgb,var(--gcolor) 60%,transparent)}.ring .num small{font-size:.9rem;opacity:.7}.tank{position:relative;border-radius:14px;overflow:hidden;background:var(--surface-2);border:1px solid var(--hairline)}.tank .liquid{position:absolute;left:0;right:0;bottom:0;height:calc(var(--p, 0) * 1%);background:linear-gradient(180deg,color-mix(in srgb,var(--water) 85%,transparent),color-mix(in srgb,var(--water) 55%,transparent));box-shadow:0 0 calc(26px * var(--glow)) color-mix(in srgb,var(--water) 45%,transparent)}.tank .read{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.tank .read .num{font-family:var(--mono);font-weight:700;font-size:1.9rem;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgb(0 0 0 / .25)}.tank .read .num small{font-size:.9rem;opacity:.75}.bar{height:5px;border-radius:3px;background:var(--track);overflow:hidden}.bar>i{display:block;height:100%;border-radius:3px;background:var(--accent)}.nav-row{display:flex;align-items:center;gap:.9rem;width:100%;padding:.95rem 1.1rem;margin-top:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);text-decoration:none;transition:border-color .12s ease}.nav-row .ico{font-size:1.6rem}.nav-row .body{margin-right:auto;display:flex;flex-direction:column}.nav-row .title{font-weight:600}.nav-row .sub{color:var(--text-muted);font-size:.85rem}.nav-row .chev{color:var(--faint);font-size:1.4rem}.nav-row:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.nav-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:.7rem}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.segmented button{border:0;border-radius:0;border-right:1px solid var(--border);background:transparent;color:var(--text);padding:.6rem .3rem;font-size:.85rem}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--accent);color:var(--accent-contrast);font-weight:600}.segmented button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.segmented button.active:focus-visible{outline-color:var(--accent-contrast)}.segmented[role=tablist]{margin-bottom:1rem}.stepper{display:flex;align-items:center;justify-content:center;gap:1.4rem}.stepper button{width:3.2rem;height:3.2rem;font-size:1.5rem;border-radius:50%;line-height:1}.stepper .val{font-family:var(--mono);font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;min-width:5.5rem;text-align:center}.ac-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.6rem}.ac-actions .btn-on.active{background:var(--on);color:#fff;border-color:transparent;font-weight:600}.ac-actions .btn-off.active{background:var(--danger);color:#fff;border-color:transparent;font-weight:600}.primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:inherit;font-weight:600;cursor:pointer;padding:.6rem .95rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);text-decoration:none;transition:filter .12s ease,transform .08s ease}.primary:hover{filter:brightness(1.06)}.primary:active{transform:scale(.98)}.primary:disabled{opacity:.5;cursor:default;filter:none}.primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.danger{background:var(--danger);color:#fff;border-color:transparent;font-weight:600}.link-danger{background:none;border:none;color:var(--danger);padding:.2rem .3rem;cursor:pointer}.alert{background:color-mix(in srgb,var(--danger) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));padding:.75rem 1rem;border-radius:var(--radius-sm);margin:1rem 0}.status{color:var(--text-muted);margin:1rem 0}.offline-banner{display:flex;gap:.7rem;align-items:flex-start;background:color-mix(in srgb,var(--warn) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border));border-radius:var(--radius-sm);padding:.8rem 1rem;margin-bottom:1rem}.offline-banner .ico{font-size:1.3rem;line-height:1.2}.offline-banner .msg{font-size:.9rem}.alarm-list{list-style:none;margin:0;padding:.4rem 1.1rem}.alarm-item{display:flex;gap:.8rem;align-items:flex-start;padding:.8rem 0;border-bottom:1px solid var(--hairline)}.alarm-item:last-child{border-bottom:0}.alarm-item .ico{font-size:1.4rem;line-height:1.2}.alarm-body{display:flex;flex-direction:column;gap:.1rem}.alarm-msg{font-weight:600}.alarm-time{font-size:.8rem;color:var(--text-muted)}.cloud-banner{background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:var(--radius-sm);padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.cloud-banner a{color:var(--accent)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field label{color:var(--text-muted);font-size:.85rem}.field input,.field select{font:inherit;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}:is(.field input,.field select):disabled{opacity:.6}:is(.field input,.field select):focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.link-row{margin:.6rem 0 0}.link-row a{color:var(--accent)}.group-head{display:flex;align-items:center;justify-content:space-between}.group-head .title{font-weight:600}.group-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.check-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.4rem;margin-bottom:.8rem}.check{display:flex;align-items:center;gap:.45rem}.switch-row{width:100%;margin-top:1rem;display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);transition:border-color .12s ease,background .12s ease}.switch-row .ico{font-size:1.3rem}.switch-row .lab{margin-right:auto;font-weight:600}.switch-row .state{color:var(--text-muted)}.switch-row.on{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.switch-row.on .state{color:var(--accent)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}