:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10191e;--panel:#1b292e;--panel2:#223238;--line:#324348;--text:#eaf1ec;--muted:#a4b7b4;--green:#79c99a;--amber:#f0be6e;--red:#ef8d83;--blue:#8dbbd0}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 86% -10%,#23403b 0,transparent 35%),var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{background:#132025ce;border-bottom:1px solid #2b3b3c;justify-content:space-between;align-items:center;gap:20px;height:82px;padding:0 max(24px,50vw - 530px);display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#a7e3b6;background:#254b3c;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.eyebrow{color:#829e98;letter-spacing:2px;font-size:10px;font-weight:800;display:block}.brand h1{letter-spacing:-.5px;margin:3px 0 0;font-size:25px;line-height:1}.topnav{align-items:center;gap:10px;display:flex}.topnav a{color:#c0ceca;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.topnav a:hover,.footer-link:hover{background:#24353a}.content{max-width:1060px;margin:auto;padding:34px 24px 70px}.intro{justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px;display:flex}.intro h2{letter-spacing:-.7px;margin:0 0 5px;font-size:27px}.intro p{color:var(--muted);margin:0;font-size:14px}.refresh{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:10px 13px;display:flex}.spin svg,.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-banner{background:#1b332c;border:1px solid #365748;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:17px 20px;display:flex}.status-banner.offline{background:#322421;border-color:#644440}.status-main{align-items:center;gap:11px;font-size:15px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #79c99a23}.offline .status-dot{background:var(--red);box-shadow:0 0 0 4px #ef8d8323}.status-meta{color:#b1c2b9;align-items:center;gap:18px;font-size:12px;display:flex}.status-meta strong{color:var(--amber)}.control-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(145deg,#1d2c31,#19272b);border-radius:17px;padding:24px}.control-card{min-height:316px}.card-heading{align-items:center;gap:12px;display:flex}.icon{border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.icon.heating{color:#e8bc77;background:#3b3828}.icon.dhw{color:#9ccfe1;background:#243d46}.card-heading h2{margin:0 0 2px;font-size:19px}.card-heading p{color:var(--muted);margin:0;font-size:13px}.setpoint{letter-spacing:-2px;margin-top:22px;font-size:52px;font-weight:750;line-height:1.1}.setpoint-label{color:var(--muted);margin-top:2px;font-size:12px}.stepper{justify-content:space-between;align-items:center;gap:12px;margin-top:19px;display:flex}.stepper button{color:var(--text);background:#2a3c41;border:1px solid #466063;border-radius:11px;place-items:center;min-width:54px;min-height:48px;display:grid}.stepper button:not(:disabled):hover{background:#355249}.stepper span,.range{color:#849b99;font-size:12px}.range{text-align:center;margin-top:8px}.divider{background:var(--line);height:1px;margin:22px 0}.toggle-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.toggle-row strong{font-size:14px;display:block}.toggle-row small{color:var(--muted);margin-top:3px;display:block}.switch{background:#435358;border:0;border-radius:999px;flex:none;width:54px;height:32px;padding:4px;transition:background .2s}.switch.on{background:#4caa76}.switch span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;display:block}.switch.on span{transform:translate(22px)}.section-title{color:#b9ddd0;align-items:center;gap:10px;display:flex}.section-title h2{color:var(--text);margin:0;font-size:18px}.readings,.boiler-card{margin-bottom:18px}.reading-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:23px;display:grid}.reading{background:#233339;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:15px;display:flex}.reading span,.metrics span{color:var(--muted);font-size:13px}.reading strong{white-space:nowrap;font-size:18px}.hint{color:#91a5a0;margin:16px 0 0;font-size:12px;line-height:1.5}.metrics{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px;display:grid}.metrics>div{flex-direction:column;gap:4px;display:flex}.metrics strong{font-size:15px}.footer-link{color:#a4dac0;border-radius:8px;align-items:center;gap:7px;padding:8px;font-size:14px;display:inline-flex}.alert,.notice{border-radius:10px;margin:0 0 18px;padding:12px 14px;font-size:13px;line-height:1.5}.alert{color:#ffcdca;background:#4b2929;border:1px solid #8b514b;justify-content:space-between;gap:10px;display:flex}.alert button{color:inherit;background:0 0;border:0;font-size:20px}.notice{color:#ead6ad;background:#3b3528;border:1px solid #655438}.page-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:27px}.back{color:#a7cdb7;font-size:14px}.list-card{max-width:700px}.detail-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.detail-row:last-child{border:0}.detail-row span{color:var(--muted)}.detail-row strong{text-align:right;font-size:14px}.primary{color:#10251b;background:#63b78a;border:0;border-radius:10px;min-height:44px;padding:11px 16px;font-weight:700}.secondary{border:1px solid var(--line);color:var(--text);background:#293b40;border-radius:10px;min-height:44px;padding:10px 15px}.actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(100%,410px);padding:32px}.login-card .brand{margin-bottom:30px}.login-card h2{margin:0 0 5px;font-size:26px}.login-card p{color:var(--muted);margin:0 0 23px;font-size:14px}.field{margin-bottom:16px;display:block}.field span{color:#cad8d0;margin-bottom:6px;font-size:13px;display:block}.field input{width:100%;color:var(--text);background:#101d21;border:1px solid #465a5a;border-radius:9px;min-height:45px;padding:12px}.login-card .primary{width:100%;margin-top:8px}.chart-card{margin-bottom:18px}.chart{width:100%;height:220px;margin-top:25px}.chart-empty{color:var(--muted);text-align:center;padding:40px}.chart-caption{color:var(--muted);margin-top:10px;font-size:12px}.diagnostic-error{color:#ffc7c1;word-break:break-word;font-size:13px}.control-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.control-row p{color:var(--muted);margin:5px 0 0;font-size:13px}@media (max-width:720px){.topbar{height:70px;padding:0 17px}.topnav a span{display:none}.topnav a{padding:10px}.content{padding:25px 15px 55px}.intro h2{font-size:23px}.intro p{font-size:12px}.refresh{padding:10px;font-size:0}.refresh svg{width:20px}.status-banner{flex-direction:column;align-items:flex-start;padding:15px}.status-meta{flex-wrap:wrap;gap:6px 15px}.control-grid{grid-template-columns:1fr;gap:13px}.card{padding:20px}.control-card{min-height:auto}.setpoint{font-size:47px}.reading-grid{grid-template-columns:1fr}.metrics{gap:15px}.detail-row{flex-direction:column;align-items:flex-start;gap:5px}.detail-row strong{text-align:left}}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0f4f0;--panel:#fff;--panel2:#f5f8f5;--line:#dce6df;--text:#1c332b;--muted:#587269}body{background:#f0f4f0}.topbar{background:#e7f0e9;border-color:#d2e0d7}.eyebrow{color:#608b70}.brand-mark{color:#267448;background:#d3ead9}.topnav a{color:#3f6051}.card{background:#fff}.reading{background:#f2f7f3}.stepper button,.secondary,.refresh{color:#254333;background:#edf5ef;border-color:#bfd8c7}.switch{background:#a9bbb0}.divider{background:#e0e9e2}.status-banner.online{background:#e1f4e6;border-color:#b8dfbf}.status-banner.offline{background:#ffebe8}.status-meta{color:#4b6c5a}.notice{color:#6e4b1b;background:#fff3df}.field input{color:#1c332b;background:#fff}.section-title{color:#327a50}}.temperature-ruler .setpoint-preview{color:var(--amber)}.ruler-control{border:1px solid var(--line);background:var(--panel2);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:12px;height:74px;margin-top:18px;position:relative;overflow:hidden}.ruler-control:active{cursor:grabbing}.ruler-control:focus-visible{outline:2px solid var(--green);outline-offset:3px}.ruler-control.ruler-disabled{opacity:.5;cursor:not-allowed}.ruler-track{pointer-events:none;align-items:center;height:100%;transition:transform 90ms ease-out;display:flex;position:absolute;top:0;left:50%}.ruler-tick{flex:none;justify-content:center;align-items:center;width:24px;height:100%;display:flex}.ruler-tick span{background:#78918e;border-radius:2px;width:7px;height:24px}.ruler-tick.major span{background:#a4b9b1;height:34px}.ruler-tick.outside{opacity:.25}.ruler-tick.selected span{background:var(--green);height:43px}.ruler-marker{z-index:1;background:var(--amber);pointer-events:none;border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #f0be6e80}.ruler-ends{color:var(--muted);justify-content:space-between;margin-top:7px;font-size:12px;display:flex}.ruler-hint{text-align:center;color:var(--muted);margin:7px 0 0;font-size:12px}.apply-temperature{width:100%;margin-top:16px;display:block}@media (prefers-color-scheme:light){.ruler-control{background:#edf5ef}.ruler-tick span{background:#a6bdb0}.ruler-tick.major span{background:#739781}}