#mecs-web {color-scheme:light dark; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
#mecs-web * {box-sizing:border-box;}
#mecs-web [hidden] {display:none!important;}
#mecs-web .mecs-role {display:inline-block;font-size:11px;letter-spacing:0;margin-left:5px;color:var(--mecs-muted);}
#mecs-web .mecs-heat-bounds {font-size:11px;text-align:center;color:var(--mecs-muted);margin-top:5px;}
#mecs-web .mecs-house-temperature {display:inline-flex;align-items:center;justify-content:center;gap:6px;}
#mecs-web .mecs-heating-status {display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0;}
#mecs-web .mecs-temperatures .mecs-heating-status svg {width:12px;height:12px;color:light-dark(#7b827e,#b0b8b2);}
#mecs-web .mecs-heating-status[data-heating="ON"] svg {color:light-dark(#bb4040,#f89b9b);}
#mecs-web .mecs-floor-reading {display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--mecs-line);margin-top:18px;padding-top:16px;}
#mecs-web .mecs-floor-reading h3 {font-size:13px;font-weight:500;margin:0 0 4px;}
#mecs-web .mecs-floor-reading span {font-size:11px;color:var(--mecs-muted);}
#mecs-web .mecs-floor-reading strong {font-size:20px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums;}
#mecs-web .mecs-charge-metrics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;}
#mecs-web .mecs-charge-metrics>div {display:flex;flex-direction:column;gap:5px;}
#mecs-web .mecs-charge-metrics span {font-size:11px;color:var(--mecs-muted);}
#mecs-web .mecs-charge-metrics strong {font-size:18px;font-weight:400;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
#mecs-web .mecs-secondary-button {min-height:44px;padding:9px 11px;background:var(--mecs-bg);border:1px solid var(--mecs-line);border-radius:10px;font-size:12px!important;}
#mecs-web .mecs-admin-doors {border-top:1px solid var(--mecs-line);margin-bottom:15px;}
#mecs-web .mecs-individual-door {padding:14px 0;border-bottom:1px solid var(--mecs-line);}
#mecs-web .mecs-individual-door>div:first-child {display:flex;justify-content:space-between;align-items:center;gap:8px;}
#mecs-web .mecs-individual-door strong {font-size:13px;font-weight:500;}
#mecs-web .mecs-individual-door span {font-size:12px;color:var(--mecs-muted);}
#mecs-web .mecs-door-actions {display:flex;gap:8px;margin-top:9px;}
#mecs-web .mecs-door-actions button {flex:1;}
#mecs-web .mecs-app {--mecs-bg:light-dark(#f4f5ef,#14201b);--mecs-paper:light-dark(#fff,#1e2d25);--mecs-ink:light-dark(#243c2e,#edf4ed);--mecs-muted:light-dark(#69766d,#adbbb0);--mecs-soft:light-dark(#e9eee5,#2b3d31);--mecs-accent:light-dark(#255e44,#b7dfbf);--mecs-on-accent:light-dark(#fff,#173221);--mecs-line:light-dark(#e0e6dc,#35473a);--mecs-warning:light-dark(#8c5625,#f0bd83);--mecs-warning-bg:light-dark(#faf0e2,#403022);width:100%;max-width:394px;min-height:916px;display:flex;flex-direction:column;padding:14px 22px 10px;background:var(--mecs-bg);color:var(--mecs-ink);border:1px solid var(--mecs-line);border-radius:35px;box-shadow:0 14px 45px light-dark(#21382b15,#00000030);font-size:14px;line-height:1.45;--mecs-radius:20px;--mecs-gap:13px;}
#mecs-web .mecs-app {--mecs-temp-blue:light-dark(#2c6fb0,#8ebeff);--mecs-temp-bluegray:light-dark(#647e92,#a2b4c5);--mecs-temp-teal:light-dark(#217e8b,#82cbd2);--mecs-temp-green:light-dark(#2c8050,#9dd8ac);--mecs-temp-orange:light-dark(#a3621c,#f5bc6f);--mecs-temp-redorange:light-dark(#bb582c,#f7a783);--mecs-temp-red:light-dark(#b63d3d,#fa9f9f);--mecs-temp-unknown:var(--mecs-muted);}
#mecs-web .mecs-app button,#mecs-web .mecs-app select {font:inherit;color:inherit;cursor:var(--cursor-interaction,pointer);}
#mecs-web .mecs-app button:focus-visible,#mecs-web .mecs-app select:focus-visible {outline:3px solid var(--mecs-accent);outline-offset:3px;}
#mecs-web .mecs-app button:disabled {cursor:default;opacity:.48;}
#mecs-web .mecs-app svg {width:18px;height:18px;stroke-width:1.7;flex-shrink:0;}
#mecs-web .mecs-inline {display:inline-flex;gap:7px;align-items:center;min-width:0;}
#mecs-web .mecs-header {display:flex;align-items:center;justify-content:space-between;}
#mecs-web .mecs-wordmark {font-size:11px;letter-spacing:2.2px;color:var(--mecs-muted);font-weight:500;margin-bottom:4px;}
#mecs-web h1 {font-size:28px;line-height:1.2;letter-spacing:-.9px;font-weight:500;margin:0;}
#mecs-web h2 {font-size:15px;line-height:1.3;font-weight:500;margin:0;}
#mecs-web .mecs-place-marks {display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
#mecs-web .mecs-housemark {display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:15px;background:var(--mecs-soft);color:var(--mecs-accent);}
#mecs-web .mecs-housemark svg {width:23px;height:23px;}
#mecs-web .mecs-connection {display:flex;align-items:center;gap:6px;margin-top:11px;margin-bottom:22px;font-size:11px;color:var(--mecs-muted);}
#mecs-web .mecs-updated {margin-left:auto;}
#mecs-web .mecs-dot {display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mecs-accent);flex-shrink:0;}
#mecs-web .mecs-segment {display:grid;grid-template-columns:1fr 1fr;background:var(--mecs-soft);padding:4px;border-radius:16px;gap:4px;}
#mecs-web .mecs-segment button {border:0;background:transparent;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:500;}
#mecs-web .mecs-segment button[aria-pressed="true"] {background:var(--mecs-accent);color:var(--mecs-on-accent);}
#mecs-web .mecs-mode-note {font-size:11px;color:var(--mecs-muted);min-height:34px;padding:9px 2px 0;}
#mecs-web .mecs-mode-note[data-warning="true"] {color:var(--mecs-warning);}
#mecs-web .mecs-temperatures {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:15px 0 21px;}
#mecs-web .mecs-temperatures>div {display:flex;flex-direction:column;align-items:center;gap:3px;border-right:1px solid var(--mecs-line);}
#mecs-web .mecs-temperatures>div:last-child {border-right:0;}
#mecs-web .mecs-temperatures>div>span {font-size:11px;color:var(--mecs-muted);}
#mecs-web .mecs-temperatures strong {font-size:27px;line-height:1.2;letter-spacing:-1px;font-weight:400;font-variant-numeric:tabular-nums;}
#mecs-web .mecs-temperatures strong span {font-size:18px;vertical-align:top;}
#mecs-web .mecs-content {display:flex;flex-direction:column;gap:var(--mecs-gap);flex:1;}
#mecs-web .mecs-surface {background:var(--mecs-paper);border-radius:var(--mecs-radius);padding:18px;}
#mecs-web .mecs-card-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;}
#mecs-web .mecs-badge {background:var(--mecs-soft);color:var(--mecs-accent);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;}
#mecs-web .mecs-target-label {text-align:center;margin-top:18px;font-size:11px;color:var(--mecs-muted);}
#mecs-web .mecs-thermostat {display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:9px;padding:9px 0 4px;}
#mecs-web .mecs-step {border:1px solid var(--mecs-line);background:var(--mecs-paper);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;}
#mecs-web .mecs-target {grid-column:2;display:flex;align-items:baseline;justify-content:center;gap:3px;white-space:nowrap;}
#mecs-web .mecs-target strong {font-size:45px;line-height:1.15;font-weight:400;letter-spacing:-2px;font-variant-numeric:tabular-nums;}
#mecs-web .mecs-target>span {font-size:15px;color:var(--mecs-muted);}
#mecs-web .mecs-heat-help {font-size:11px;color:var(--mecs-muted);text-align:center;min-height:33px;padding-top:9px;}
#mecs-web .mecs-auto {background:transparent;border:0;border-top:1px solid var(--mecs-line);border-radius:0;color:var(--mecs-accent);width:100%;min-height:43px;margin-top:6px;padding:10px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;}
#mecs-web .mecs-auto svg {width:14px;height:14px;}
#mecs-web .mecs-door-count {font-size:11px;color:var(--mecs-muted);}
#mecs-web .mecs-door-detail {display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:0;padding:12px 0;min-height:46px;font-size:12px;color:var(--mecs-muted);text-align:left;gap:8px;}
#mecs-web .mecs-door-list {padding:0 0 9px;font-size:12px;color:var(--mecs-muted);}
#mecs-web .mecs-door-list>div {display:flex;justify-content:space-between;padding:5px 0;}
#mecs-web .mecs-main-button {width:100%;min-height:44px;border:0;border-radius:12px;background:var(--mecs-accent);color:var(--mecs-on-accent)!important;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px!important;font-weight:500;}
#mecs-web .mecs-main-button[data-complete="true"] {background:var(--mecs-soft);color:var(--mecs-accent)!important;opacity:1;}
#mecs-web .mecs-error {font-size:11px;color:var(--mecs-warning);background:var(--mecs-warning-bg);padding:9px 10px;border-radius:9px;margin-top:10px;}
#mecs-web .mecs-charging {font-size:11px;color:var(--mecs-muted);display:flex;gap:5px;align-items:center;}
#mecs-web .mecs-select-label {display:block;font-size:11px;color:var(--mecs-muted);margin-top:13px;}
#mecs-web select {display:block;width:100%;background:var(--mecs-bg);border:1px solid var(--mecs-line);border-radius:11px;padding:10px 11px;min-height:44px;font-size:14px!important;margin-top:5px;}
#mecs-web .mecs-charge-feedback {color:var(--mecs-muted);font-size:11px;margin-top:9px;min-height:16px;}
#mecs-web .mecs-home-indicator {height:4px;width:98px;background:var(--mecs-ink);border-radius:10px;opacity:.7;margin:24px auto 1px;flex-shrink:0;}
#mecs-web .mecs-overview {display:flex;flex-direction:column;gap:9px;}
#mecs-web .mecs-overview-row {display:flex;align-items:center;gap:12px;min-height:87px;width:100%;padding:16px 15px;border:0;border-radius:var(--mecs-radius);background:var(--mecs-paper);text-align:left;}
#mecs-web .mecs-row-icon {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:37px;height:37px;border-radius:12px;color:var(--mecs-accent);background:var(--mecs-soft);}
#mecs-web .mecs-row-copy {display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;}
#mecs-web .mecs-row-copy strong {font-size:14px;font-weight:500;}
#mecs-web .mecs-row-copy>span {font-size:11px;color:var(--mecs-muted);}
#mecs-web .mecs-overview-row>svg {width:15px;color:var(--mecs-muted);}
#mecs-web .mecs-home-hint {margin:19px 15px;display:flex;align-items:flex-start;gap:10px;color:var(--mecs-muted);font-size:12px;}
#mecs-web .mecs-navigation {margin-top:24px;border-top:1px solid var(--mecs-line);padding-top:13px;display:grid;grid-template-columns:repeat(var(--mecs-nav-count,4),minmax(0,1fr));gap:3px;}
#mecs-web .mecs-navigation button {min-height:50px;padding:3px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;border-radius:9px;color:var(--mecs-muted);font-size:11px;}
#mecs-web .mecs-navigation button[aria-current="page"] {color:var(--mecs-accent);background:var(--mecs-soft);}

html,body{margin:0;background:light-dark(#f4f5ef,#14201b);color-scheme:light dark;}
#mecs-web .mecs-app{margin:0 auto;border:0;border-radius:0;box-shadow:none;min-height:100svh;max-width:440px;padding-top:24px;padding-bottom:18px;}
#mecs-web .mecs-login{max-width:360px;padding:32px 20px;margin:auto;color:light-dark(#243c2e,#edf4ed);}
#mecs-web .mecs-login p{font-size:14px;}
#mecs-web .mecs-login label{display:block;}
#mecs-web .mecs-login input{box-sizing:border-box;width:100%;min-height:44px;font-size:16px;margin:8px 0 16px;border:1px solid light-dark(#b9c2b8,#677e6e);border-radius:10px;padding:10px;color:inherit;background:light-dark(#fff,#1e2d25);}
#mecs-web .mecs-login button{min-height:44px;font-size:16px;padding:10px 22px;border:0;border-radius:10px;background:light-dark(#255e44,#b7dfbf);color:light-dark(#fff,#173221);}
#mecs-web .mecs-feedback{font-size:12px;color:var(--mecs-warning);margin:12px 0 0;}
#mecs-web .mecs-signout{border:0;background:transparent;color:var(--mecs-muted);min-height:44px;font-size:11px;}
#mecs-web .mecs-temperatures [data-quality=stale]{opacity:.5;}
#mecs-web .mecs-login [role=alert]{color:light-dark(#a02d2d,#f49b9b);}
@media(max-width:420px){#mecs-web .mecs-app{padding-left:16px;padding-right:16px;}#mecs-web .mecs-surface{padding:16px;}#mecs-web .mecs-card-heading{flex-wrap:wrap;}#mecs-web .mecs-target strong{font-size:40px;}#mecs-web .mecs-updated{font-size:11px;}}