:root{--bg: #0e1116;--surface: #151a21;--surface-2: #1b222b;--line: #242c37;--text: #e8edf2;--muted: #8a94a0;--faint: #5c6570;--heat: #f5a05a;--cool: #5ac8e8;--ok: #6fcf97;--fault: #e5655e;--accent: var(--ok);--accent-dim: color-mix(in srgb, var(--accent) 18%, transparent);--body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--r: 14px}[data-mode=heating]{--accent: var(--heat)}[data-mode=cooling],[data-mode=boost]{--accent: var(--cool)}[data-mode=failsafe]{--accent: var(--fault)}*{box-sizing:border-box;margin:0}html{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{display:flex;align-items:center;gap:.75rem;padding:.9rem clamp(1rem,3vw,1.5rem);border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:1.05rem}.brand em{font-style:normal;color:var(--ok)}.topbar .spacer{flex:1}main{max-width:52rem;margin:0 auto;padding:clamp(1rem,3vw,1.5rem)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.2rem;margin-bottom:1rem}.card h2{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.field{display:block;margin-bottom:1rem}.field span{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.35rem}.field input{width:100%;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.btn{display:inline-block;border:1px solid var(--line);border-radius:10px;padding:.65rem 1.1rem;font-weight:600;background:var(--surface-2);color:var(--text)}.btn.primary{background:var(--accent);border-color:transparent;color:#08211a}.btn:disabled{opacity:.5;cursor:default}.btn.link{background:none;border:0;color:var(--accent);padding:.2rem;font-weight:500}.login{min-height:100dvh;display:grid;place-items:center;padding:1rem}.login .card{width:100%;max-width:22rem;padding:2rem}.login h1{font-size:1.4rem;margin-bottom:.25rem}.login h1 em{font-style:normal;color:var(--ok)}.login p{color:var(--muted);font-size:.85rem;margin-bottom:1.25rem}.err{color:var(--fault);font-size:.85rem;margin-top:.75rem}.okmsg{color:var(--ok);font-size:.85rem;margin-top:.75rem}.device-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem;margin-bottom:.8rem;color:var(--text)}.device-row:hover{background:var(--surface-2)}.device-name{font-weight:600}.device-sub{color:var(--muted);font-size:.82rem}.pill{font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.18rem .6rem;border-radius:999px}.pill.on{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.pill.off{background:color-mix(in srgb,var(--fault) 15%,transparent);color:var(--fault)}.big-temp{font-weight:700;font-size:2.6rem;line-height:1.1}.big-temp .unit{font-size:1.2rem;color:var(--muted);font-weight:500}.mode-name{font-weight:700;font-size:1.4rem;color:var(--accent);text-transform:capitalize}.mode-sub{color:var(--muted);font-size:.85rem}.kv{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;font-size:.88rem}.kv dt{color:var(--muted)}.kv dd{font-family:var(--mono);font-size:.82rem;text-align:right}.grid2{display:grid;gap:1rem}@media(min-width:620px){.grid2{grid-template-columns:1fr 1fr}}.stepper{display:flex;align-items:center;gap:.8rem}.stepper button{width:2.4rem;height:2.4rem;border-radius:50%;font-size:1.2rem}.stepper .val{font-weight:700;font-size:1.3rem;min-width:4.2rem;text-align:center}