:root{--grey-50: #fafafa;--grey-100: #f5f5f5;--grey-200: #e6e6e6;--grey-300: #cccccc;--grey-400: #b3b3b3;--grey-500: #999999;--grey-600: #808080;--grey-700: #666666;--grey-800: #4d4d4d;--grey-900: #333333;--grey-950: #181818;--green-50: #f4f9e9;--green-100: #dfecbc;--green-200: #cae08f;--green-300: #b5d462;--green-400: #a0c735;--green-500: #95c11f;--green-600: #779a19;--green-700: #597413;--green-800: #3c4d0c;--green-900: #1e2706;--green-950: #0f1303;--navy-50: #e8e9ec;--navy-100: #d1d3d8;--navy-200: #a3a7b1;--navy-300: #757a8b;--navy-400: #474e64;--navy-500: #19223d;--navy-600: #141b31;--navy-700: #0f1425;--navy-800: #0a0e18;--navy-900: #05070c;--success-300: #70d5b3;--success-400: #40c79a;--success-500: #10b981;--success-700: #0a6f4d;--warning-400: #ffcd39;--warning-500: #ffc107;--warning-700: #997404;--warning-800: #664d03;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #bf3636;--error-700: #8f2929;--cold-blue: #2fc3ca;--white: #ffffff;--black: #000000;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--size-dial: 22rem;--radius-sm: .3rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-pill: 999px;--font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .35);--shadow-raised: 0 6px 20px rgba(0, 0, 0, .5);--color-bg: var(--grey-950);--color-surface: var(--grey-900);--color-surface-sunken: #262626;--color-hover-overlay: rgba(255, 255, 255, .08);--color-border: var(--grey-800);--color-border-strong: var(--grey-600);--color-surface-raised: var(--grey-800);--color-skeleton: var(--grey-700);--color-text: var(--white);--color-text-muted: var(--grey-400);--color-accent: var(--green-500);--color-accent-hover: var(--green-600);--color-accent-strong: var(--green-500);--color-on-accent: var(--grey-950);--color-icon-accent: var(--green-200);--color-online: #81c784;--color-offline: #ffb74d;--color-danger: #ff8a80;--color-danger-tint: rgba(255, 138, 128, .15);--color-warning-tint: rgba(255, 183, 77, .15);--badge-now-bg: var(--success-700);--badge-now-fg: var(--white)}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Montserrat-Regular-W_gx5rsG.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Montserrat-Medium-DW6Dzcuv.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Montserrat-Bold-DJGiTwQ0.ttf) format("truetype")}@font-face{font-family:Montserrat-Regular;font-display:swap;src:url(/assets/Montserrat-Regular-W_gx5rsG.ttf) format("truetype")}@font-face{font-family:Montserrat-Medium;font-display:swap;src:url(/assets/Montserrat-Medium-DW6Dzcuv.ttf) format("truetype")}@font-face{font-family:Montserrat-Bold;font-display:swap;src:url(/assets/Montserrat-Bold-DJGiTwQ0.ttf) format("truetype")}:root{color-scheme:dark;font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}body{margin:0;background:var(--color-bg);color:var(--color-text)}h1,h2,h3{color:var(--color-text);line-height:1.2}h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.01em}h2{font-size:var(--text-xl);font-weight:var(--weight-semibold)}:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{max-width:40rem;margin:0 auto;padding:var(--space-8) var(--space-4)}.app-header{display:flex;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.app-header .icon-button{margin-top:-.325rem;margin-left:-.625rem}.greeting{min-width:0}.greeting__title{margin:0}.greeting__name{color:var(--color-accent-strong)}.greeting__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted)}form{display:flex;flex-direction:column;gap:var(--space-1)}form label{font-weight:var(--weight-semibold);margin-top:var(--space-3)}form input{padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}form input:focus-visible{outline-offset:1px;border-color:var(--color-accent-strong)}form input::placeholder{color:var(--color-text-muted);opacity:1}button{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;color:var(--color-on-accent);background:var(--color-accent);border:1px solid transparent;border-radius:var(--radius-md)}button:hover:not(:disabled){background:var(--color-accent-hover)}button:disabled{cursor:not-allowed;color:var(--color-text-muted);background:var(--color-surface-sunken);border-color:var(--color-border)}.btn-secondary{color:var(--color-text);background:transparent;border-color:var(--color-border-strong);font-weight:var(--weight-medium)}.btn-secondary:hover:not(:disabled){background:var(--color-hover-overlay)}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.75rem;height:2.75rem;margin-top:0;padding:0;color:var(--color-text);background:none;border-color:transparent}.icon-button:hover:not(:disabled){background:var(--color-hover-overlay)}.icon-button svg{width:1.5rem;height:1.5rem}button.link-button,button.back-link,button.link-button:hover:not(:disabled),button.back-link:hover:not(:disabled){margin-top:0;background:none;border:none}.link-button{padding:.35rem 0;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-accent-strong);text-decoration:none;cursor:pointer}.link-button:hover:not(:disabled),.link-button:focus-visible{text-decoration:underline}.form-error{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-danger)}.form-error:empty{margin:0}.text-field{margin-bottom:var(--space-8)}.text-field--tight{margin-bottom:var(--space-2)}.text-field__control{position:relative;display:flex}.text-field__control input{flex:1;min-width:0}.password-field input{padding-right:4rem}.password-field input::-ms-reveal{display:none}.password-field__toggle{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);margin-top:0;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--color-accent-strong);background:none;border-color:transparent}.password-field__toggle:hover:not(:disabled){background:var(--color-hover-overlay)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.auth-brand{display:flex;justify-content:center;margin:var(--space-4) 0 var(--space-8)}.auth-brand svg{width:13.5rem;max-width:100%;height:auto}.auth-screen__title{margin:0 0 var(--space-12);font-size:var(--text-xl);color:var(--color-accent-strong)}.auth-screen__heading{margin:0 0 var(--space-4);font-size:var(--text-xl)}.auth-screen__intro{margin:0 0 var(--space-8);font-size:var(--text-sm)}.auth-screen__nav{margin-bottom:var(--space-4)}.auth-form{gap:0}.auth-form__link{align-self:flex-start}.auth-form__submit{margin-top:var(--space-6);min-height:2.5rem;font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.02em}.legal-footer{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);margin-top:var(--space-10);font-size:var(--text-xs)}.legal-footer a{color:var(--color-text-muted);text-decoration:none}.legal-footer a:hover,.legal-footer a:focus-visible{color:var(--color-accent-strong);text-decoration:underline}.dashboard{max-width:60rem}.skeleton{display:block;background:var(--color-skeleton);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite alternate}@keyframes skeleton-pulse{0%{background:var(--color-skeleton)}to{background:var(--color-surface)}}.skeleton--heading{width:12rem;height:1.375rem;margin:var(--space-6) 0 var(--space-3)}.skeleton--line{width:7rem;height:.875rem;margin:var(--space-1) 0}.skeleton--title{width:9rem;height:1rem}.skeleton-tile{height:11rem;border-radius:var(--radius-md)}@container (min-width: 22rem){.skeleton-tile{height:5.5rem}}.loading-screen{display:grid;place-items:center;min-height:60vh;color:var(--color-accent-strong)}.loading-screen__spinner{display:inline-flex}.loading-screen__spinner svg{width:2rem;height:2rem}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.dashboard-status{margin:var(--space-6) 0;color:var(--color-text-muted)}.dashboard-home-name{margin:var(--space-6) 0 var(--space-3)}.home-selector{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6)}.home-selector label{font-weight:var(--weight-semibold)}.home-selector select{padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.zone-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.zone-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4);height:100%}.zone-tile__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.zone-tile__name{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.zone-tile__tags{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.zone-tag{font-size:var(--text-xs);padding:.1rem .5rem;border-radius:var(--radius-pill);color:var(--color-text-muted);background:var(--color-surface-sunken);white-space:nowrap}.zone-status{margin:var(--space-3) 0;font-weight:var(--weight-semibold)}.zone-status__dot{margin-right:.35rem}.zone-status--online{color:var(--color-online)}.zone-status--offline{color:var(--color-offline)}.zone-readouts{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0}.zone-readout dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.zone-readout dd{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.zone-schedule-toggle{margin-top:var(--space-4);display:inline-block;padding:.35rem 0;font-size:var(--text-sm)}.zone-schedule{margin-top:var(--space-3)}.zone-schedule__empty,.zone-schedule__offline{margin:var(--space-2) 0;font-size:var(--text-sm)}.zone-schedule__offline{color:var(--color-offline)}.zone-schedule__days{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.zone-schedule__day-name{margin:0 0 var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.zone-schedule__none{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.zone-schedule__events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.zone-schedule__event{display:flex;align-items:baseline;gap:var(--space-2)}.zone-schedule__time{font-variant-numeric:tabular-nums;min-width:3.5rem;font-weight:var(--weight-semibold)}.zone-schedule__event--current,.zone-schedule__event--next{font-weight:var(--weight-semibold)}.zone-schedule__badge{font-size:var(--text-xs);padding:.05rem .4rem;border-radius:var(--radius-sm);background:var(--badge-now-bg);color:var(--badge-now-fg)}.zone-schedule__badge--next{background:var(--color-surface-sunken);color:var(--color-text-muted)}.connection-banner-slot{max-width:40rem;margin:0 auto;padding:var(--space-4) var(--space-4) 0}.connection-banner-slot:empty{display:none}.connection-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.connection-banner--reconnecting{color:var(--color-offline);background:var(--color-warning-tint)}.connection-banner--closed{color:var(--color-danger);background:var(--color-danger-tint)}.connection-banner__retry{margin:0;padding:.2rem .6rem;font-size:var(--text-sm)}.holiday-banner{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-warning-tint);border:1px solid var(--color-offline);border-radius:var(--radius-md)}.holiday-banner__title{margin:0;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-offline)}.holiday-banner__text{margin:0;font-size:var(--text-sm);color:var(--color-text)}.holiday-banner__cancel{align-self:flex-start;display:inline-flex;align-items:center;min-height:2.75rem;padding:.2rem .75rem;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.holiday-banner__cancel:hover{background:var(--color-hover-overlay)}.holiday-banner-slot:empty{display:none}.offline-help{display:flex;flex-direction:column;gap:var(--space-4);margin:0 0 var(--space-6)}.offline-help__title{margin:0;font-size:var(--text-base);font-weight:var(--weight-bold)}.offline-help__intro,.offline-help__footer{margin:0;font-size:var(--text-xs);color:var(--color-text)}.offline-help__steps{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);font-size:var(--text-xs)}.offline-help__steps li::marker{color:var(--color-accent-strong)}.non-connected{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--space-8);margin:0 0 var(--space-8)}.non-connected__body{display:flex;flex-direction:column;gap:var(--space-8);width:100%}.non-connected__art{display:flex;justify-content:center;width:100%}.non-connected__art svg{width:100%;max-width:9.375rem;height:auto}@media(min-width:56rem){.non-connected{grid-template-columns:minmax(0,var(--size-dial)) minmax(0,1fr);align-items:center;column-gap:var(--space-10)}.non-connected__art svg{max-width:var(--size-dial)}}.non-connected__title,.non-connected__contact{margin:0;font-size:var(--text-base);font-weight:var(--weight-bold)}.non-connected__text{margin:0;font-size:var(--text-base)}.non-connected__phone{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-1);min-height:4rem;padding:var(--space-2) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none}.non-connected__phone:hover{background:var(--color-surface-raised)}.non-connected__phone-label{font-size:var(--text-xs);color:var(--color-text-muted)}.non-connected__phone-number{font-size:var(--text-base);font-weight:var(--weight-bold)}.session-gate__message{margin:var(--space-6) 0}.session-gate__legal{margin:0 0 var(--space-6)}.session-gate__actions{display:flex;gap:var(--space-3)}.control-errors{margin:0 0 var(--space-4);padding:var(--space-3);background:var(--color-danger-tint);border:1px solid var(--color-danger);border-radius:var(--radius-md)}.control-errors__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.control-errors__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.control-errors__message{color:var(--color-danger);font-weight:var(--weight-semibold)}.control-errors__dismiss{margin-top:0;min-height:2.75rem;padding:.2rem .75rem;font-size:var(--text-sm);flex-shrink:0}.back-link{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem 0;color:var(--color-accent-strong);font-weight:var(--weight-semibold);text-decoration:none}.back-link:hover{color:var(--color-text)}.back-link__chevron{font-size:1.25em;line-height:1}.screen__header{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.screen__header h1{margin:0}.zone-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.zone-header__titles{min-width:0}.zone-header__name{margin:0;color:var(--color-accent-strong)}.zone-header__sub{margin:var(--space-1) 0 0;font-size:var(--text-sm)}.zone-header__flame{flex:0 0 auto;display:inline-flex;color:var(--error-500)}.zone-header__flame svg{width:1.5rem;height:1.75rem}.zone-header__status{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.zone-header__spinner{display:inline-flex;color:var(--color-accent-strong)}.zone-header__spinner svg{width:1.25rem;height:1.25rem}.spinner{transform-origin:center;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.screen__sub{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.mode-override{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.mode-override__title{margin:0;font-size:var(--text-lg)}.mode-override__desc{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.mode-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.mode-card{margin-top:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-4);text-align:left;color:var(--color-text);background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-lg)}.mode-card:hover:not(:disabled){background:var(--color-hover-overlay)}.mode-card[aria-pressed=true]{border-color:var(--color-accent)}.mode-card:disabled{opacity:.5;cursor:not-allowed}.mode-card__title{font-weight:var(--weight-semibold)}.mode-card[aria-pressed=true] .mode-card__title{color:var(--color-accent-strong)}.mode-card__desc{font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-text-muted)}.mode-hint{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.zone-tile-row{list-style:none;margin:var(--space-6) 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}@media(min-width:48rem){.zone-tile-row{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.zone-tile-row__item:only-child{max-width:calc(50% - var(--space-1))}}.zone-tile-row__item{min-width:0;container-type:inline-size}.zone-tile-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:11rem;padding:var(--space-2);color:var(--color-text);background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-md);text-decoration:none}a.zone-tile-card:hover{background:linear-gradient(var(--color-hover-overlay),var(--color-hover-overlay)) var(--color-surface)}.zone-tile-card--active{border-color:var(--color-accent)}.zone-tile-card--locked,.zone-tile-card--static{cursor:default}.zone-tile-card__top{display:flex;align-items:stretch;gap:var(--space-2)}.zone-tile-card__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin:var(--space-2) 0 0 var(--space-2);padding:var(--space-4);color:var(--color-icon-accent);background:var(--color-surface-raised);border-radius:var(--radius-md)}.zone-tile-card__icon svg{width:2.5rem;height:2.5rem}.zone-tile-card__big{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;font-size:var(--text-base);font-variant-numeric:tabular-nums;color:var(--color-text)}.zone-tile-card__big--frost{color:var(--cold-blue)}.zone-tile-card__big--on{color:var(--color-accent-strong)}.zone-tile-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-left:var(--space-2)}.zone-tile-card__text{display:flex;flex-direction:column;min-width:0}.zone-tile-card__small{font-size:var(--text-xs)}.zone-tile-card__name{font-size:var(--text-sm);font-weight:var(--weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container (min-width: 22rem){.zone-tile-card{flex-direction:row;align-items:center;gap:var(--space-4);min-height:0;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2)}.zone-tile-card__top{flex:1;min-width:0;align-items:center;gap:var(--space-4)}.zone-tile-card__icon{margin:0}.zone-tile-card__bottom{flex:0 0 auto;padding-left:0}.zone-tile-card__text{align-items:flex-end;text-align:right}.zone-tile-card .zone-tile-card__chevron{display:none}}.zone-tile-card__chevron,.action-panel__chevron{display:inline-flex;flex:0 0 auto;color:var(--color-text)}.zone-tile-card__chevron svg,.action-panel__chevron svg{width:1.5rem;height:1.5rem}.property-action-row{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8);margin-top:var(--space-6)}.action-panel-list{display:flex;flex-direction:column;gap:var(--space-8)}.action-panel{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);color:var(--color-text);border-radius:var(--radius-md);text-decoration:none}.property-action-row .action-panel{flex:1 1 14rem}a.action-panel:hover{background:var(--color-hover-overlay)}.action-panel__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:3rem;height:3rem;border-radius:var(--radius-md);color:var(--color-icon-accent);background:var(--color-surface)}.action-panel__text{display:flex;flex-direction:column;flex:1;min-width:0;padding:0 var(--space-2)}.action-panel__title{font-weight:var(--weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-panel__sub{font-size:var(--text-sm);min-height:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-screen{max-width:52rem}.zone-screen__body{display:grid;grid-template-columns:minmax(0,var(--size-dial)) minmax(0,1fr);gap:var(--space-8);align-items:center}.zone-screen__actions{display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:48rem){.zone-screen__body{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}}.cancel-override__button{margin-top:0;width:100%;min-height:2.75rem;color:var(--color-on-accent);background:var(--color-accent);border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em}.cancel-override__button:hover{background:var(--color-accent-hover)}.zone-screen__dial{width:100%;max-width:var(--size-dial);margin:0 auto}.radial{--radial-tone: var(--color-accent-strong);display:block;width:100%;margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none}.radial--tone-cold{--radial-tone: var(--cold-blue)}.radial:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:4px;border-radius:50%}.radial__svg{display:block;width:100%;height:auto;cursor:pointer;pointer-events:none;touch-action:none}.radial--disabled .radial__svg{cursor:default}.radial__bg-outer{fill:var(--color-surface)}.radial__bg-inner{fill:var(--color-surface-sunken)}.radial__arc{stroke:var(--radial-tone);stroke-width:6;stroke-linecap:round}.radial__inc-dot{fill:var(--color-border-strong)}.radial__climb-dot{fill:var(--radial-tone);transform-box:fill-box;transform-origin:center;animation:radial-climb-pulse 1s ease-in-out 3}@keyframes radial-climb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.6)}}@media(prefers-reduced-motion:reduce){.radial__climb-dot{animation:none}}.radial__room{fill:var(--color-text)}.radial__handle{fill:var(--radial-tone);stroke:var(--color-bg);stroke-width:2}.radial__value{fill:var(--radial-tone);font-size:44px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.radial__unit{fill:var(--radial-tone);font-size:18px;font-weight:400}.radial__sub{fill:var(--color-text-muted);font-size:13px}.radial__minmax{fill:var(--color-text-muted);font-size:12px}.radial__overlay{fill:var(--color-bg);opacity:.55}.radial__ring-dot{fill:var(--color-accent)}.radial__offline{fill:var(--color-text-muted);font-size:44px;font-weight:var(--weight-medium)}.hot-water-radial{--hw-tone: var(--color-text-muted);--hw-glyph: var(--color-text-muted);display:block;width:100%;margin:0 auto}.hot-water-radial--on{--hw-tone: var(--color-accent-strong);--hw-glyph: var(--color-icon-accent)}.hot-water-radial__svg{display:block;width:100%;height:auto}.hot-water-radial__ring{stroke:var(--hw-tone)}.hot-water-radial__bg-outer{fill:var(--color-surface)}.hot-water-radial__bg-inner{fill:var(--color-surface-sunken)}.hot-water-radial__glyph{stroke:var(--hw-glyph)}.hot-water-radial__value{fill:var(--hw-tone);font-size:48px;font-weight:var(--weight-medium)}.hot-water-radial__value--offline{font-size:40px}.schedule-screen__soon{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.schedule-days{list-style:none;margin:var(--space-6) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.schedule-day{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.schedule-day__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.schedule-day__name{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.schedule-day__add{margin-top:0;min-height:2.75rem;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-accent-strong);background:transparent;border:1px solid var(--color-border-strong)}.schedule-day__add:hover:not(:disabled){background:var(--color-hover-overlay)}.schedule-day__none{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.schedule-day__events{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.schedule-event{margin-top:0;width:100%;display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-2) var(--space-3);text-align:left;color:var(--color-text);background:var(--color-surface-sunken);border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--weight-regular)}.schedule-event:hover:not(:disabled){background:var(--color-surface-sunken);border-color:var(--color-accent)}.schedule-event__time{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;min-width:4.5rem}.schedule-event__target{color:var(--color-text-muted)}.schedule-footer{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) 0;background:var(--color-bg)}.schedule-footer__save{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.schedule-footer__error{margin:0 0 var(--space-1);color:var(--color-danger);font-size:var(--text-sm);text-align:center}.schedule-footer__discard{width:100%;color:var(--color-danger);background:transparent;border:1px solid var(--color-border-strong)}.schedule-footer__discard:hover:not(:disabled){background:var(--color-hover-overlay)}.schedule-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0000008c}.schedule-modal{width:100%;max-width:26rem;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:var(--space-5)}.schedule-modal__title{margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.schedule-modal__desc{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.schedule-field{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.schedule-field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.schedule-field__select{margin-top:0;padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.schedule-field__hint{margin:0;font-size:var(--text-xs);color:var(--color-text-muted)}.onoff-toggle{display:inline-flex;gap:var(--space-2)}.onoff-toggle__btn{margin-top:0;min-width:4.5rem;min-height:2.75rem;color:var(--color-text);background:var(--color-surface-sunken);border:1px solid var(--color-border-strong)}.onoff-toggle__btn[aria-pressed=true]{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent);font-weight:var(--weight-bold)}.setpoint-stepper{display:flex;align-items:center;gap:var(--space-3)}.setpoint-stepper__btn{margin-top:0;width:2.75rem;height:2.75rem;font-size:var(--text-lg);line-height:1;display:inline-flex;align-items:center;justify-content:center}.setpoint-stepper__value{font-size:var(--text-xl);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;min-width:5rem;text-align:center}.schedule-modal__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.schedule-modal__save{flex:1 1 auto}.schedule-modal__cancel{flex:0 0 auto;color:var(--color-text);background:transparent;border:1px solid var(--color-border-strong)}.schedule-modal__cancel:hover:not(:disabled){background:var(--color-hover-overlay)}.schedule-modal__delete{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.schedule-modal__delete-btn{width:100%;color:var(--color-danger);background:transparent;border:1px solid var(--color-danger)}.schedule-modal__delete-btn:hover:not(:disabled){background:var(--color-danger-tint)}.schedule-modal__confirm{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.schedule-modal__confirm-yes{color:var(--color-on-accent);background:var(--color-danger);border-color:var(--color-danger)}.schedule-modal__confirm-no{color:var(--color-text);background:transparent;border:1px solid var(--color-border-strong)}.schedule-day__actions{display:flex;gap:var(--space-2)}.schedule-copy-week{margin-top:var(--space-3);min-height:2.75rem;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-accent-strong);background:transparent;border:1px solid var(--color-border-strong)}.schedule-copy-week:hover:not(:disabled){background:var(--color-hover-overlay)}.copy-list{list-style:none;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.copy-check{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);cursor:pointer}.copy-check input{width:1.1rem;height:1.1rem;flex-shrink:0;accent-color:var(--color-accent)}.copy-check--disabled{color:var(--color-text-muted);cursor:not-allowed}.schedule-modal__error{margin:0 0 var(--space-4);color:var(--color-danger);font-size:var(--text-sm)}.plus-hours{max-width:32rem;margin:var(--space-6) auto 0;text-align:center}.plus-hours__desc{margin:0 0 var(--space-6);color:var(--color-text-muted)}.plus-hours__countdown{margin:0 0 var(--space-4);color:var(--color-accent-strong);font-weight:var(--weight-semibold)}.plus-hours__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent-strong);font-variant-numeric:tabular-nums}.plus-hours__slider{width:100%;margin:var(--space-5) 0 0;accent-color:var(--color-accent)}.plus-hours__scale{display:flex;justify-content:space-between;color:var(--color-text-muted);font-size:var(--text-sm)}.plus-hours__apply{width:100%;margin-top:var(--space-6)}.plus-hours__cancel{width:100%;margin-top:var(--space-3);color:var(--color-text);background:transparent;border:1px solid var(--color-border-strong)}.plus-hours__cancel:hover:not(:disabled){background:var(--color-hover-overlay)}.plus-hours__hint{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.holiday-screen__panel{max-width:32rem;margin:var(--space-6) auto 0;display:flex;flex-direction:column;gap:var(--space-3)}.holiday-screen__status{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-accent-strong)}.holiday-screen__hint{margin:0;color:var(--color-text-muted)}.holiday-screen__field{margin-top:var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.holiday-screen__input{padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.holiday-screen__action{width:100%;margin-top:var(--space-4)}.data-screen{max-width:40rem}.data-section{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.data-section__title{margin:0 0 var(--space-2);font-size:var(--text-base);color:var(--color-accent-strong)}.data-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-top:1px solid var(--color-border)}.data-section__title+.data-item{border-top:none}.data-item__label{color:var(--color-text-muted);font-size:var(--text-sm)}.data-item__value{min-width:0;overflow-wrap:anywhere;font-weight:var(--weight-semibold);text-align:right;font-variant-numeric:tabular-nums}.data-item__value--empty{color:var(--color-text-muted);font-weight:var(--weight-regular)}.data-faults{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.data-fault__link{display:grid;grid-template-columns:1fr auto;column-gap:var(--space-3);row-gap:var(--space-1);align-items:center;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);background:var(--color-surface-sunken);border-radius:var(--radius-md);border-left:3px solid var(--color-border-strong);color:var(--color-text);text-decoration:none}.data-fault__link:hover{background:linear-gradient(var(--color-hover-overlay),var(--color-hover-overlay)) var(--color-surface-sunken)}.data-fault--critical .data-fault__link{border-left-color:var(--color-danger)}.data-fault--warning .data-fault__link{border-left-color:var(--warning-400)}.data-fault__head{grid-column:1;min-width:0;overflow-wrap:anywhere;font-weight:var(--weight-semibold)}.data-fault__desc{grid-column:1;min-width:0;overflow-wrap:anywhere;color:var(--color-text-muted);font-size:var(--text-sm)}.data-fault__meta{grid-column:1;font-size:var(--text-sm)}.data-fault__sev{font-weight:var(--weight-semibold);color:var(--color-text-muted)}.data-fault--critical .data-fault__sev{color:var(--color-danger)}.data-fault--warning .data-fault__sev{color:var(--warning-400)}.data-fault__chevron{grid-column:2;grid-row:1 / span 3;align-self:center;display:inline-flex;color:var(--color-text)}.data-fault__chevron svg{width:1.5rem;height:1.5rem}.alarm-screen{max-width:40rem}.alarm-screen h1{overflow-wrap:anywhere}.alarm-screen__sev{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.alarm-screen__sev--critical{color:var(--color-danger)}.alarm-screen__sev--warning{color:var(--warning-400)}.alarm-screen__resolution{margin:0 0 var(--space-5);line-height:1.5;white-space:pre-line}.alarm-screen__contacts{display:flex;flex-direction:column;gap:var(--space-3)}.alarm-screen__contact{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none}.alarm-screen__contact:hover{background:var(--color-hover-overlay)}.alarm-screen__contact-label{font-weight:var(--weight-semibold)}.alarm-screen__contact-number{color:var(--color-accent-strong);font-variant-numeric:tabular-nums}.action-panel--disabled{cursor:default;color:var(--color-text-muted)}.action-panel--disabled:hover{background:none}.action-panel--disabled .action-panel__icon,.action-panel--disabled .action-panel__chevron{color:var(--color-text-muted)}.schedule-mode-lock{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--text-sm)}.schedule-mode-lock p{margin:0}.schedule-mode-lock a{color:var(--color-accent-strong)}.menu-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-start;background:#0000008c}.menu-drawer{display:flex;flex-direction:column;width:min(20rem,85vw);height:100%;padding:var(--space-6) var(--space-5);overflow-y:auto;background:var(--color-bg);border-right:1px solid var(--color-border);box-shadow:var(--shadow-raised);animation:menu-drawer-in .2s ease-out}@keyframes menu-drawer-in{0%{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.menu-drawer{animation:none}}.menu-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.menu-drawer__title{margin:0}.menu-drawer__sub{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.menu-drawer__header .icon-button{margin-top:-.55rem;margin-right:-.625rem}.menu-drawer__items{display:flex;flex-direction:column;flex:1;gap:var(--space-8)}.menu-drawer__lower{padding-top:var(--space-6)}.menu-drawer__lower .btn-secondary{width:100%;margin-top:0}.menu-drawer__nav{display:flex;flex-direction:column;gap:var(--space-8)}.flag-set{display:flex;flex-direction:column}.flag-set__title{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:var(--weight-semibold)}.flag-set__row{display:flex;align-items:center;gap:var(--space-3);min-height:2.75rem;cursor:pointer}.flag-set__row input{width:1.25rem;height:1.25rem;flex-shrink:0;margin:0;accent-color:var(--color-accent)}.action-panel__icon svg{width:1.5rem;height:1.5rem}.action-panel--no-icon .action-panel__title{white-space:normal}.rn-view{display:flex;flex-direction:column;align-items:stretch;position:relative;min-width:0}.app-content{display:flex;flex-direction:column;min-width:0}.app-text{margin:0 0 var(--space-3);white-space:pre-line}.app-text--xs{font-size:var(--text-xs)}.app-text--sm{font-size:var(--text-sm)}.app-text--base{font-size:var(--text-base)}.app-text--lg{font-size:var(--text-lg)}.app-text--xl{font-size:var(--text-xl)}.app-text--medium{font-weight:var(--weight-medium)}.app-text--bold{font-weight:var(--weight-bold)}.watch-topic{display:flex;flex-direction:column;gap:var(--space-6)}.watch-topic__body{margin:0}.watch-topic__diagram{width:100%;max-width:24rem;margin:0 auto}.watch-steps{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-8);padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface)}.watch-steps__button{margin-top:0;min-width:6rem;text-transform:uppercase}.watch-steps__count{margin:0;font-size:var(--text-sm);font-weight:var(--weight-bold)}.app-icon{display:contents}.app-icon--tint svg:not([fill=none]){fill:currentColor}.app-icon--tint svg [fill]:not([fill=none]){fill:currentColor}.app-icon--tint svg [stroke]:not([stroke=none]){stroke:currentColor}