:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#0d1514;--color-surface:#15201e;--color-surface-raised:#1c2a27;--color-line:#2c3c38;--color-text:#f2f6f4;--color-muted:#a9b8b3;--color-accent:#61d6c5;--color-open:#3cbf91;--color-closed:#f2a066;--color-neutral:#dfa84b;--color-unavailable:#87938f;--color-open-surface:#12664a;--color-closed-surface:#a64b1e;--color-neutral-surface:#80651a;--color-unavailable-surface:#3b4643;--radius-large:26px;--radius-medium:16px;--shadow-card:0 18px 40px #0000002e}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:320px;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 50% -20%, #21413a 0, var(--color-canvas) 42%);margin:0}button,input{font:inherit}button{cursor:pointer;min-height:44px}button:focus-visible,input:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}button:disabled{cursor:wait;opacity:.62}.app-shell{width:min(100% - 32px,1080px);padding:calc(22px + env(safe-area-inset-top)) 0 calc(40px + env(safe-area-inset-bottom));margin:0 auto}.app-header,.dashboard-intro,.zone-heading,.dialog-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.app-header{margin-bottom:40px}.product-lockup{align-items:center;gap:13px;display:flex}.product-lockup h1,.dashboard-intro h2,.zone-card h2,.details-dialog h2{margin:0;line-height:1.1}.product-lockup h1{letter-spacing:-.02em;font-size:1.3rem}.eyebrow,.zone-label{color:var(--color-accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 3px;font-size:.72rem;font-weight:750}.window-glyph{border:3px solid #ecf6f3;border-radius:10px;width:43px;height:43px;position:relative}.window-glyph:after{border:2px solid var(--color-accent);content:"";border-left-width:7px;position:absolute;inset:4px 6px 4px 19px;transform:perspective(24px)rotateY(-18deg)}.window-glyph i{background:var(--color-accent);width:12px;height:3px;box-shadow:0 9px var(--color-accent);border-radius:5px;position:absolute;top:12px;right:-7px}.secondary-action,.quiet-action,.danger-action,.primary-action{border:0;border-radius:999px;padding:10px 18px;font-weight:700}.secondary-action,.quiet-action{color:var(--color-text);background:var(--color-surface-raised)}.primary-action{color:#06221c;background:var(--color-accent)}.danger-action{color:#ffd5d0;background:#512925;margin:28px auto 0;display:block}.dashboard-intro{flex-wrap:wrap;align-items:flex-end;margin-bottom:18px}.dashboard-intro h2{letter-spacing:-.02em;font-size:clamp(1.55rem,4vw,2rem);font-weight:700}.recommendation-title-row{align-items:center;gap:8px;display:flex}.refresh-action{width:38px;min-height:38px;color:var(--color-accent);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.refresh-action:hover{background:#6fe1cc1a}.refresh-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.data-meta{color:var(--color-muted);flex-wrap:wrap;justify-content:flex-end;gap:4px 18px;font-size:.78rem;display:flex}.zone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.zone-card{border-radius:var(--radius-large);background:var(--status-surface);min-width:0;box-shadow:var(--shadow-card);border:1px solid #ffffff24;flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden}.recommendation-ventilate{--status-color:var(--color-open);--status-surface:var(--color-open-surface)}.recommendation-keepClosed{--status-color:var(--color-closed);--status-surface:var(--color-closed-surface)}.recommendation-neutral{--status-color:var(--color-neutral);--status-surface:var(--color-neutral-surface)}.recommendation-unavailable{--status-color:var(--color-unavailable);--status-surface:var(--color-unavailable-surface)}.status-dot{background:var(--status-color);width:11px;height:11px;box-shadow:0 0 0 7px color-mix(in srgb, var(--status-color) 18%, transparent);border-radius:50%}.zone-identity{align-items:baseline;gap:7px;min-width:0;display:flex}.zone-card h2{font-size:1.15rem}.zone-card .zone-label{color:#ffffffc7;margin:0}.recommendation-label{letter-spacing:-.015em;margin:30px 0 6px;font-size:clamp(1.65rem,4vw,2.2rem);font-weight:700}.reason{min-height:48px;color:var(--color-muted);margin:0}.zone-card .reason{color:#ffffffd6}.delta-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:auto 0 16px;padding-top:22px;display:grid}.delta-card{border:1px solid var(--color-line);background:#ffffff0a;border-radius:13px;gap:2px;min-width:0;padding:11px 12px;display:grid}.delta-card strong{font-size:1.05rem;font-weight:700}.delta-card small{color:#ffffffbf;font-size:.76rem}.delta-value{white-space:nowrap}.zone-card .delta-card{background:#ffffff14;border-color:#ffffff2e}.quiet-action{width:100%}.zone-card .quiet-action{color:var(--color-text);background:#03141047}.status-banner{color:#cbeae3;background:#17342e;border:1px solid #3c685e;border-radius:12px;margin:-20px 0 24px;padding:11px 14px}.status-warning{color:#f4ddae;background:#342b18;border-color:#735b2d}.status-offline{color:#d1e9f8;background:#182d3a;border-color:#3a5f78}.empty-state,.skeleton{border:1px solid var(--color-line);border-radius:var(--radius-large);text-align:center;background:var(--color-surface);padding:48px 24px}.skeleton{gap:12px;display:grid}.skeleton i{background:var(--color-surface-raised);border-radius:10px;height:20px}.skeleton i:last-child{height:120px}.dialog-backdrop{z-index:10;background:#000000a8;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.details-dialog{border:1px solid var(--color-line);border-radius:var(--radius-large);background:#172320;width:min(100%,620px);max-height:min(84vh,680px);padding:24px;overflow:auto;box-shadow:0 28px 80px #00000080}.icon-button{width:44px;color:var(--color-text);background:var(--color-surface-raised);border:0;border-radius:50%;padding:0;font-size:1.6rem}.details-grid{grid-template-columns:1fr;gap:12px;margin-top:22px;display:grid}.air-column{border-radius:var(--radius-medium);background:var(--color-surface-raised);padding:16px}.air-column h3{margin:0 0 14px}.air-column dl,.air-column dl div{margin:0}.air-column dl div{border-top:1px solid var(--color-line);justify-content:space-between;gap:16px;padding:7px 0;display:flex}.air-column dt{color:var(--color-muted)}.air-column dd{text-align:right;margin:0}.adjusted-humidity{border-radius:var(--radius-medium);background:var(--color-surface-raised);justify-content:space-between;gap:16px;margin:12px 0 0;padding:14px 16px;display:flex}.login-shell,.centered-status{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--color-line);background:var(--color-surface);width:min(100%,420px);box-shadow:var(--shadow-card);border-radius:30px;padding:32px}.brand-mark{width:52px;height:52px;color:var(--color-accent);background:var(--color-surface-raised);border-radius:16px;place-items:center;margin-bottom:24px;font-size:2rem;display:grid}.login-card h1{letter-spacing:-.05em;margin:0;font-size:2.5rem}.login-intro{color:var(--color-muted);margin:10px 0 28px}.login-card label{margin-bottom:7px;font-weight:680;display:block}.login-card input{border:1px solid var(--color-line);width:100%;min-height:50px;color:var(--color-text);background:#0d1715;border-radius:13px;padding:10px 14px}.login-card .primary-action{width:100%;margin-top:16px}.form-error{color:#ffb9ae;margin:10px 0 0}.pwa-status{z-index:20;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));gap:8px;width:min(520px,100% - 28px);margin-left:auto;display:grid;position:fixed}.pwa-status>div{border:1px solid var(--color-line);box-shadow:var(--shadow-card);background:#20312d;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.pwa-status button{color:var(--color-text);background:#314943;border:0;border-radius:999px;flex:none;padding:8px 13px}.settings-card{border:1px solid var(--color-line);border-radius:var(--radius-large);background:var(--color-surface);gap:0;margin-top:28px;padding:20px;display:grid}.settings-card>.eyebrow{margin-bottom:8px}.settings-copy,.settings-hint{color:var(--color-muted);margin:6px 0 0}.settings-option{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px;padding:16px 0;display:grid}.settings-option:first-of-type{border-top:0}.settings-hint{grid-column:1/-1;font-size:.9rem}.notification-switch{background:#42504d;border:0;border-radius:999px;width:54px;min-height:44px;padding:6px;position:relative}.notification-switch span{background:#e6efec;border-radius:50%;width:32px;height:32px;display:block;transform:translate(0);box-shadow:0 2px 7px #00000059}.notification-switch[aria-checked=true]{background:var(--color-accent)}.notification-switch[aria-checked=true] span{background:#08241e;transform:translate(10px)}.notification-switch:disabled{cursor:not-allowed}@media (width<=955px){.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.zone-grid{grid-template-columns:1fr}.dashboard-intro{flex-direction:column;align-items:flex-start}.data-meta{justify-content:flex-start}}@media (width>=620px){.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-backdrop{place-items:center}}@media (width<=440px){.app-shell{width:min(100% - 24px,1080px)}.app-header{margin-bottom:30px}.login-card{padding:25px 21px}}@media (prefers-reduced-motion:no-preference){.zone-card,button,.notification-switch span{transition:border-color .16s,transform .16s,background-color .16s}button:not(:disabled):active{transform:scale(.98)}}