:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--bg-soft:#ebe4d8;--panel:#fffaf2;--panel-strong:#f8f1e5;--text:#1f2428;--muted:#66707a;--line:#d8cdbd;--accent:#1f6f5b;--accent-strong:#155645;--warm:#b65d2a;--cool:#2d6f9f;--shadow:0 16px 40px #1f242814;--radius:18px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #1f6f5b14, transparent 28%), radial-gradient(circle at 80% 0%, #2d6f9f14, transparent 24%), linear-gradient(180deg, var(--bg), #efe9df 60%, #ece5d8 100%);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0}.app-shell{width:min(1200px,100vw - 32px);margin:0 auto;padding:24px 0 40px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.mark{background:linear-gradient(135deg, var(--accent), var(--cool));width:40px;height:40px;box-shadow:var(--shadow);border-radius:12px}.brand h1,.section h2,.panel h3{margin:0}.brand h1{font-size:20px;line-height:1.1}.brand p,.meta,.help,.stat-label,.small{color:var(--muted)}.account{background:#ffffff8c;border:1px solid #d8cdbdcc;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:flex}.layout{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);background:#fffaf2db}.hero,.section,.side{padding:18px}.hero{gap:16px;display:grid}.hero-grid{grid-template-columns:1.35fr 1fr;gap:16px;display:grid}.hero-title{max-width:12ch;margin:0;font-size:clamp(28px,3vw,42px);line-height:1}.hero-copy{max-width:58ch;color:var(--muted);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;transition:transform .12s,border-color .12s,background .12s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{border-color:var(--line);color:var(--text);background:#ffffffbf}.metrics{gap:10px;display:grid}.metric{background:linear-gradient(#fffc,#f8f1e5e6);border:1px solid #d8cdbdcc;border-radius:16px;padding:14px}.metric-value{margin-top:6px;font-size:24px;line-height:1.1}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.control{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}.temperature{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.temp{letter-spacing:0;font-size:34px;font-weight:700}.mini-btns{gap:8px;display:flex}.icon-btn{background:var(--panel-strong);border:1px solid var(--line);border-radius:10px;width:36px;height:36px}.thermostats{gap:12px;display:grid}.thermostat{border:1px solid var(--line);background:#ffffffbf;border-radius:16px;gap:10px;padding:14px;display:grid}.thermostat-head{justify-content:space-between;gap:16px;display:flex}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:inline-flex}.pill.warm{color:var(--warm)}.pill.cool{color:var(--cool)}.pill.accent{color:var(--accent)}.status-grid{gap:12px;display:grid}.status-card{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;padding:14px}.status-value{margin-top:8px;font-size:18px}.route-list{gap:10px;display:grid}.route-item{border:1px solid var(--line);background:#fffc;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}@media (max-width:920px){.layout,.hero-grid,.controls{grid-template-columns:1fr}}@media (max-width:640px){.app-shell{width:min(100vw - 20px,1200px);padding-top:12px}.topbar{flex-direction:column;align-items:flex-start}}