:root{--bg: #f3f4f6;--surface: #ffffff;--ink: #0f1115;--ink-2: #3e434a;--muted: #6b7079;--muted-2: #8a909a;--hairline: #eef0f3;--border: #e2e5ea;--seg: #e8eaee;--bar-empty: #dfe3e8;--empty: #eef0f3;--elec: oklch(.4 .09 155);--elec-tint: oklch(.95 .025 155);--elec-mark: oklch(.94 .05 155);--elec-tile: oklch(.94 .03 155);--water: oklch(.42 .12 250);--water-mark: oklch(.94 .035 250);--water-tile: oklch(.94 .03 250);--alert: oklch(.62 .17 32);--alert-text: oklch(.48 .17 32);--alert-wash: oklch(.95 .035 35);--alert-pill: oklch(.93 .05 35);--up: oklch(.55 .15 50);--live-bg: oklch(.93 .035 155);--live-text: oklch(.38 .08 155);--live-dot: oklch(.55 .13 155);--lift: 0 1px 2px rgba(0, 0, 0, .06);--float: 0 14px 34px rgba(15, 17, 21, .22);--ease: cubic-bezier(.2, .8, .2, 1);--sticky-top: 78px;--sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;text-wrap:balance}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}kbd{font-family:var(--mono)}.muted{color:var(--muted)}.muted-2{color:var(--muted-2);font-weight:500}.small{font-size:13px}.mono{font-family:var(--mono);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.boot{padding:48px;text-align:center;color:var(--muted)}.error-text{color:var(--alert-text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);color:var(--ink);font-size:14px;font-weight:600;cursor:pointer}.button:hover{background:var(--bg)}.button:disabled{opacity:.55;cursor:default}.button.primary{background:var(--ink);box-shadow:none;color:#fff}.button.primary:hover{background:#2a2e35}.button.ghost{background:transparent;box-shadow:none;color:var(--muted)}.button.small{min-height:34px;padding:0 14px;font-size:13px}.button.full{width:100%}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;flex-shrink:0}.icon-button:hover{background:#0f11150f}.icon-button.round{width:32px;height:32px;border-radius:50%;background:var(--bg);color:var(--ink-2)}.icon-button.round:hover{background:var(--seg)}.text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:4px 0;color:var(--live-text);font-size:13px;font-weight:600;cursor:pointer}.text-button:hover{text-decoration:underline}.text-button:disabled{color:var(--muted-2);cursor:default;text-decoration:none}.text-button.quiet{color:var(--muted);font-weight:500}.text-button.inline{display:inline;padding:0;font-size:inherit}.pill{flex:none;border:0;border-radius:999px;padding:8px 14px;background:var(--bg);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.pill:hover{background:var(--seg)}.pill.water{background:var(--water);color:#fff}.pill.electricity{background:var(--elec);color:#fff}.pill.water:hover,.pill.electricity:hover{filter:brightness(1.1)}.chip{border:0;border-radius:999px;padding:6px 11px;background:var(--bg);color:var(--ink);font-size:13px;text-align:left;cursor:pointer}.chip:hover{background:var(--seg)}.suggestions{display:flex;flex-wrap:wrap;gap:6px}.round-button{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:none;border:0;border-radius:50%;background:var(--surface);box-shadow:var(--lift);color:var(--ink);cursor:pointer}.round-button.avatar{background:#e2e4e9;box-shadow:none}.badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 3px;border:2px solid var(--bg);border-radius:9px;background:var(--alert);color:#fff;font-size:10px;font-weight:700;line-height:13px;text-align:center}.orb{position:relative;display:block;flex:none;transition:transform .25s var(--ease)}.orb i{position:absolute;border-radius:50%}.orb-core{left:15%;top:15%;width:70%;height:70%;background:#c4e6e7;animation:lensBreathe 6s ease-in-out infinite}.orb-a{left:28%;top:28%;width:44%;height:44%;background:#37ab6b;animation:gooA 8s ease-in-out infinite}.orb-b{left:30%;top:30%;width:40%;height:40%;background:#1d7cd5;animation:gooB 10s ease-in-out infinite}.orb-c{left:33%;top:33%;width:34%;height:34%;background:#00919d;background:oklch(.6 .12 205);animation:gooC 7s ease-in-out infinite}@keyframes lensBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes gooA{0%,to{transform:translate(-55%,-25%)}33%{transform:translate(45%,-45%)}66%{transform:translate(10%,50%)}}@keyframes gooB{0%,to{transform:translate(50%,35%)}33%{transform:translate(-45%,25%)}66%{transform:translate(-5%,-50%)}}@keyframes gooC{0%,to{transform:translateY(45%) scale(.8)}50%{transform:translateY(-45%) scale(1)}}.orb-button{display:grid;place-items:center;flex:none;border:0;padding:0;background:transparent;cursor:pointer}.orb-button:disabled{cursor:default}.orb-button:disabled .orb{opacity:.5}:is(.orb-button:not(:disabled),.ask-pill,.ask-field):hover .orb{transform:scale(1.06)}:is(.orb-button:not(:disabled),.ask-pill,.ask-field):active .orb{transform:scale(.93)}.orb-button.send,.orb-slot{width:36px;height:36px;margin:-4px -2px;display:grid;place-items:center}.orb-button.send .orb,.orb-slot .orb{margin:-4px}.ask-pill .orb-box .orb{margin:-3px}.app{position:relative;min-height:100vh;overflow-x:clip}.topbar{position:sticky;top:0;z-index:20;background:var(--bg)}.topbar-inner{max-width:1280px;height:var(--sticky-top);margin:0 auto;padding:0 44px;display:flex;align-items:center;gap:16px 40px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}.brand-mark{width:22px;height:22px;flex:none;display:block}.nav{display:flex;gap:6px;margin-right:auto;font-size:14px}.nav button{border:0;border-radius:999px;padding:7px 14px;background:transparent;color:var(--muted);cursor:pointer}.nav button:hover{color:var(--ink)}.nav button[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:var(--lift)}.topbar-actions{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:14px}.ask-pill{display:flex;align-items:center;gap:8px;padding:7px 10px 7px 8px;border:0;border-radius:999px;background:var(--surface);box-shadow:var(--lift);font-size:14px;cursor:pointer;white-space:nowrap}.ask-pill .orb-box{width:18px;height:18px;display:grid;place-items:center}.ask-pill kbd{padding:2px 6px;border-radius:5px;background:var(--bg);color:var(--muted-2);font-size:11px}.ask-pill.off{color:var(--muted-2)}.ask-pill.off .orb-box,.ask-field.off .orb-slot,.tab-orb.off{filter:grayscale(1);opacity:.45}.home-picker{position:relative;display:inline-flex;align-items:center;gap:4px;color:var(--muted);white-space:nowrap}.home-picker.choosable{cursor:pointer}.home-picker.choosable:hover{color:var(--ink)}.home-picker select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.home-picker:focus-within{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.account{position:relative}.menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:230px;padding:6px;border-radius:16px;background:var(--surface);box-shadow:var(--float);display:flex;flex-direction:column}.menu button{display:flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:10px 12px;background:transparent;font-size:14px;text-align:left;cursor:pointer}.menu button:hover:not(:disabled){background:var(--bg)}.menu button:disabled{color:var(--muted-2);cursor:default}.menu .danger{color:var(--alert-text)}.menu-note{padding:8px 12px 4px;font-size:12px;color:var(--muted-2)}.page{max-width:1280px;margin:0 auto;padding:10px 44px 40px;display:flex;flex-direction:column;gap:22px}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--ink);text-decoration:underline}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--muted-2)}.demo-banner,.notice,.error-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:10px 12px 10px 20px;border-radius:18px;font-size:14px}.demo-banner{background:var(--surface);padding-block:12px}.notice{background:var(--live-bg);color:var(--live-text)}.error-banner{background:var(--alert-wash);color:var(--alert-text)}.card{background:var(--surface);border-radius:22px;padding:22px 24px;min-width:0}.card h3{font-size:16px}.overview{display:flex;flex-direction:column}.ov-top{display:grid;grid-template-rows:1fr;transition:grid-template-rows .7s var(--ease),opacity .35s ease,transform .6s var(--ease),visibility 0s}.ov-top-inner{min-height:0;overflow:hidden;margin:-3px;padding:3px;display:flex;flex-direction:column;gap:22px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--muted)}.welcome h1{margin-top:8px;font-size:44px;letter-spacing:-.035em;line-height:1.05}.lede{margin-top:8px;font-size:15px;color:var(--muted)}.source{display:flex;align-items:center;gap:8px;flex:none;padding:8px 14px;border-radius:999px;background:var(--seg);color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.06em}.source i{width:7px;height:7px;border-radius:50%;background:var(--muted-2)}.source.live{background:var(--live-bg);color:var(--live-text)}.source.live i{background:var(--live-dot)}.notes{padding:0}.notes-head{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:14px 20px 4px}.notes-head h2{font-size:13px}.note-list{list-style:none;margin:0;padding:0}.note{position:relative;display:flex;align-items:center;gap:14px;padding:14px 20px}.note+.note:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:var(--hairline)}.note-icon{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center}.note-icon i{width:8px;height:8px;border-radius:50%}.note-icon.urgent{background:var(--alert-wash)}.note-icon.urgent i{background:var(--alert)}.note-icon.electricity{background:var(--elec-tile)}.note-icon.electricity i{background:var(--elec)}.note-icon.water{background:var(--water-tile)}.note-icon.water i{background:var(--water)}.note-body{flex:1;min-width:0}.note-title{font-size:15px;font-weight:600;line-height:1.3}.note-detail{margin-top:2px;font-size:13px;line-height:1.35;color:var(--muted)}.notes-empty{padding:22px 20px 24px;font-size:14px;color:var(--muted)}.notes-checking{padding:4px 0;font-size:13px;color:var(--muted-2)}.notes-frame{overflow:hidden;transition:height .35s var(--ease)}.note.loading .note-icon{background:#f0f2f4}.note.loading .note-body{display:flex;flex-direction:column}.sk,.sk-lines span{display:block;border-radius:6px;background:linear-gradient(90deg,#eceef1,#f6f7f9,#eceef1);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sk-title{width:42%;height:13px;margin:3.25px 0}.sk-detail{width:64%;height:11px;margin:5.3px 0 3.25px}.sk-pill{width:104px;height:33px;flex:none;border-radius:999px}.sk-lines{display:flex;flex-direction:column;gap:.8em;padding:.4em 0}.sk-lines span{height:.75em}.sk-lines span:last-child{width:60%}.balances{display:grid;grid-template-columns:repeat(var(--cards, 2),minmax(0,1fr));gap:18px}.balance-card{position:relative;overflow:hidden;container-type:inline-size;height:236px;padding:26px;border-radius:24px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.balance-card.electricity{background:var(--elec)}.balance-card.water{background:var(--water)}.balance-card:before{content:"";position:absolute;top:-80px;right:-60px;width:240px;height:240px;border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none}.balance-card :focus-visible{outline-color:#fff}.balance-card{transition:transform .2s var(--ease),box-shadow .2s ease}.balance-card:has(.bc-open:hover){transform:translateY(-2px);box-shadow:0 12px 28px #0f111529}.bc-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:0;border-radius:inherit;padding:0;background:transparent;cursor:pointer}.bc-open:focus-visible{outline-offset:-4px}.bc-cta{position:relative;z-index:2}.bc-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;color:#ffffffb8}.bc-name{display:flex;align-items:center;gap:8px}.debit-pill{padding:3px 9px;border-radius:999px;background:var(--alert-pill);color:#9e1901;font-size:12px;font-weight:600}.bc-amount{font-size:min(60px,19cqi);font-weight:500;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.bc-sub{margin-top:8px;font-size:15px;color:#ffffffb8}.bc-cta{align-self:flex-start;border:0;border-radius:999px;padding:9px 18px;background:#fff;font-size:14px;font-weight:600;cursor:pointer}.balance-card.electricity .bc-cta{color:var(--elec)}.balance-card.water .bc-cta{color:var(--water)}.trend{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;padding:24px 26px;border-radius:24px}.trend-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.trend-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.trend-label{font-size:14px;color:var(--muted)}.trend-kpi{margin-top:4px;font-size:30px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.trend-kpi .up,.trend-kpi .down{font-size:15px;font-weight:500;letter-spacing:0}.trend-kpi .up{color:var(--up)}.trend-kpi .down{color:var(--muted)}.trend-chart{position:relative;flex:1;min-height:0}.trend-ticks{display:flex;justify-content:space-between;font-size:12px;color:var(--muted-2)}.trend-empty{padding:24px 0;color:var(--muted)}.summary{display:flex;flex-direction:column;gap:16px;min-height:0}.summary h2{font-size:16px}.summary .button{align-self:flex-start}.summary-text{min-height:7.75em;overflow-y:auto;font-size:16px;line-height:1.55;letter-spacing:-.005em;text-wrap:pretty}.summary-text p+p,.summary-text p+ul,.summary-text ul+p{margin-top:8px}.summary-text ul,.message ul{margin:6px 0 0;padding-left:20px}.summary-off{font-size:15px;color:var(--muted)}.summary-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--hairline);font-size:12px;color:var(--muted-2)}.ov-ask{margin-top:auto;display:flex;flex-direction:column;gap:10px}.ask-field{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:14px;padding:12px 12px 12px 16px;background:var(--bg);color:var(--muted-2);font-size:14px;text-align:left;cursor:pointer}.ask-field span:first-child{flex:1}mark.fig{padding:0 3px;border-radius:4px;color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}mark.fig.electricity{background:var(--elec-mark)}mark.fig.water{background:var(--water-mark)}.summary-text b,.message b{font-weight:600}.usage-link{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:18px;border:0;border-radius:20px;padding:16px 18px;font-size:14px;text-align:left;cursor:pointer}.lens{height:100%;display:flex;flex-direction:column}.lens-head{display:flex;align-items:center;gap:10px;padding:18px 20px 18px 28px;border-bottom:1px solid var(--hairline)}.lens-head h2{font-size:16px}.lens-topic{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--muted-2)}.lens-head-actions{margin-left:auto;display:flex;align-items:center;gap:14px;flex:none}.lens-thread{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.lens-thread-inner{max-width:720px;margin:0 auto;padding:26px 28px}.lens-intro{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:4vh}.lens-intro-title{font-size:24px;font-weight:600;letter-spacing:-.025em}.lens-intro .muted{max-width:52ch}.lens-intro .chip{padding:8px 14px;font-size:14px}.chart-support{padding:8px 12px;border-radius:12px;background:var(--bg);font-size:13px;color:var(--muted)}.messages{display:flex;flex-direction:column;gap:18px}.message.user{align-self:flex-end;max-width:85%;padding:10px 16px;border-radius:18px 18px 4px;background:var(--ink);color:#fff;font-size:15px;scroll-margin-top:16px}.message.assistant{font-size:17px;line-height:1.55;letter-spacing:-.005em}.message.assistant p+p,.message.assistant p+ul,.message.assistant ul+p{margin-top:10px}.message.failed{color:var(--alert-text)}.message-status{font-size:14px;font-style:italic;color:var(--muted)}.message-note{margin-top:10px;font-size:13px;color:var(--muted)}.message-source{margin-top:10px;font-size:12px;color:var(--muted-2);letter-spacing:0}.chart-image{margin:4px 0 14px;padding:14px;border:1px solid var(--hairline);border-radius:18px}.chart-image img{display:block;width:100%;height:auto;border-radius:8px}.chart-image figcaption{margin-top:8px;font-size:12px;line-height:1.45;color:var(--muted)}.lens-foot{padding:0 28px 18px}.lens-input{max-width:720px;margin:0 auto;display:flex;align-items:flex-end;gap:10px;padding:12px 12px 12px 18px;border-radius:16px;background:var(--bg)}.lens-input:focus-within{box-shadow:inset 0 0 0 1.5px #c9cdd4}.lens-input textarea{flex:1;min-width:0;min-height:28px;max-height:160px;border:0;outline:none;padding:4px 0;resize:none;overflow-y:auto;background:transparent;font-size:15px;line-height:1.4}.lens-input textarea::placeholder{color:var(--muted-2)}.lens-foot .fine{max-width:720px;margin:8px auto 0;font-size:12px;color:var(--muted-2)}.side-card{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:24px}.side-card h3{font-size:13px;font-weight:400;color:var(--muted)}.looking{display:flex;align-items:center;gap:12px}.looking-tile{width:36px;height:36px;flex:none;border-radius:12px;background:var(--elec)}.looking-tile.water{background:var(--water)}.looking-name{font-size:15px;font-weight:600}.looking-meters{font-size:13px;color:var(--muted)}.looking-basis{padding-top:12px;border-top:1px solid var(--hairline);font-size:13px;line-height:1.5;color:var(--muted)}.recent{list-style:none;margin:-6px 0 0;padding:0;font-size:14px}.recent li{border-top:1px solid var(--hairline)}.recent button{display:block;width:100%;border:0;padding:9px 0;background:transparent;text-align:left;cursor:pointer}.recent button:hover{color:var(--live-text)}.recent button.current{font-weight:600}.recent button:disabled{cursor:default;color:var(--muted)}.side-card .text-button{align-self:flex-start}.past{display:flex;flex-direction:column;gap:12px}.past-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.past-head h3{font-size:20px;letter-spacing:-.02em}.past-list{list-style:none;margin:0;padding:0}.past-list li{display:flex;align-items:center;gap:8px;border-top:1px solid var(--hairline)}.past-list li:last-child{border-bottom:1px solid var(--hairline)}.past-open{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;border:0;padding:12px 0;background:transparent;text-align:left;cursor:pointer}.past-open:disabled{cursor:default;opacity:.6}.past-open:hover:not(:disabled) .past-title{color:var(--live-text)}.past-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500}.past-list li.current .past-title{font-weight:600}.past-meta{font-size:12px;color:var(--muted-2)}.read-only{max-width:720px;margin:0 auto;padding:12px 16px;border-radius:14px;background:var(--bg);font-size:14px;color:var(--ink-2)}.meters-wrap{width:100%;max-width:1040px;margin:0 auto}.meters-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px}.meters-title h1{font-size:40px;letter-spacing:-.035em;line-height:1.05}.meters-title .lede{margin-top:6px}.meters-banners{display:flex;flex-direction:column;gap:12px}.sync{display:flex;align-items:center;gap:12px}.sync-state{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.sync-state i{width:7px;height:7px;border-radius:50%;background:var(--muted-2)}.sync-state.live i{background:var(--live-dot)}.button.soft{min-height:36px;padding:0 14px;box-shadow:var(--lift);font-weight:500}.switcher-sentinel{height:0;margin-bottom:-22px}.switcher{position:sticky;top:var(--sticky-top);z-index:5;margin-inline:calc(50% - 50vw);padding:12px calc(50vw - 50%);background:#f3f4f6db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .25s}.switcher.stuck{border-bottom-color:var(--border)}.switcher-inner{display:flex;align-items:center;gap:16px}.home-tabs{display:flex;gap:10px;min-width:0;overflow-x:auto;scrollbar-width:none}.home-tab{display:flex;align-items:center;gap:12px;flex:none;border:0;border-radius:18px;padding:12px 18px 12px 14px;background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000000d;text-align:left;cursor:pointer;transition:background .2s,color .2s}.home-tab.on{background:var(--ink);color:#fff;box-shadow:none}.home-tab:focus-visible{outline-offset:-2px}.home-initial{width:34px;height:34px;flex:none;border-radius:11px;background:#f0f2f4;display:grid;place-items:center;font-size:13px;font-weight:600}.home-tab.on .home-initial{background:#ffffff1f}.home-tab-text{display:flex;flex-direction:column;min-width:0}.home-tab-name{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600}.alert-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--alert)}.home-tab-sub{max-height:18px;overflow:hidden;white-space:nowrap;font-size:12px;opacity:.7;transition:max-height .3s}.switcher.stuck .home-tab-sub{max-height:0}.mini-balances{margin-left:auto;display:flex;gap:16px;font-size:14px;white-space:nowrap;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .3s,transform .35s var(--ease)}.switcher.stuck .mini-balances{opacity:1;transform:none}.mini-balances b{font-weight:600}.mini-balances b.debit{color:#af2d18}.meters-body{display:flex;flex-direction:column;gap:22px}.home-card{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;padding:26px;border-radius:24px}.home-card-place{display:flex;flex-direction:column;gap:6px}.home-card h2{font-size:24px;letter-spacing:-.02em}.home-card .place{font-size:14px;line-height:1.45;color:var(--muted)}.home-name{display:flex;flex-direction:column;gap:8px}.home-name label{font-size:13px;font-weight:600}.name-field{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 8px 0 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.name-field:focus-within{border-color:var(--ink)}.name-field input{flex:1;min-width:0;border:0;outline:none;padding:12px 0;background:transparent;font-size:15px}.name-field input:disabled{color:var(--ink)}.name-hint{padding-right:8px;font-size:12px;color:var(--muted-2)}.name-actions{display:flex;align-items:center;gap:10px;flex:none}.name-help{font-size:12px;line-height:1.4;color:var(--muted)}.meter-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.meter-card{display:flex;flex-direction:column;gap:18px;padding:24px 26px}.meter-card.debit{box-shadow:inset 0 0 0 1.5px #f8beaf}.meter-card-head{display:flex;align-items:center;gap:12px}.meter-tile{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;color:#fff}.meter-card.electricity .meter-tile{background:var(--elec)}.meter-card.water .meter-tile{background:var(--water)}.meter-card-title{flex:1;min-width:0}.meter-card-title h3{font-size:18px}.meter-card-title .mono{margin-top:2px;color:var(--muted)}.status-pill{display:flex;align-items:center;gap:6px;flex:none;padding:4px 10px;border-radius:999px;background:#daf3e1;color:var(--live-text);font-size:12px;font-weight:600}.status-pill i{width:6px;height:6px;border-radius:50%;background:var(--live-dot)}.status-pill.off{background:var(--bg);color:var(--muted)}.status-pill.off i{background:var(--muted-2)}.meter-balance{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:16px 18px;border-radius:16px}.meter-card.electricity .meter-balance{background:#e8f6ec}.meter-card.water .meter-balance{background:#e8f3ff}.meter-card.debit .meter-balance{background:#ffede8;background:oklch(.96 .025 35)}.meter-balance-label{font-size:12px;color:var(--muted)}.meter-balance-amount{margin-top:4px;font-size:34px;font-weight:500;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}.meter-card.debit .meter-balance-amount{color:#af2d18}.meter-balance-sub{margin-top:4px;font-size:13px;color:#55595f}.pill.outline{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.meter-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;margin:0}.meter-facts .wide{grid-column:1 / -1}.meter-facts dt{font-size:12px;color:var(--muted-2)}.meter-facts dd{margin:3px 0 0;font-size:15px;font-weight:600;overflow-wrap:anywhere}.account-card{display:flex;flex-direction:column;padding:8px 26px;font-size:14px}.account-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;font-weight:500}.account-row+.account-row{border-top:1px solid var(--hairline)}.account-row .muted{font-weight:400}.switch-row{cursor:pointer}.switch-label{display:block}.switch-help{display:block;max-width:62ch;margin-top:2px;font-size:12px;font-weight:400;color:var(--muted)}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;width:40px;height:24px;margin:0;border-radius:999px;background:var(--border);cursor:pointer;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .2s var(--ease)}.switch:checked{background:var(--ink)}.switch:checked:after{transform:translate(16px)}.account-action{width:100%;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.account-action.danger{color:#af2d18}.account-action:disabled{opacity:.55;cursor:default}.meters-note{margin-top:-8px}.chart{margin:14px 0 0;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:8px;row-gap:6px}.chart.no-axis{margin:0;grid-template-columns:minmax(0,1fr)}.chart.fill{height:100%;grid-template-rows:minmax(0,1fr)}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;margin:-8px 0;text-align:right;font-size:11px;color:var(--muted-2)}.chart-plot{position:relative;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--hairline);background:linear-gradient(var(--hairline) 1px,transparent 1px) 0 0 / 100% 50%}.chart.no-axis .chart-plot{gap:7px;border:0;background:none}.chart.fill .chart-plot{height:100%}.chart-col{position:relative;flex:1 1 0;min-width:0;height:100%;display:flex;align-items:flex-end}.chart-col:before{content:"";position:absolute;top:0;bottom:0;left:-3.5px;right:-3.5px}.chart-bar{width:100%;border-radius:4px;transition:filter .15s}.chart.pickable .chart-col{cursor:pointer}.chart.no-axis .chart-bar{border-radius:5px}.chart-col.hover .chart-bar{filter:brightness(.9)}.chart-average{position:absolute;left:0;right:0;z-index:1;border-top:1px dashed #c9cdd4;pointer-events:none}.chart-average span{position:absolute;right:0;bottom:6px;font-size:11px;color:var(--muted-2)}.chart-tip{position:absolute;z-index:2;padding:5px 9px;border-radius:8px;background:var(--ink);color:#fff;font-size:12px;white-space:nowrap;pointer-events:none}.chart-labels{display:flex;gap:5px;font-size:12px;color:var(--muted-2)}.chart-labels span{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:visible}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;margin-left:10px;border-radius:3px}.legend i:first-child{margin-left:0}.legend i.ramp{width:90px;margin:0 4px;border-radius:5px}.heat{display:flex;flex-direction:column;gap:5px}.heat-row{display:grid;grid-template-columns:56px repeat(24,minmax(0,1fr));gap:5px;align-items:center}.heat-label{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}.heat-cell{position:relative;height:30px;border-radius:5px}.heat.pickable .heat-cell{cursor:pointer}.heat.pickable .heat-cell:hover{filter:brightness(.92)}.heat-cell.picked{z-index:1;box-shadow:0 0 0 2px var(--ink)}.heat-pop{left:0}.heat-pop.below{top:calc(100% + 6px)}.heat-pop.above{top:auto;bottom:calc(100% + 6px)}.heat-pop.end{left:auto;right:0}.heat-hours{margin-top:4px;font-size:11px;color:var(--muted-2)}.heat-hours span{text-align:center}.chart-pop{position:absolute;top:-4px;z-index:3;width:min(320px,70vw);padding:14px 16px;border-radius:16px;background:var(--ink);color:#fff;box-shadow:var(--float);display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.45;cursor:default}.pop-inner{display:contents}.pop-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#9aa0aa}.pop-close{border:0;padding:0 2px;background:transparent;color:#9aa0aa;font-size:18px;line-height:1;cursor:pointer}.pop-close:focus-visible,.pop-actions button:focus-visible{outline-color:#fff}.pop-actions{display:flex;flex-wrap:wrap;gap:6px}.pop-hint{font-size:12px;color:#9aa0aa}.pop-hint .text-button{color:#fff;text-decoration:underline;text-underline-offset:2px}.pop-actions button{border:0;border-radius:999px;padding:5px 10px;background:#22262c;color:#fff;font-size:12px;cursor:pointer}.pop-actions button:hover{background:#2f343b}.placeholder{padding:28px 24px;color:var(--muted)}.segmented{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--seg);font-size:13px}.segmented.on-card{background:var(--bg)}.segmented button{min-height:30px;border:0;border-radius:999px;padding:5px 12px;background:transparent;color:var(--muted);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.select-label select{min-height:36px;padding:0 12px;border:0;border-radius:999px;background:var(--surface);box-shadow:var(--lift);max-width:100%}.usage{display:flex;flex-direction:column;gap:18px}.usage>.switcher-sentinel{margin-bottom:-18px}.usage-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px}.usage-title h1{font-size:40px;letter-spacing:-.035em;line-height:1.05}.usage-title .lede{margin-top:6px}.usage-title .lede b{color:var(--ink);font-weight:600}.usage-controls{display:flex;align-items:center;gap:12px}.utility-toggle{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--seg);font-size:14px}.utility-toggle button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:7px 16px;background:transparent;color:var(--muted);cursor:pointer}.utility-toggle button:hover{color:var(--ink)}.utility-toggle i{width:8px;height:8px;border-radius:50%}.utility-toggle .electricity i{background:var(--elec)}.utility-toggle .water i{background:var(--water)}.utility-toggle .electricity[aria-pressed=true]{background:var(--elec);color:#fff}.utility-toggle .water[aria-pressed=true]{background:var(--water);color:#fff}.context-bar{position:sticky;top:var(--sticky-top);z-index:5;margin-inline:calc(50% - 50vw);padding:12px calc(50vw - 50%);background:#f3f4f6db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .25s}.context-bar.stuck{border-bottom-color:var(--border)}.context-inner{display:flex;align-items:center}.context-title{display:flex;align-items:baseline;gap:10px;max-width:calc(var(--p, 0) * var(--title-w, 0px));margin-right:calc(var(--p, 0) * 16px);overflow:hidden;white-space:nowrap;opacity:var(--p, 0);transform:translateY(calc((1 - var(--p, 0)) * 6px))}.context-name{font-size:17px;font-weight:600;letter-spacing:-.02em}.context-figures{font-size:13px;color:var(--muted)}.section-chips{display:flex;flex:none;gap:6px;font-size:13px}.section-chips button{border:0;border-radius:999px;padding:7px 14px;background:var(--surface);color:var(--ink);box-shadow:var(--lift);white-space:nowrap;cursor:pointer;transition:background .25s,color .25s}.section-chips button[aria-current=true]{background:var(--ink);color:#fff;box-shadow:none}.context-updated{margin-left:auto;font-size:12px;color:var(--muted-2);opacity:var(--p, 0)}.utility-toggle.small{padding:3px;gap:2px;font-size:13px}.utility-toggle.small button{padding:5px 12px;gap:6px}.utility-toggle.small i{width:7px;height:7px}.utility-toggle.on-card{background:var(--bg)}.context-toggle{flex:none;margin-left:auto;opacity:var(--p, 0);visibility:hidden;transform:translateY(calc((1 - var(--p, 0)) * 6px))}.context-updated+.context-toggle{margin-left:16px}.context-bar[data-titled=yes] .context-toggle{visibility:visible}.section-eyebrow{margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi{display:flex;flex-direction:column;gap:10px;padding:22px 24px}.kpi-label{font-size:13px;color:var(--muted)}.kpi-value{font-size:34px;font-weight:500;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}.kpi-value span{margin-left:5px;font-size:15px;letter-spacing:0;color:var(--muted)}.kpi-note{font-size:13px;color:var(--muted)}.kpi-note.up{color:var(--up);font-weight:600}.usage-card{display:flex;flex-direction:column;gap:14px;padding:22px 24px}.usage-card h3{font-size:16px}.usage-card .chart{margin:0}.usage-card:has(.pickable) .chart-plot{gap:7px}.card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px 16px}.card-sub{margin-top:3px;font-size:13px;color:var(--muted)}.card-meta{font-size:12px;color:var(--muted-2)}.card-foot{font-size:14px;line-height:1.5;color:var(--ink-2)}.card-foot b{color:var(--ink);font-weight:600}.usage-pair{display:grid;gap:16px}.usage-pair.weekly{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.usage-pair.patterns{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.usage-pair.even{grid-template-columns:repeat(2,minmax(0,1fr))}.pick-item{position:relative}.list-pop{top:calc(100% + 6px);left:0}.compare,.month-row{width:calc(100% + 16px);margin:-6px -8px;border:0;border-radius:12px;padding:6px 8px;background:transparent;text-align:left;cursor:pointer;transition:background .15s}.compare:hover,.month-row:hover,.compare.picked,.month-row.picked{background:var(--bg)}.compare{display:flex;flex-direction:column;gap:7px}.compare-head{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.compare-head .up{color:var(--up)}.compare-head .flat{color:var(--muted)}.compare-row{display:flex;align-items:center;gap:10px;font-size:13px}.compare-row>span:first-child{width:62px;flex:none;font-size:12px;color:var(--muted)}.compare-row>:last-child{width:72px;flex:none;text-align:right;font-variant-numeric:tabular-nums}.compare-row>span:last-child{color:var(--muted)}.compare-row b{font-weight:600}.compare-note{display:block;font-size:12px;color:var(--muted-2)}.track{display:block;flex:1;height:10px;overflow:hidden;border-radius:9px;background:#f0f2f4}.track i{display:block;height:100%;border-radius:9px}.months{display:flex;flex-direction:column;gap:11px}.month-row{display:flex;align-items:center;gap:14px;font-size:14px}.month-name{width:34px;flex:none;color:var(--muted)}.month-row .track{height:8px}.month-value{width:84px;flex:none;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.month-cost{width:60px;flex:none;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.unusual-figure{font-size:30px;font-weight:500;letter-spacing:-.03em}.unusual-figure span{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}.unusual-none{font-size:14px;line-height:1.5;color:var(--ink-2)}.spark{display:flex;align-items:flex-end;gap:4px;height:64px}.spark i{flex:1;border-radius:3px}.unusual-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--hairline);font-size:14px}.unusual-foot b{font-weight:600}.unusual-foot .text-button{font-size:14px}.paying.electricity{background:var(--elec-tint)}.paying.water{background:#e8f3ff}.paying-rate{font-size:40px;font-weight:500;letter-spacing:-.035em;line-height:1}.paying-rate span{margin-left:6px;font-size:15px;letter-spacing:0;color:#55595f}.paying-text{font-size:14px;line-height:1.5;color:var(--ink-2)}.tiers>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid oklch(.88 .03 155);font-size:13px;color:#55595f}.tiers>div span:last-child{font-weight:600}.tiers .here{color:var(--ink);font-weight:600}.paying.water .tiers>div{border-top-color:#c9daeb}.planner{display:flex;flex-direction:column;gap:14px;scroll-margin-top:calc(var(--sticky-top) + 76px)}.planner-status{font-size:14px;font-weight:600}.planner-amount{font-size:40px;font-weight:500;letter-spacing:-.035em;line-height:1}.planner-result{font-size:14px;line-height:1.5;color:var(--ink-2)}.planner-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--hairline);font-size:12px;line-height:1.45;color:var(--muted-2)}@media (max-width: 1079px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-pair.weekly,.usage-pair.patterns,.usage-pair.even{grid-template-columns:minmax(0,1fr)}}.lens-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;visibility:hidden;pointer-events:none;transition:visibility 0s .5s}.lens-drawer.open{visibility:visible;pointer-events:auto;transition:visibility 0s}.lens-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f111538;opacity:0;transition:opacity .35s ease}.lens-drawer.open .lens-backdrop{opacity:1}.lens-sheet{position:absolute;top:16px;right:16px;bottom:16px;width:min(760px,calc(100vw - 32px));overflow:hidden;border-radius:24px;background:var(--surface);box-shadow:var(--float);transform:translate(calc(100% + 32px));transition:transform .5s var(--ease)}.lens-drawer.open .lens-sheet{transform:none}.lens-sheet .lens-thread-inner{opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .5s var(--ease)}.lens-drawer.open .lens-sheet .lens-thread-inner{opacity:1;transform:none;transition:opacity .4s ease .2s,transform .6s var(--ease) .2s}@media (min-width: 1080px){.ov-row{container-type:inline-size;display:flex;gap:24px;height:560px;margin-top:24px;transition:height .7s var(--ease)}.ov-left{position:relative;flex:1;min-width:0}.ov-dash{position:absolute;top:0;bottom:0;left:0;width:calc(100cqw - 364px);display:flex;flex-direction:column;gap:24px;transition:opacity .3s ease,visibility 0s}.ov-side{position:absolute;top:0;left:0;width:300px;display:flex;flex-direction:column;gap:18px;opacity:0;visibility:hidden;transform:translate(-24px);transition:opacity .25s ease,transform .3s var(--ease),visibility 0s .3s}.ov-panel{position:relative;flex:none;width:340px;overflow:hidden;border-radius:24px;background:var(--surface);transition:width .7s var(--ease),box-shadow .7s ease}.ov-summary{position:absolute;top:0;right:0;bottom:0;width:340px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:opacity .25s ease,visibility 0s}.ov-lens{position:absolute;top:0;right:0;bottom:0;width:calc(100cqw - 324px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}.ov-lens .lens-thread-inner{transform:translateY(14px);transition:transform .6s var(--ease) .3s}.lens-open .ov-top{grid-template-rows:0fr;opacity:0;visibility:hidden;transform:translateY(-16px);transition:grid-template-rows .7s var(--ease),opacity .35s ease,transform .6s var(--ease),visibility 0s .7s}.lens-open .ov-row{height:clamp(560px,calc(100dvh - 110px),860px)}.lens-open .ov-dash{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.lens-open .ov-side{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease .45s,transform .6s var(--ease) .4s,visibility 0s}.lens-open .ov-panel{width:calc(100% - 324px);box-shadow:0 20px 50px #0f111514}.lens-open .ov-summary{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s .25s}.lens-open .ov-lens{opacity:1;visibility:visible;transition:opacity .4s ease .3s,visibility 0s}.lens-open .ov-lens .lens-thread-inner{transform:none}.overview+.footer{margin-top:40px}}@media (max-width: 1079px){.ov-row{display:flex;flex-direction:column;gap:18px;margin-top:18px}.ov-left,.ov-dash{display:contents}.ov-side{display:none}.balances{order:1}.trend{order:2;height:320px;flex:none}.ov-panel{order:3;border-radius:22px;background:var(--surface)}.ov-summary{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.ov-ask{margin-top:4px}.ov-lens{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:var(--surface);visibility:hidden;transform:translateY(100%);transition:transform .45s var(--ease),visibility 0s .45s}.lens-open .ov-lens{visibility:visible;transform:none;transition:transform .45s var(--ease),visibility 0s}html.lens-on,html.lens-on body{overflow:hidden}.lens-sheet{top:0;right:0;bottom:0;left:0;width:auto;padding-top:env(safe-area-inset-top,0px);border-radius:0;box-shadow:none;transform:translateY(100%);transition:transform .45s var(--ease)}.lens-backdrop{display:none}}.narrow-only,.tabbar{display:none}@media (max-width: 759px){.wide-only{display:none!important}.narrow-only{display:revert}:root{--sticky-top: 0px}.topbar{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));right:16px;z-index:5;background:none}.topbar-inner{height:auto;padding:0;gap:8px}.brand,.nav,.ask-pill,.header-home,.topbar-actions>.button{display:none}.topbar-actions{gap:8px}.page{padding:calc(20px + env(safe-area-inset-top,0px)) 16px calc(130px + env(safe-area-inset-bottom,0px));gap:18px}.welcome-text{padding-right:84px}.welcome h1{margin-top:6px;font-size:30px}.eyebrow{font-size:11px}.lede{margin-top:6px;font-size:13px}.lede.narrow-only{display:block}.source{display:none}.ov-top-inner{gap:18px}.notes{border-radius:20px}.notes-head{min-height:40px;padding:12px 14px 0}.note{padding:12px 14px}.note+.note:before{left:14px;right:14px}.note-icon{width:32px;height:32px}.note-title{font-size:14px}.note-detail{font-size:12px}.pill{padding:6px 11px;font-size:12px}.notes-empty{padding:18px 14px 20px}.sk-title{height:12px;margin:3.1px 0}.sk-detail{height:10px;margin:5.1px 0 3.1px}.sk-pill{width:92px;height:28px}.balances{grid-template-columns:repeat(var(--phone-cards, 2),minmax(0,1fr));gap:10px}.balance-card{height:auto;min-height:172px;justify-content:flex-start;gap:18px;padding:16px;border-radius:20px}.balance-card:before{top:-70px;right:-80px;width:180px;height:180px}.bc-top{font-size:13px}.bc-top .mono{display:none}.bc-amount{font-size:min(44px,17cqi)}.bc-sub{margin-top:6px;font-size:12px;line-height:1.4}.bc-cta{margin-top:auto;padding:7px 14px;font-size:13px}.trend{display:none}.ov-summary{padding:18px;gap:12px}.summary h2{font-size:14px}.summary-text{font-size:15px;line-height:1.5}.usage-link{display:flex}.lens-head{padding:14px 14px 14px 20px}.lens-thread-inner{padding:20px}.lens-foot{padding:0 14px calc(14px + env(safe-area-inset-bottom,0px))}.lens-input{padding:10px 10px 10px 16px}.tabbar{position:fixed;left:16px;right:16px;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;align-items:center;gap:8px}.tabs{flex:1;display:flex;justify-content:space-around;align-items:center;padding:3px;border-radius:999px;background:var(--surface);box-shadow:0 8px 24px #0f11151a;font-size:13px}.tabs button{min-height:44px;border:0;padding:0 12px;background:transparent;color:var(--muted-2);cursor:pointer}.tabs button[aria-current=page]{color:var(--ink);font-weight:600}.tab-orb{width:64px;height:64px;margin:-4px 0}.footer{font-size:11px}.usage{gap:12px}.usage-title{flex-direction:column;align-items:stretch;gap:12px}.usage-title>div:first-child{padding:0 84px 0 4px}.usage-title h1{font-size:28px;letter-spacing:-.03em}.usage-title .lede{margin-top:2px;font-size:13px}.usage-controls{flex-direction:column;align-items:stretch;gap:8px}.utility-toggle button{flex:1;padding:8px}.usage>.switcher-sentinel{margin-bottom:-12px}.context-bar{padding-block:10px}.context-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.context-title{grid-row:1;grid-column:1}.section-chips{grid-row:2;grid-column:1 / -1}.context-figures{display:none}.context-toggle{grid-row:1;grid-column:2;max-height:0;margin:0;overflow:hidden;opacity:0;transform:none;transition:max-height .35s var(--ease),margin .3s var(--ease),opacity .25s}.context-bar:not(.stuck) .context-toggle{visibility:hidden}.context-bar.stuck .context-toggle{max-height:40px;margin:0 0 8px;opacity:1;visibility:visible}.utility-toggle.context-toggle button{flex:none;padding:4px 10px}.context-title{justify-content:space-between;max-width:none;max-height:0;margin:0;opacity:0;transform:none;transition:max-height .35s var(--ease),margin .3s var(--ease),opacity .25s}.context-bar.stuck .context-title{max-height:24px;margin:0 0 8px;opacity:1}.context-name{font-size:16px}.context-figures{font-size:12px}.section-chips button{padding:6px 13px}.context-updated{display:none}.section-eyebrow{font-size:11px}.kpis{gap:10px}.kpi{gap:6px;padding:14px 16px;border-radius:18px}.kpi-label{font-size:12px}.kpi-value{font-size:24px;letter-spacing:-.03em}.kpi-value span{margin-left:4px;font-size:12px}.kpi-note{font-size:11px}.usage-card{padding:20px}.usage-card .chart-plot,.usage-card:has(.pickable) .chart-plot{gap:2px}.usage-card .chart-bar{border-radius:2px}.usage-card .chart-labels{gap:2px}.heat{min-width:0;gap:2px}.heat-row{grid-template-columns:44px repeat(24,minmax(0,1fr));gap:2px}.heat-label{font-size:11px}.heat-cell{height:11px;border-radius:2px}.heat-hours span{font-size:10px}.paying-rate,.planner-amount{font-size:34px}.month-row{gap:10px}.month-value{width:76px}.month-cost{width:52px}.chart-pop{width:min(260px,72vw)}.meters-title{flex-direction:column;align-items:flex-start;gap:6px;padding:0 84px 0 4px}.meters-title h1{font-size:28px;letter-spacing:-.03em}.switcher-sentinel{margin-bottom:-18px}.switcher{padding-block:10px}.switcher-inner{flex-direction:column;align-items:stretch;gap:0}.home-tabs{gap:8px}.home-tab{flex:1 0 auto;padding:10px 12px}.home-initial{width:30px;height:30px}.home-tab-name{font-size:14px}.mini-balances{margin:0;justify-content:space-between;max-height:0;overflow:hidden;font-size:13px;transform:none;transition:max-height .35s var(--ease),margin .35s var(--ease),opacity .25s}.switcher.stuck .mini-balances{max-height:22px;margin-top:8px}.meters-body{gap:14px}.home-card{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px;border-radius:22px}.home-card h2{font-size:20px}.home-card .place{font-size:13px}.meter-cards{grid-template-columns:minmax(0,1fr);gap:14px}.meter-card{gap:14px;padding:18px}.meter-tile{width:38px;height:38px}.meter-card-title h3{font-size:16px}.meter-balance{padding:14px}.meter-balance-amount{font-size:28px}.meter-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.meter-facts dd{font-size:14px}.account-card{padding:6px 18px}}.doc{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:26px}.doc-tabs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px}.doc-tabs a{border-radius:999px;padding:7px 14px;background:var(--surface);color:var(--ink);box-shadow:var(--lift);text-decoration:none}.doc-tabs a[aria-current=page]{background:var(--ink);color:#fff;box-shadow:none}.doc-head{display:flex;flex-direction:column;gap:8px}.doc-head h1{font-size:40px;letter-spacing:-.035em;line-height:1.05}.doc-updated{font-size:13px;color:var(--muted-2)}.doc-lede{max-width:62ch;font-size:17px;line-height:1.55;color:var(--ink-2)}.doc section{display:flex;flex-direction:column;gap:10px}.doc h2{font-size:20px;letter-spacing:-.02em}.doc p,.doc li{max-width:68ch;font-size:15px;line-height:1.65;color:var(--ink-2)}.doc ul{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:20px}.doc strong{color:var(--ink);font-weight:600}.doc a{color:var(--live-text);text-underline-offset:2px}.doc-card{border-radius:22px;padding:22px 26px;background:var(--surface)}.summary-card{background:var(--elec-tint)}.support-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.support-card .button{text-decoration:none}.kept{display:flex;flex-direction:column;border-radius:22px;padding:6px 24px;background:var(--surface)}.kept-row{padding:16px 0}.kept-row+.kept-row{border-top:1px solid var(--hairline)}.kept-row h3{margin-bottom:8px;font-size:16px}.kept-row dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:4px 16px;margin:0;font-size:14px;line-height:1.55}.kept-row dt{color:var(--muted)}.kept-row dd{margin:0;color:var(--ink-2)}.faq-group{gap:12px}.faq-list{display:flex;flex-direction:column;border-radius:22px;padding:4px 24px;background:var(--surface)}.faq-list details+details{border-top:1px solid var(--hairline)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:15px;font-weight:600;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";flex:none;font-size:20px;font-weight:400;color:var(--muted);transition:transform .2s var(--ease)}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{padding-bottom:16px}.doc-foot{color:var(--muted)}.welcome-page{min-height:calc(100vh - var(--sticky-top))}.welcome-page .footer{margin-top:auto}.welcome-screen{display:flex;flex-direction:column;gap:18px;max-width:880px;padding:64px 0 32px}.welcome-screen .eyebrow{text-transform:uppercase}.welcome-screen h1{font-size:56px;letter-spacing:-.04em;line-height:1.02}.welcome-lede{max-width:58ch;font-size:17px;line-height:1.55;color:var(--ink-2)}.welcome-start{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:8px}.welcome-start .button{min-height:48px;padding:0 26px;font-size:15px}.welcome-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 0;padding:0;list-style:none}.welcome-points li{border-radius:22px;padding:20px 22px;background:var(--surface)}.welcome-points h2{font-size:15px}.welcome-points p{margin-top:6px;font-size:14px;line-height:1.5;color:var(--muted)}@media (max-width: 759px){.app.signed-out .topbar{position:static;padding:calc(18px + env(safe-area-inset-top,0px)) 16px 0;background:var(--bg)}.app.signed-out .brand{display:flex}.app.signed-out .page{min-height:0;padding:16px 16px calc(28px + env(safe-area-inset-bottom,0px))}.welcome-screen{gap:14px;padding:28px 0 8px}.welcome-screen h1{font-size:36px}.welcome-lede{font-size:15px}.welcome-start .button{width:100%}.welcome-points{grid-template-columns:1fr;margin-top:12px}}@media (max-width: 759px){.doc-head{padding-right:84px}.doc-head h1{font-size:30px}.doc-tabs{padding-right:84px}.kept{padding:4px 18px}.kept-row dl{grid-template-columns:minmax(0,1fr);gap:2px}.kept-row dt{margin-top:6px}.faq-list{padding:4px 18px}}a.button{text-decoration:none}.planner-action{align-self:flex-start}.amount-field{display:flex;align-items:center;gap:6px;min-height:52px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:22px;font-weight:500}.amount-field:focus-within{border-color:var(--ink)}.amount-field span{color:var(--muted)}.form .amount-field input{flex:1;min-width:0;min-height:0;border:0;padding:0;outline:none;background:transparent;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.plan-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.plan-chips button{border:0;border-radius:999px;padding:8px 14px;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--border);font-size:14px;font-weight:500;cursor:pointer}.plan-chips button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.topup-step{display:flex;flex-direction:column;gap:12px}.review-list{display:flex;flex-direction:column;margin:0;border-radius:14px;padding:4px 16px;background:var(--bg)}.review-list div{display:flex;justify-content:space-between;gap:16px;padding:10px 0}.review-list div+div{border-top:1px solid var(--border)}.review-list dt{color:var(--muted)}.review-list dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.topup-done{font-size:17px;font-weight:600}.dialog{width:min(460px,calc(100vw - 32px));border:0;border-radius:24px;padding:0;color:var(--ink);box-shadow:var(--float)}.dialog::backdrop{background:#0f111559}.dialog.wide{width:min(600px,calc(100vw - 32px))}.dialog-inner{position:relative;padding:28px;display:flex;flex-direction:column;gap:12px}.dialog-inner h2{padding-right:36px;font-size:22px;letter-spacing:-.02em}.dialog-close{position:absolute;top:16px;right:16px}.connect-reason{padding:12px 14px;border-radius:14px;background:var(--live-bg);color:var(--live-text);font-size:14px}.dialog-note{padding:12px 14px;border-radius:14px;background:var(--bg);font-size:13px;color:var(--ink-2)}.form{display:flex;flex-direction:column;gap:6px;margin-top:4px}.form label{margin-top:6px;font-size:14px;font-weight:600}.form input,.form select{min-height:46px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.form select{max-width:100%;text-overflow:ellipsis}.form .button{margin-top:12px}.form-error{margin-top:6px;font-size:14px;color:var(--alert-text)}.fine{font-size:13px;color:var(--muted)}.choice-group{display:flex;flex-direction:column;gap:6px;margin:6px 0 0;border:0;padding:0}.choice-group legend{margin-bottom:6px;padding:0;font-size:14px;font-weight:600}.choice{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;cursor:pointer}.choice.on{border-color:var(--ink);background:var(--bg)}.choice input{margin-top:4px;accent-color:var(--ink)}.choice>span{display:flex;flex-direction:column}.inline-field{display:flex;gap:8px}.inline-field input{flex:1 1 auto;min-width:0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;transition-delay:0s!important}.orb i{animation-play-state:paused}.sk,.sk-lines span{animation:none}}#zcb-banner{position:fixed;left:24px;bottom:24px;z-index:40;max-width:400px;padding:18px 20px;border-radius:22px;background:var(--surface);box-shadow:0 12px 40px #0f111529;color:var(--ink-2);font-size:14px;line-height:1.5}#zcb-banner .zcb-btn{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}#zcb-banner .zcb-button{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;font-weight:600;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none}#zcb-banner .zcb-button-secondary{box-shadow:inset 0 0 0 1px var(--border);color:var(--ink)}#zcb-banner .zcb-button-primary{background:var(--ink);color:#fff}@media (max-width: 759px){#zcb-banner{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:none}}