.wf-landing,.wf-page{--wf-bg:#F6F4F0;--wf-panel:#fff;--wf-panel2:#F1ECE4;--wf-ink:#22201D;--wf-ink2:#5F584F;--wf-muted:#9A9086;--wf-line:#E7E0D5;--wf-brand:#E0662A;--wf-cool:#2F6E7F;--wf-good:#4E7B3E;--wf-grad:linear-gradient(135deg,#E0662A,#E89A3C);background:var(--wf-bg);color:var(--wf-ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}@media(prefers-color-scheme:dark){.wf-landing,.wf-page{--wf-bg:#131110;--wf-panel:#1D1A16;--wf-panel2:#26221C;--wf-ink:#F0EBE3;--wf-ink2:#C4BBAE;--wf-muted:#8B8175;--wf-line:#332C23;--wf-brand:#EE8A4E;--wf-cool:#7FB2C2}}.wf-hero{max-width:1080px;margin:0 auto;padding:64px 22px 40px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.wf-badge{display:inline-block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wf-brand);border:1px solid color-mix(in srgb,var(--wf-brand) 45%,var(--wf-line));border-radius:100px;padding:3px 10px}.wf-hero h1{font-size:3rem;line-height:1.05;letter-spacing:-.03em;margin:14px 0;font-weight:800}.wf-g{background:var(--wf-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.wf-lead{font-size:1.15rem;color:var(--wf-ink2);max-width:36ch;margin:0 0 24px}.wf-cta{display:flex;gap:12px;flex-wrap:wrap}.wf-cta.center{justify-content:center;margin-top:26px}.wf-btn{display:inline-block;text-decoration:none;font-weight:650;padding:12px 22px;border-radius:12px;background:var(--wf-grad);color:#fff;box-shadow:0 8px 20px -8px var(--wf-brand)}.wf-btn.ghost{background:var(--wf-panel);color:var(--wf-ink);border:1px solid var(--wf-line);box-shadow:none}.wf-fine{font-size:.82rem;color:var(--wf-muted);margin-top:14px}.wf-hero-art{display:flex;justify-content:center}.wf-phone{width:280px;background:#0b0b0c;border-radius:40px;padding:10px;box-shadow:0 30px 60px -30px #00000080}.wf-screen{background:var(--wf-bg);border-radius:30px;padding:20px 16px;min-height:420px}.wf-p-title{font-weight:800;font-size:1.3rem}.wf-p-sub{color:var(--wf-muted);font-size:.82rem;margin-bottom:14px}.wf-p-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wf-p-room{background:var(--wf-panel);border:1px solid var(--wf-line);border-radius:14px;padding:12px}.wf-p-room.heat{border-color:color-mix(in srgb,var(--wf-brand) 40%,var(--wf-line))}.wf-p-room .n{font-weight:600;font-size:.82rem}.wf-p-room .t{font-size:1.8rem;font-weight:800;letter-spacing:-.03em}.wf-p-room .t span{font-size:.7rem;color:var(--wf-muted);margin-left:2px}.wf-features{max-width:1080px;margin:0 auto;padding:50px 22px 30px;border-top:1px solid var(--wf-line)}.wf-features h2{font-size:1.9rem;letter-spacing:-.02em;margin:0 0 20px}.wf-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wf-feat{background:var(--wf-panel);border:1px solid var(--wf-line);border-radius:14px;padding:18px}.wf-feat h3{margin:0 0 6px;font-size:1.02rem}.wf-feat p{margin:0;color:var(--wf-ink2);font-size:.9rem}.wf-foot{max-width:1080px;margin:0 auto;padding:30px 22px 60px;color:var(--wf-muted);font-size:.82rem}@media(max-width:820px){.wf-hero{grid-template-columns:1fr;padding-top:40px}.wf-hero h1{font-size:2.4rem}.wf-feat-grid{grid-template-columns:1fr}}.wf-page{padding:0}.wf-app{max-width:1160px;margin:0 auto;padding:16px 20px 60px}.wf-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 2px 18px}.wf-logo{display:flex;align-items:center;gap:9px;font-weight:800}.wf-mark{width:24px;height:24px;border-radius:7px;background:var(--wf-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.wf-userbar{display:flex;align-items:center;gap:14px}.wf-link{background:none;border:0;color:var(--wf-cool);cursor:pointer;font:inherit;white-space:nowrap}.wf-userbar select{font:inherit;color:var(--wf-ink);background:var(--wf-panel);border:1px solid var(--wf-line);border-radius:8px;padding:5px 8px}.wf-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:36px;padding:0 9px;background:var(--wf-panel);border:1px solid var(--wf-line);border-radius:9px;cursor:pointer}.wf-burger span{display:block;height:2px;border-radius:2px;background:var(--wf-ink);transition:transform .2s,opacity .2s}.wf-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.wf-burger.open span:nth-child(2){opacity:0}.wf-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:640px){.wf-burger{display:flex}.wf-userbar{position:absolute;top:calc(100% - 6px);right:2px;z-index:20;flex-direction:column;align-items:stretch;gap:2px;min-width:180px;padding:8px;background:var(--wf-panel);border:1px solid var(--wf-line);border-radius:12px;box-shadow:0 14px 34px -14px #0006;display:none}.wf-userbar.open{display:flex}.wf-userbar .wf-link{text-align:left;padding:11px 12px;border-radius:8px;color:var(--wf-ink)}.wf-userbar .wf-link.on{color:var(--wf-brand);background:color-mix(in srgb,var(--wf-brand) 10%,transparent)}.wf-userbar select{margin-bottom:4px}}.wf-card{background:var(--wf-panel);border:1px solid var(--wf-line);border-radius:14px;padding:18px;box-shadow:0 1px 2px #0000000d}.wf-loading{max-width:760px;margin:40px auto;padding:0 16px;color:var(--wf-muted)}.wf-auth,.wf-connect{max-width:420px;margin:30px auto}.wf-auth h2,.wf-connect h2{margin:0 0 10px}.wf-auth form,.wf-connect form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.wf-connect label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--wf-ink2)}input{font:inherit;padding:11px 12px;border:1px solid var(--wf-line);border-radius:10px;background:var(--wf-bg);color:var(--wf-ink)}select{font:inherit;padding:7px 10px;border:1px solid var(--wf-line);border-radius:8px;background:var(--wf-bg);color:var(--wf-ink)}.wf-btn[disabled]{opacity:.6}.wf-err{color:var(--wf-brand);font-size:.85rem;margin:4px 0 0}.wf-muted{color:var(--wf-muted);font-size:.85rem}.wf-alertbanner{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.wf-alert-item{display:flex;align-items:center;gap:9px;font-size:.9rem;background:color-mix(in srgb,var(--wf-brand) 10%,var(--wf-panel));border:1px solid color-mix(in srgb,var(--wf-brand) 40%,var(--wf-line));border-radius:10px;padding:10px 14px;color:var(--wf-ink)}.wf-alert-dot{width:8px;height:8px;border-radius:50%;background:var(--wf-brand);flex:none}.wf-alert-row{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:.9rem}.wf-freeze{width:70px}.wf-fuel-grid{display:flex;flex-direction:column;gap:14px;margin:6px 0 4px}.wf-fuel-grid>label{display:flex;flex-direction:column;gap:6px;font-size:.86rem;font-weight:600;color:var(--wf-ink2)}.wf-fuel-grid select,.wf-fuel-grid input{font:inherit;color:var(--wf-ink);background:var(--wf-panel);border:1px solid var(--wf-line);border-radius:9px;padding:9px 10px}.wf-fuel-grid>label>select{max-width:220px}.wf-price-in{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:400}.wf-price-in span{color:var(--wf-muted);font-size:.9rem}.wf-price-in input{width:110px}.wf-cost-readout{margin:14px 0 4px;padding:13px 15px;border-radius:11px;background:var(--wf-panel2);color:var(--wf-ink);font-size:.96rem;line-height:1.5}.wf-headline{display:flex;align-items:center;justify-content:space-between;margin:6px 0 16px}.wf-h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wf-heatpill{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--wf-brand);padding:4px 10px;border-radius:100px}.wf-heatpill .wf-flame{color:#fff}.wf-toggle{display:inline-flex;align-items:center;gap:10px;background:var(--wf-panel);border:1px solid var(--wf-line);border-radius:100px;padding:7px 8px 7px 14px;cursor:pointer;font:inherit;color:var(--wf-ink)}.wf-toggle i{width:38px;height:22px;border-radius:100px;background:var(--wf-panel2);position:relative}.wf-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:left .18s}.wf-toggle.on i{background:var(--wf-brand)}.wf-toggle.on i:after{left:18px}.wf-toggle:disabled{cursor:default;opacity:.85}.wf-toggle.busy i{background:var(--wf-cool)}.wf-toggle.busy i:after{left:10px;animation:wf-vacpulse .9s ease-in-out infinite alternate}@keyframes wf-vacpulse{0%{left:4px}to{left:16px}}.wf-vac{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.wf-vac-note{font-size:.76rem;color:var(--wf-muted);max-width:210px;text-align:right;line-height:1.35}.wf-vac-err{color:var(--wf-brand)}.wf-layout{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:900px){.wf-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}}.wf-main{min-width:0;display:flex;flex-direction:column;gap:16px}.wf-aside{display:flex;flex-direction:column;gap:16px}@media(min-width:900px){.wf-aside{position:sticky;top:16px}}.wf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.wf-room{background:var(--wf-panel);border:1px solid var(--wf-line);border-radius:14px;padding:13px 14px;text-align:left;cursor:pointer;font:inherit;color:var(--wf-ink);transition:border-color .15s,box-shadow .15s}.wf-room:hover{box-shadow:0 6px 18px -12px #0006}.wf-room.heat{border-color:color-mix(in srgb,var(--wf-brand) 40%,var(--wf-line));background:linear-gradient(180deg,var(--wf-panel),color-mix(in srgb,var(--wf-brand) 7%,var(--wf-panel)))}.wf-room.sel{border-color:var(--wf-brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--wf-brand) 30%,transparent)}.wf-room-name{font-weight:650;font-size:.86rem;display:flex;align-items:center;gap:6px;min-height:22px}.wf-room-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-dot{width:7px;height:7px;border-radius:50%;background:var(--wf-brand);flex:none}.wf-edit{margin-left:auto;flex:none;appearance:none;border:0;background:transparent;color:var(--wf-muted);cursor:pointer;padding:2px;border-radius:6px;opacity:0;transition:opacity .12s,color .12s}.wf-edit svg{width:14px;height:14px;display:block}.wf-room:hover .wf-edit,.wf-room.sel .wf-edit{opacity:1}.wf-edit:hover{color:var(--wf-brand);background:var(--wf-panel2)}.wf-room-edit{width:100%;font:inherit;font-weight:650;font-size:.86rem;padding:2px 6px;border:1px solid var(--wf-brand);border-radius:7px;background:var(--wf-bg);color:var(--wf-ink)}.wf-room-temp{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.wf-room-temp .wf-u{font-size:.72rem;color:var(--wf-muted);margin-left:2px}.wf-room-sub{font-size:.72rem;color:var(--wf-muted)}.wf-history-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.wf-history-title{font-weight:700}.wf-chart{width:100%;height:auto;display:block}.wf-chart .wf-grid-line{stroke:var(--wf-line);stroke-width:1}.wf-chart .wf-axis{fill:var(--wf-muted);font-size:10px;font-family:var(--wf-mono,monospace)}.wf-chart .wf-line{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.wf-chart .wf-line.room{stroke:var(--wf-brand)}.wf-chart .wf-line.out{stroke:var(--wf-cool);stroke-width:2}.wf-chart .wf-line.set{stroke:var(--wf-muted);stroke-width:1.6;stroke-dasharray:5 4}.wf-chart .wf-heatband{fill:color-mix(in srgb,var(--wf-ink) 13%,transparent)}.wf-legend .sw.heat{border:0;width:14px;height:10px;border-radius:2px;background:color-mix(in srgb,var(--wf-ink) 18%,transparent)}.wf-flame{width:12px;height:14px;flex:none;color:var(--wf-brand);fill:currentColor}.wf-heat-on{color:var(--wf-brand);font-weight:700}.wf-chart-empty{color:var(--wf-muted);font-size:.88rem;padding:30px 4px;text-align:center}.wf-legend{display:flex;gap:16px;margin-top:8px;font-size:.78rem;color:var(--wf-ink2)}.wf-legend .sw{display:inline-block;width:16px;border-top:3px solid;vertical-align:middle;margin-right:6px}.wf-legend .sw.room{border-color:var(--wf-brand)}.wf-legend .sw.out{border-color:var(--wf-cool)}.wf-legend .sw.set{border-top-width:2px;border-top-style:dashed;border-color:var(--wf-muted)}.wf-range{display:inline-flex;background:var(--wf-panel2);border:1px solid var(--wf-line);border-radius:10px;padding:3px;gap:3px}.wf-range button{appearance:none;border:0;background:transparent;color:var(--wf-ink2);font:inherit;font-size:.8rem;font-weight:600;padding:5px 11px;border-radius:7px;cursor:pointer}.wf-range button.on{background:var(--wf-panel);color:var(--wf-brand);box-shadow:0 1px 2px #00000014}.wf-link.on{color:var(--wf-brand);font-weight:700}.wf-tap-hint{text-align:center;color:var(--wf-muted);font-size:.8rem;margin-top:12px}.wf-chartpage{position:fixed;inset:0;z-index:50;background:var(--wf-bg);display:flex;flex-direction:column}.wf-chartpage-head{display:flex;align-items:center;gap:10px;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid var(--wf-line);background:var(--wf-panel);box-shadow:0 1px 2px #0000000d}.wf-iconbtn{appearance:none;border:1px solid var(--wf-line);background:var(--wf-panel2);color:var(--wf-ink);width:40px;height:40px;border-radius:11px;flex:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.wf-iconbtn svg{width:18px;height:18px}.wf-roomselect{flex:1;min-width:0;font:inherit;font-size:1.05rem;font-weight:700;padding:9px 12px;border:1px solid var(--wf-line);border-radius:11px;background:var(--wf-bg);color:var(--wf-ink)}.wf-chartpage-body{flex:1;overflow-y:auto;padding:16px;max-width:900px;margin:0 auto;width:100%}.wf-range-full{display:flex;width:100%;margin-bottom:14px}.wf-range-full button{flex:1}.wf-chartpage .wf-chart{margin-top:6px}.wf-chartpage-stat{margin-top:14px;font-size:.95rem;color:var(--wf-ink2)}.wf-chartpage-stat b{color:var(--wf-ink);font-weight:800}.wf-usage{max-width:760px}.wf-usage-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.wf-usage-summary .wf-big{font-size:1.9rem;font-weight:850;letter-spacing:-.02em}.wf-usage-head{font-weight:700;margin-bottom:12px}.wf-usage-row{display:grid;grid-template-columns:minmax(80px,1.4fr) 2fr 62px 60px;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--wf-line);font-size:.9rem}.wf-usage-row:first-of-type{border-top:0}.wf-usage-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.wf-usage-bar{height:9px;border-radius:6px;background:var(--wf-panel2);overflow:hidden}.wf-usage-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--wf-brand),#E89A3C);border-radius:6px}.wf-usage-time{text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.wf-usage-cost{text-align:right;font-variant-numeric:tabular-nums;color:var(--wf-brand);font-weight:650}@media(max-width:520px){.wf-usage-row{grid-template-columns:minmax(70px,1.2fr) 1.6fr 54px 52px;gap:8px;font-size:.84rem}}.wf-summary .wf-big{font-size:2.4rem;font-weight:850;letter-spacing:-.03em;line-height:1.1;margin:2px 0 8px}.wf-summary .wf-big.cool{color:var(--wf-cool)}.wf-summary .wf-big .wf-u{font-size:.8rem;color:var(--wf-muted);margin-left:2px}.wf-summary-row{display:flex;justify-content:space-between;font-size:.88rem;padding:5px 0;border-top:1px solid var(--wf-line)}.wf-cost-total{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;color:var(--wf-brand);margin:2px 0 4px}.wf-zonecosts{margin-top:4px;display:flex;flex-direction:column;gap:6px}.wf-zonecost{display:grid;grid-template-columns:1fr 60px auto;align-items:center;gap:8px;font-size:.82rem}.wf-zonecost-bar{height:8px;border-radius:5px;background:var(--wf-panel2);overflow:hidden}.wf-zonecost-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--wf-brand),#E89A3C);border-radius:5px}.wf-zonecost-amt{font-variant-numeric:tabular-nums;font-weight:650;text-align:right}.wf-settings{display:flex;flex-direction:column;gap:16px}.wf-settings h3{margin:0 0 6px;font-size:1.05rem}.wf-unittoggle{display:inline-flex;border:1px solid var(--wf-line);border-radius:11px;overflow:hidden;margin-top:6px}.wf-unittoggle button{appearance:none;border:0;background:var(--wf-panel);color:var(--wf-ink2);font:inherit;font-weight:600;padding:9px 18px;cursor:pointer}.wf-unittoggle button.on{background:var(--wf-brand);color:#fff}.wf-zones-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.wf-import{display:inline-block;border:1px solid var(--wf-line);background:var(--wf-panel2);border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--wf-ink)}.wf-import-note{color:var(--wf-cool);font-size:.84rem;margin:6px 0 0}.wf-zones-grid{margin-top:12px;display:flex;flex-direction:column;gap:8px}.wf-zrow{display:grid;grid-template-columns:34px 1fr 1fr;gap:8px;align-items:center}.wf-zhead{font-size:.72rem;color:var(--wf-muted);text-transform:uppercase;letter-spacing:.05em}.wf-zhead span{padding-left:2px}.wf-znum{font-variant-numeric:tabular-nums;color:var(--wf-muted);text-align:center;font-weight:650}.wf-zrow input{width:100%}.wf-save-row{display:flex;align-items:center;gap:12px;margin-top:14px}code{font-family:var(--wf-mono,monospace);background:var(--wf-panel2);padding:1px 5px;border-radius:5px;font-size:.85em}.wf-invite{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 6px}.wf-invite input{flex:1;min-width:180px}.wf-invite select{flex:none}.wf-invite-link{margin:6px 0 4px;background:var(--wf-panel2);border:1px solid var(--wf-line);border-radius:10px;padding:10px 12px}.wf-linkrow{display:flex;align-items:center;gap:10px;margin-top:4px}.wf-linkrow code{flex:1;overflow:auto;white-space:nowrap;background:transparent;padding:0}.wf-people-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.wf-person{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--wf-line);border-radius:10px;font-size:.9rem}.wf-person.pending{border-style:dashed;color:var(--wf-ink2)}.wf-person>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis}.wf-rolechip{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--wf-ink2);border:1px solid var(--wf-line);border-radius:100px;padding:2px 9px}.wf-rolechip.owner{color:var(--wf-brand);border-color:color-mix(in srgb,var(--wf-brand) 45%,var(--wf-line))}