:root{color-scheme:dark;--bg: #000;--card: #111;--title: #888;--text: #fff;--dim: #666;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body.overlay-open{overflow:hidden}button{font:inherit}canvas{display:block}.boot{height:100%;display:grid;place-items:center;color:#444;font-weight:700;letter-spacing:.2em}.card{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px}.card--tappable{cursor:pointer}.card--tappable:focus-visible{outline:2px solid #4FC3F7;outline-offset:2px}.canvas-host{position:absolute;inset:0}.canvas-host--fill{position:relative;width:100%;height:100%}.card-title{color:var(--title);font-weight:700;letter-spacing:.02em}.tooltip{position:absolute;z-index:5;pointer-events:none;background:#141414f5;border:1px solid #333;border-radius:8px;padding:6px 9px;font-size:12px;line-height:1.35;color:#ddd;box-shadow:0 6px 20px #00000080}.tt-title{font-weight:700;color:#fff;margin-bottom:3px}.tt-row{display:flex;justify-content:space-between;gap:12px}.tt-row span{color:#888}.mode-heating{color:#e86060}.mode-cooling{color:#4fc3f7}.mode-off{color:#999}.dash{min-height:100%}.dash--portal{height:100%;overflow:hidden}.portal{display:flex;height:100%;padding:calc(3px + var(--sat)) calc(3px + var(--sar)) calc(3px + var(--sab)) calc(3px + var(--sal));gap:6px}.col{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0}.col-left{flex:1.2 1 0}.col-center{flex:2.8 1 0}.col-right{flex:2 1 0}.cell{min-height:0;min-width:0;position:relative}.cell-clock{flex:1.05 1 0}.cell-spacer{flex:0 0 14px}.cell-schedule{flex:2.8 1 0}.cell-network{flex:.4 1 0}.cell-lights{flex:.75 1 0}.cell-air{flex:.5 1 0}.cell-hvac{flex:2 1 0}.cell-bottom{flex:1 1 0;display:flex;gap:6px;min-height:0}.cell-solar,.cell-water{flex:1 1 0;min-width:0}.cell-weather{flex:1 1 0}.dash--tablet{padding:calc(6px + var(--sat)) calc(6px + var(--sar)) calc(80px + var(--sab)) calc(6px + var(--sal))}.tablet{display:grid;grid-template-columns:2fr 3fr;gap:6px;align-items:start}.tcol{display:flex;flex-direction:column;gap:6px;min-width:0}.tcell{position:relative;min-width:0}.tcell-clock{height:110px}.tcell-weather{aspect-ratio:716 / 1430}.tcell-lights{aspect-ratio:432 / 196}.tcell-air{aspect-ratio:432 / 131;min-height:120px}.tcell-network{aspect-ratio:432 / 105;min-height:120px}.tcell-hvac{height:clamp(560px,62vh,760px)}.trow{display:flex;gap:6px}.tcell-solar,.tcell-water{flex:1 1 0;aspect-ratio:500 / 470}.tcell-schedule{height:420px}.dash--phone{padding:calc(4px + var(--sat)) calc(4px + var(--sar)) calc(84px + var(--sab)) calc(4px + var(--sal))}.phone{display:flex;flex-direction:column;gap:6px}.pcell{position:relative;min-width:0}.pcell-clock{height:64px}.pcell-hvac{height:clamp(520px,78vh,700px)}.pcell-lights{aspect-ratio:432 / 196}.pcell-weather{aspect-ratio:716 / 1430}.pcell-schedule{height:380px}.pcell-solar,.pcell-water{aspect-ratio:500 / 380}.pcell-air{aspect-ratio:432 / 131;min-height:130px}.pcell-network{aspect-ratio:432 / 105;min-height:130px}.pfoot{text-align:center;color:#333;font-size:11px;padding:8px 0 4px}.schedule{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.schedule-list{display:flex;flex-direction:column;overflow:hidden}.schedule-item{flex:0 0 auto;overflow:hidden}.schedule-time{color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.schedule-title{color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15;margin-top:3px}.schedule-empty{color:#444;padding:14px 10px}.banner{position:fixed;left:50%;transform:translate(-50%);top:calc(8px + var(--sat));z-index:20;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;pointer-events:none;max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner--warn{background:#ff98002e;color:#ffb74d;border:1px solid rgba(255,152,0,.4)}.banner--error{background:#ef535033;color:#ef9a9a;border:1px solid rgba(239,83,80,.4)}.fabs{position:fixed;right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));display:flex;gap:10px;z-index:15}.fab{border:1px solid #2a2a2a;background:#141414e6;color:#ddd;border-radius:999px;height:44px;min-width:44px;padding:0 14px;font-weight:700;cursor:pointer;backdrop-filter:blur(8px)}.fab--ask{background:#b71c1c;border-color:#d32f2f;color:#fff}.fab--menu{font-size:20px;line-height:1}.dash--portal .fab{height:40px}.overlay{position:fixed;inset:0;z-index:30;background:#050505;display:flex;flex-direction:column;padding-top:var(--sat)}.overlay--translucent{background:#000000db;backdrop-filter:blur(6px)}.overlay-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px calc(14px + var(--sal));flex:0 0 auto}.overlay-title{color:#888;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.overlay-close{background:#1a1a1a;border:1px solid #2a2a2a;color:#aaa;width:36px;height:36px;border-radius:999px;cursor:pointer;font-size:14px}.overlay-body{flex:1 1 auto;min-height:0;padding:0 calc(8px + var(--sar)) calc(12px + var(--sab)) calc(8px + var(--sal))}.overlay-body--scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.overlay-body:not(.overlay-body--scroll){display:flex}.overlay-body:not(.overlay-body--scroll)>*{flex:1 1 auto;min-height:0}.hvac-full{position:relative;width:100%;height:100%}.wfull{max-width:900px;margin:0 auto;padding:4px 8px 24px}.wfull-loc{text-align:center;font-weight:700;font-size:16px;letter-spacing:.12em;color:#fff;margin:4px 0 8px}.wfull-temp{text-align:center;font-weight:700;font-size:clamp(48px,12vw,84px);line-height:1;margin-bottom:14px}.wfull-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px 18px;margin:0 auto 18px;max-width:700px}.wfull-stat{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #1a1a1a;font-size:14px}.wfull-stat span{color:#777}.wfull-stat b{color:#fff}.wfull-section{color:#888;font-weight:700;font-size:11px;letter-spacing:.1em;margin:14px 0 8px}.wfull-chart{height:160px;background:#111;border-radius:10px;padding:4px}.wfull-days{display:flex;flex-direction:column;gap:4px}.wfull-day{display:grid;grid-template-columns:56px 44px 1fr 56px 56px;align-items:center;background:#111;border-radius:8px;padding:6px 12px;min-height:46px}.wfull-day-name{font-weight:700;color:#aaa}.wfull-icon{width:40px;height:40px;position:relative}.wfull-day-text{color:#777;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.wfull-hi{color:#ff7043;font-weight:700;text-align:right}.wfull-lo{color:#4fc3f7;font-weight:700;text-align:right}.wfull-error{color:#ef9a9a;font-size:13px;padding:8px}.pool-full{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:4px 4px 24px}.pool-card{background:#151515;border-radius:14px;padding:14px 16px 12px}.pool-head{display:flex;justify-content:space-between;align-items:center;font-size:11px}.pool-note{color:#666}.pool-note--on{color:#ff7043;font-weight:700}.pool-temp{font-size:clamp(40px,9vw,64px);font-weight:700;line-height:1.1;margin:4px 0 8px}.pool-chart{position:relative;height:200px}.fire-full{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;padding:6vh 8px}.fire-tile{width:min(28vw,220px);aspect-ratio:.85;background:#1a1a1a;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.fire-tile--on{background:#1a0a00}.fire-flame{width:38%;aspect-ratio:40/48;display:grid;place-items:center}.fire-dot{width:60%;aspect-ratio:1;border-radius:50%;background:#333}.fire-name{font-weight:700;font-size:clamp(13px,2.6vw,18px)}.fire-state{font-weight:700;color:#555;font-size:clamp(16px,3.4vw,24px)}.fire-tile--on .fire-state{color:#ff7043}.lights-full{max-width:900px;margin:0 auto;padding:4px 8px 24px}.lights-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.lights-summary div{background:#151515;border-radius:10px;padding:12px 8px;text-align:center;display:flex;flex-direction:column}.lights-summary b{font-size:28px}.lights-summary span{color:#777;font-size:12px}.lights-section{color:#888;font-weight:700;font-size:11px;letter-spacing:.1em;margin:16px 0 8px}.lights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}.lights-room{display:flex;justify-content:space-between;align-items:center;background:#111;border-radius:8px;padding:10px 12px;color:#777}.lights-room--on{background:#2a2a1a;color:#fff}.lights-room--on b{color:#ffe082;font-size:18px}.lights-room--alert{background:#2a1414;color:#fff}.lights-room--alert b{color:#ff5252}.lights-grid--off .lights-room{padding:7px 12px;font-size:13px}.lights-empty{color:#555;padding:8px}.ask{display:flex;flex-direction:column;height:100%;max-width:820px;width:100%;margin:0 auto}.ask-log{flex:1 1 auto;overflow-y:auto;padding:8px 4px}.ask-hint,.ask-disabled{color:#666;font-size:14px;padding:12px;text-align:center}.ask-disabled code{color:#aaa}.ask-turn{margin:8px 0 14px}.ask-q{color:#999;font-style:italic;margin-bottom:4px}.ask-a{font-size:18px;font-weight:600;line-height:1.4}.ask-error{color:#ef9a9a;font-weight:400}.ask-thinking{color:#666}.ask-chart{height:200px;background:#111;border-radius:10px;padding:8px;margin-top:8px;display:flex;flex-direction:column;gap:4px}.ask-chart .card-title{font-size:11px}.ask-form{display:flex;gap:8px;padding:8px 0 4px;flex:0 0 auto}.ask-form input{flex:1 1 auto;background:#151515;border:1px solid #2a2a2a;color:#fff;border-radius:10px;padding:12px 14px;font-size:16px}.ask-form button{background:#b71c1c;color:#fff;border:0;border-radius:10px;padding:0 18px;font-weight:700;cursor:pointer}.ask-form button:disabled{opacity:.4;cursor:default}.ask-mic{background:#222!important;color:#ef5350!important;min-width:44px}.ask-mic--on{background:#ef5350!important;color:#fff!important}.menu{max-width:420px;margin:8vh auto 0;background:#151515;border-radius:14px;padding:8px 16px 16px;display:flex;flex-direction:column;gap:6px}.menu-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #222;font-size:14px}.menu-row span{color:#888}.menu-btn{margin-top:8px;background:#222;color:#fff;border:0;border-radius:10px;padding:12px;font-weight:700;cursor:pointer}.menu-btn--danger{background:#3a1a1a;color:#ef9a9a}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(380px,100%);background:#111;border-radius:18px;padding:28px 24px 22px;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;font-size:26px;letter-spacing:.04em;text-align:center}.login-card p{margin:0 0 6px;color:#777;text-align:center}.login-mark{position:relative;width:56px;height:56px;margin:0 auto 4px}.login-mark span{position:absolute;left:50%;top:8%;width:40%;aspect-ratio:1;border-radius:50%;background:#ffd54f;transform:translate(-50%)}.login-mark i{position:absolute;left:20%;right:20%;height:6px;border-radius:3px;background:#4fc3f7;top:66%}.login-mark i+i{left:30%;right:30%;top:82%;background:#e86060}.login-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#888;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-field input{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;color:#fff;padding:12px 14px;font-size:18px;letter-spacing:.1em}.login-field input:focus{outline:2px solid #4FC3F7;border-color:transparent}.login-card button[type=submit]{background:#fff;color:#000;border:0;border-radius:10px;padding:13px;font-weight:700;font-size:16px;cursor:pointer;margin-top:6px}.login-card button[type=submit]:disabled{opacity:.4;cursor:default}.login-link{background:none;border:0;color:#666;cursor:pointer;font-size:13px}.login-error{color:#ef9a9a;font-size:13px;text-align:center}@media(hover:hover){.card--tappable:hover{filter:brightness(1.08)}}@media(prefers-reduced-motion:no-preference){.card{transition:filter .12s}}