:root{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:#23372f;background:#f5f5f1;font-synthesis:none;--green:#215b4e;--ink:#26392f;--muted:#7c847b;--line:#e6e8e1;--warm:#d5a764}*{box-sizing:border-box}body{margin:0}button,input,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d9a35a;outline-offset:3px}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbol-library{width:0;height:0;position:absolute;overflow:hidden}.app-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#fafaf7;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:24px;font-weight:650;letter-spacing:-1.1px;white-space:nowrap}.brand-mark{background:var(--green);color:#f7f7e8;display:grid;place-items:center;width:38px;height:38px;border-radius:12px}.brand-mark svg{width:23px;height:23px}.brand-divider{color:#c1c6bc;margin:0 13px;font-weight:400}.brand-sub{font-size:11px;font-weight:600;letter-spacing:2px;vertical-align:middle}.project-name{font-size:13px;font-weight:600;display:flex;gap:12px;align-items:center}.project-name span{font-size:11px;font-weight:400;color:var(--muted);border-left:1px solid #d6dacf;padding-left:12px}.header-actions{display:flex;gap:18px;align-items:center}.simulation-badge{font-size:10px;font-weight:650;letter-spacing:1.3px;display:flex;gap:7px;align-items:center;white-space:nowrap}.simulation-badge i{background:#78a58c;width:6px;height:6px;border-radius:50%;display:inline-block}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #dfe4d9;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:550;transition:background .18s,border-color .18s}.button:hover{background:#ecf1e8;border-color:#c1cfbd}.button.subtle{background:transparent}.button svg{width:16px;height:16px}.button.small{padding:7px 10px;font-size:11px}.button.full{width:100%}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border:0;border-radius:7px;background:transparent;flex-shrink:0}.icon-button:hover{background:#e7ebe1}.icon-button[aria-pressed=true]{background:#dce9de;color:#215b4e}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 358px;max-width:1920px;margin:0 auto;height:calc(100dvh - 76px);min-height:700px}.model-pane{position:relative;overflow:hidden;background:#efeee8;min-width:0}.model-topline{position:absolute;top:28px;left:32px;right:28px;display:flex;justify-content:space-between;z-index:3;pointer-events:none}.model-topline button{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;margin:0 0 11px;color:#727b6c}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(27px,2.65vw,43px);letter-spacing:-1.1px;line-height:1.13;margin:0;color:#31483b}.model-description{font-size:12px;color:#798173;margin:12px 0}.view-toolbar{position:absolute;top:173px;left:32px;right:26px;display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:4;flex-wrap:wrap}.segmented{display:flex;align-items:center;background:#fafaf6e8;padding:4px;border:1px solid #dadfd2;border-radius:9px;box-shadow:0 3px 12px #253a2710}.segmented button{font-size:11px;border:0;background:transparent;color:#6d7869;border-radius:6px;padding:8px 11px;white-space:nowrap}.segmented button.active{background:#2e5e4d;color:#fff;box-shadow:0 1px 4px #203e3820}.camera-tools{display:flex;gap:5px}.camera-tools .button,.scene-tools .button{background:#fafaf6e8}.camera-tools .button[aria-pressed=true],.scene-tools .button[aria-pressed=true]{border-color:#9db59b;background:#e6ede0}.viewport{position:absolute;inset:130px 0 110px;touch-action:none}.viewport>svg{display:block;width:100%;height:100%;stroke:none;stroke-width:0}.viewport canvas{display:block;width:100%;height:100%;outline:none}.explore-hint{position:absolute;left:0;right:0;bottom:154px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:#858c7d;pointer-events:none}.explore-hint svg{width:13px;height:13px}.explore-hint span{color:#a5ac9c}.scene-tools{position:absolute;bottom:110px;right:26px;display:flex;gap:8px;z-index:4}.scene-readouts{position:absolute;left:26px;right:26px;bottom:0;height:78px;border-top:1px solid #d7dcce;display:flex;align-items:center;gap:34px}.scene-readouts>div{min-width:90px}.readout-label{display:block;font-size:8px;letter-spacing:1.2px;color:#7c8572;font-weight:600;margin-bottom:6px}.scene-readouts strong{font-size:21px;font-weight:500;letter-spacing:-.5px;line-height:1}.scene-readouts strong small{font-size:12px;color:#86907d;font-weight:400}.scene-readouts p{font-size:10px;color:#64705d;line-height:1.6;margin-left:auto;text-align:right}.scene-readouts p span{font-size:9px;color:#8c9384}.scene-readouts .status-normal{font-size:16px;color:#38634e}.scene-readouts .status-alert{font-size:16px;color:#b45334}.control-pane{background:#fafaf7;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel-heading{padding:27px 24px 20px}.panel-heading .eyebrow{font-size:8px}.panel-heading h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:0 0 7px}.panel-heading p{margin:0;color:var(--muted);font-size:11px}.mode-picker{display:flex;gap:7px;margin:0 24px 23px}.mode{border:1px solid #dfe4d9;background:transparent;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;flex:1;padding:10px 8px;border-radius:8px}.mode svg{width:15px;height:15px}.mode.active{background:#215b4e;color:#fff;border-color:#215b4e}.panel-tabs{display:flex;gap:14px;padding:0 24px;border-bottom:1px solid var(--line);flex-shrink:0}.panel-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;font-size:11px;color:#89917f;padding:0 0 12px;white-space:nowrap}.panel-tabs button.active{color:#215b4e;border-bottom-color:#215b4e;font-weight:600}.panel-tabs button span{font-size:9px;background:#e9ece3;border-radius:5px;padding:1px 4px;margin-left:3px;color:#78876d}.panel-scroll{padding:20px 24px 25px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d6dcd0 transparent;flex:1}.section-line{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 13px}.section-line h3{font-size:12px;font-weight:600;margin:0}.text-button{border:0;background:transparent;color:#3b7561;font-size:10px;padding:2px 0;line-height:1.5}.text-button:hover{text-decoration:underline}.room-control{padding:12px 0;border-bottom:1px solid var(--line);transition:background .2s}.room-control.selected{background:#eaf0e64f;margin:0 -10px;padding:12px 10px;border-radius:6px}.room-heading{display:flex;align-items:center;gap:10px;margin-bottom:9px}.room-number{font-size:10px;color:#a4ae99;min-width:14px}.room-select{border:0;background:transparent;padding:0;text-align:left;flex:1}.room-select strong{display:block;font-size:12px;font-weight:550}.room-select small{display:block;color:#929986;font-size:9px;margin-top:3px}.room-brightness{font-size:10px;color:#7a866e;min-width:28px;text-align:right;margin-right:8px}.switch{position:relative;display:inline-block;width:30px;height:18px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer;z-index:2}.switch span{position:absolute;inset:0;background:#d6dcd0;border-radius:30px;transition:background .2s}.switch span:before{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #142c2820;transition:transform .2s}.switch input:checked+span{background:#376e55}.switch input:checked+span:before{transform:translateX(12px)}.switch input:focus-visible+span{outline:3px solid #d9a35a;outline-offset:3px}input[type=range]{width:100%;accent-color:#6b9270;height:14px;cursor:pointer;display:block;margin:0}input[type=range]:focus-visible{outline:2px solid #d9a35a;outline-offset:4px}.equipment-heading{margin:24px 0 13px}.tiny-label{font-size:7px;letter-spacing:.9px;color:#8a957f;font-weight:600}.equipment-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0 10px;gap:9px}.equipment-title{display:flex;gap:10px;align-items:center}.equipment-title>svg{width:18px;height:18px;color:#7e9674}.equipment-title strong{display:block;font-size:11px;font-weight:550}.equipment-title small{display:block;font-size:9px;color:#8c957f;margin-top:3px}.range-label{display:flex;justify-content:space-between;font-size:10px;color:#7b866f;margin:6px 0 9px}.range-label output{font-size:11px;font-weight:550;color:#405b39}.control-note{font-size:9px;line-height:1.6;color:#929a87;margin:7px 0 0}.divider{border-top:1px solid var(--line);margin-top:13px;padding:14px 0 0}.handheld-section{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.handheld-section .section-line{margin-bottom:8px}.handheld-preview{display:flex;gap:15px;align-items:center}.device-shell{width:100px;height:100px;flex-shrink:0;background:#24342f;border-radius:18px;box-shadow:inset 0 0 0 1px #526058,0 5px 12px #1e36241c;padding:7px;position:relative}.device-screen{background:#0e1c1b;height:100%;border-radius:12px;position:relative;color:#93e4c2;overflow:hidden}.face{position:absolute;left:50%;top:50%;width:62%;height:36px;transform:translate(-50%,-50%);display:flex;justify-content:space-between}.eye{position:absolute;background:#9af5ce;width:15px;height:20px;border-radius:9px;top:0;box-shadow:0 0 10px #4dbb8e30;animation:blink 7s infinite}.left-eye{left:0}.right-eye{right:0}.mouth{position:absolute;width:17px;height:9px;border-radius:0 0 16px 16px;border-bottom:3px solid #9af5ce;left:50%;top:25px;transform:translateX(-50%)}.device-button{width:20px;height:2px;background:#627069;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);border-radius:2px}.device-screen[data-emotion=alert] .eye{background:#efbe79;width:17px;height:13px;border-radius:4px;transform:rotate(-12deg)}.device-screen[data-emotion=alert] .right-eye{transform:rotate(12deg)}.device-screen[data-emotion=alert] .mouth{border:2px solid #efbe79;border-radius:50%;height:10px;width:8px}.device-screen[data-emotion=thinking] .eye{height:9px;border-radius:4px;top:5px}.device-screen[data-emotion=thinking] .mouth{border:0;border-top:2px solid #9af5ce;border-radius:0;width:13px}.device-screen[data-emotion=sleepy] .eye{height:4px;top:9px;border-radius:2px}.device-screen[data-emotion=sleepy] .mouth{height:4px;width:9px;border-bottom-width:2px}.handheld-message p{font-size:11px;line-height:1.65;margin:6px 0 8px;color:#66785d}.handheld-message .text-button{font-size:9px}.handheld-message .tiny-label{font-size:7px}.build-notes{margin-top:23px;border-top:1px solid var(--line);padding-top:16px;font-size:10px;color:#7a8670}.build-notes summary{cursor:pointer;line-height:1.6;font-size:10px}.build-notes ul{padding-left:17px;font-size:10px;line-height:1.8}.build-notes p{font-size:9px;line-height:1.7}.scenario-intro{font-size:11px;color:#7e8972;line-height:1.7;margin:0 0 16px}.scenario-card{display:flex;width:100%;align-items:center;gap:11px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:15px 0}.scenario-card:hover{background:#edf2e8}.scenario-icon{display:grid;place-items:center;width:33px;height:33px;background:#e9eee2;border-radius:9px;flex-shrink:0;color:#657f55}.scenario-icon svg{width:18px;height:18px}.scenario-card>span:nth-child(2){flex:1}.scenario-card strong{display:block;font-size:12px;font-weight:550}.scenario-card small{display:block;font-size:10px;color:#919a83;line-height:1.65;margin-top:4px}.scenario-card>svg{width:14px;color:#849677}.water-symbol{font-size:23px}.scenario-feedback{background:#eaf0e4;padding:12px;border-radius:8px;color:#536e44;font-size:11px;line-height:1.7;margin:18px 0 12px}.environment-line{margin:23px 0 12px}.environment-line output{font-size:9px;color:#7d8a70}.reset-simulation{margin-top:23px}.security-actions{display:flex;align-items:center;justify-content:space-between;background:#f6e7d9;padding:10px;margin-top:15px;border-radius:7px;font-size:10px;color:#a9572e}.activity-list{list-style:none;padding:0;margin:14px 0}.activity-list li{border-left:1px solid #d4ddca;padding:0 0 20px 15px;position:relative}.activity-list li:before{content:"";position:absolute;left:-3px;top:4px;width:5px;height:5px;background:#7b9b6c;border-radius:50%}.activity-list li.warning:before{background:#bd854a}.activity-list time{font-size:8px;color:#a0a98f;letter-spacing:.5px}.activity-list strong{display:block;font-size:11px;font-weight:550;margin:4px 0}.activity-list p{font-size:10px;color:#89977a;line-height:1.6;margin:0}.room-label{position:absolute;display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #dce5d2;background:#fcfff6ee;box-shadow:0 2px 8px #23392a12;border-radius:6px;font-size:9px;white-space:nowrap;transform:translate(-50%,-50%);transition:opacity .15s;pointer-events:auto;color:#4f6850}.room-label .label-dot{width:5px;height:5px;border-radius:50%;background:#e1b66c;flex-shrink:0}.room-label.off .label-dot{background:#a5af9a}.room-label.selected{border-color:#477c54;background:#f6ffed}.room-label small{font-size:8px;color:#849573}.room-label.alert{border-color:#c28550}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:12px 19px;background:#244c3e;color:#f4faee;font-size:12px;border-radius:9px;z-index:20;box-shadow:0 5px 25px #152b3128;max-width:calc(100vw - 30px);text-align:center}dialog{border:1px solid #d9dfd1;border-radius:16px;background:#fafaf6;color:#2e4432;max-width:850px;width:calc(100% - 40px);padding:24px;box-shadow:0 15px 90px #18281b55;max-height:90dvh}dialog::backdrop{background:#21342e80;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;gap:15px}.dialog-heading h2{font-size:23px;font-weight:500;margin:0}.dialog-note{font-size:11px;color:#7c8a6d;line-height:1.8;margin:18px 0 0}#help-dialog{max-width:540px}.help-list{padding-left:20px;font-size:13px;line-height:1.8;color:#718066}.help-list li{padding-bottom:12px}.help-list strong{color:#39543a}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#729066;background:#efeee8;z-index:6}.loading-ring{width:21px;height:21px;border:2px solid #cad9bd;border-top-color:#386e4a;border-radius:50%;animation:spin 1s linear infinite}#render-error{position:absolute;left:20%;right:20%;top:35%;background:#fafaf6;padding:20px;z-index:6;font-size:13px;border-radius:8px;line-height:1.7}#render-error strong{font-weight:600}#render-error p{color:#849274;margin-bottom:0}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,44%,47%,100%{scale:1 1}45%,46%{scale:1 .12}}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 380px}.panel-heading{padding-top:32px}.model-topline{top:34px;left:42px}.view-toolbar{left:42px;top:195px}.viewport{inset:150px 0 100px}}@media(max-width:1180px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.app-header{padding:0 22px}.project-name span{display:none}.header-actions{gap:10px}.model-topline{left:24px;top:25px}h1{font-size:32px}.view-toolbar{left:22px;right:18px;top:173px}.segmented button{padding:8px;font-size:10px}.camera-tools{gap:2px}.scene-tools{right:20px;bottom:158px}.scene-readouts{gap:22px}.scene-readouts p{font-size:9px}.explore-hint{bottom:221px;font-size:9px}.control-pane .panel-heading{padding-left:20px;padding-right:20px}.mode-picker{margin-left:20px;margin-right:20px}.panel-tabs{padding:0 20px;gap:13px}.panel-scroll{padding-left:20px;padding-right:20px}}@media(max-width:900px){.project-name{display:none}.workspace{grid-template-columns:minmax(0,1fr) 310px}.scene-readouts{gap:15px;left:20px;right:20px}.scene-readouts>div{min-width:65px}.scene-readouts p{display:none}.model-description{font-size:11px}.view-toolbar{top:173px;gap:8px}.camera-tools{margin-left:auto}.viewport{inset:165px 0 120px}.scene-tools{bottom:109px;right:16px;gap:5px}.scene-tools .button{font-size:9px;padding:7px}.explore-hint{bottom:182px;gap:6px}.panel-heading h2{font-size:19px}.panel-tabs{gap:11px}.panel-tabs button{font-size:10px}.handheld-preview{gap:10px}.device-shell{width:90px;height:90px}.handheld-message p{font-size:10px}}@media(max-width:720px){.app-header{height:64px;padding:0 16px}.brand{font-size:22px}.brand-sub{font-size:9px;letter-spacing:1.4px}.brand-divider{margin:0 8px}.brand-mark{width:32px;height:32px;border-radius:9px}.header-actions{gap:9px}.simulation-badge{font-size:8px;letter-spacing:.8px}.header-actions .button{padding:7px}.header-actions .button span{display:none}.workspace{display:block;height:auto;min-height:0}.model-pane{height:660px}.model-topline{top:24px;left:22px;right:19px}h1{font-size:32px}.model-description{font-size:11px}.view-toolbar{top:170px;left:18px;right:18px}.viewport{inset:157px 0 117px}.explore-hint{bottom:164px;font-size:9px}.scene-tools{bottom:105px;right:15px;gap:5px}.scene-tools .button{font-size:8px;padding:6px}.scene-tools svg{width:12px;height:12px}.scene-readouts{height:75px;gap:28px;left:22px;right:22px}.scene-readouts strong{font-size:22px}.scene-readouts p{display:block;font-size:8px}.control-pane{border-left:0;border-top:1px solid #dfe5d8}.panel-heading{padding-top:25px!important}.panel-scroll{overflow:visible;padding-bottom:32px}.mode-picker{max-width:420px}.panel-tabs{gap:28px}.panel-tabs button{font-size:12px}.section-line h3{font-size:13px}.room-select strong{font-size:13px}.room-select small{font-size:10px}.room-control{padding:15px 0}.room-control.selected{padding:15px 10px}.equipment-title strong{font-size:12px}.equipment-title small{font-size:10px}.tiny-label{font-size:8px}.control-note{font-size:10px}.equipment-row{padding-top:10px}.range-label{font-size:11px}.button.small{font-size:11px;padding:8px 12px}.handheld-preview{gap:18px;max-width:430px}.device-shell{width:100px;height:100px}.handheld-message p{font-size:12px}.handheld-message .text-button{font-size:11px}.handheld-message .tiny-label{font-size:8px}.build-notes summary{font-size:12px}.build-notes p,.build-notes ul{font-size:11px}.scenario-card strong{font-size:13px}.scenario-card small{font-size:11px}.scenario-feedback{font-size:12px}.activity-list strong{font-size:12px}.activity-list p{font-size:11px}.room-label{font-size:8px}dialog{padding:20px}}@media(max-width:390px){.brand-sub{font-size:8px;letter-spacing:.8px}.brand-divider{margin:0 6px}.brand{gap:7px}.simulation-badge{font-size:7px}.header-actions{gap:7px}.model-pane{height:630px}.model-topline{left:18px}h1{font-size:30px}.view-toolbar{left:14px;right:14px}.segmented button{font-size:9px;padding:8px 6px}.camera-tools .button{font-size:9px;padding:7px}.scene-readouts{gap:20px}.scene-readouts p{display:none}.explore-hint{font-size:8px;gap:5px}.panel-tabs{gap:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--ink);margin:12px 0}.option-row small{display:block;color:#7c8b71;font-size:9px;margin-top:3px}.occupancy-row{padding-top:0}.voice-controls{margin-top:16px}.voice-controls>label{font-size:10px;font-weight:600;color:var(--ink);display:block;margin-bottom:7px}.voice-picker{display:flex;align-items:center;gap:8px}.voice-picker select{width:0;flex:1;min-width:0;border:1px solid #d4ddcb;border-radius:7px;padding:8px 6px;background:#fffef8;color:#354b3e;font:inherit;font-size:10px}.voice-controls .control-note{margin-top:7px}.model-pane[data-time=night]{background:#899a9b}.model-pane[data-time=night] .model-description,.model-pane[data-time=night] .explore-hint,.model-pane[data-time=night] .eyebrow,.model-pane[data-time=night] .readout-label,.model-pane[data-time=night] .scene-readouts p,.model-pane[data-time=night] .scene-readouts p span{color:#263f39}

.panel-tabs{display:grid;grid-template-columns:auto auto auto auto;gap:9px}.panel-tabs button{font-size:10px}.panel-tabs button span{font-size:8px;margin-left:1px;padding:1px 3px}#open-consumption{border:0;background:none;padding:0;cursor:pointer;text-align:left}#open-consumption:hover{text-decoration:underline}.energy-live{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 14px;background:#eaf1e8;border:1px solid #d8e4d4;border-radius:10px;margin:12px 0 18px}.energy-live>div{display:flex;flex-direction:column;gap:4px}.energy-live>div>span{font-size:10px;color:#51715d}.energy-live strong{font-size:30px;font-weight:500;color:#245c4d;line-height:1.15}.energy-live strong small{font-size:14px}.energy-live>div:last-child{text-align:right}.energy-live>div:last-child>span{font-size:11px;font-weight:600}.energy-live>div>small{font-size:8px;color:#7c8b71;max-width:100px;line-height:1.5}.energy-dataset{display:flex;align-items:center;gap:8px}.energy-dataset label{font-size:10px;font-weight:600}.energy-dataset select{flex:1;width:0;min-width:0;border:1px solid #d4ddcb;border-radius:7px;padding:8px 5px;background:#fffef8;color:#354b3e;font:inherit;font-size:10px}.energy-dataset .text-button{font-size:9px;white-space:nowrap}.energy-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 20px}.energy-metrics>div{border:1px solid #e1e6dc;border-radius:8px;padding:13px 11px;min-height:83px;display:flex;flex-direction:column;gap:6px;background:#fffefb}.energy-metrics>div>span{font-size:9px;color:#778571}.energy-metrics strong{font-size:21px;font-weight:500;color:#2f5141;line-height:1.2}.energy-metrics strong small{font-size:10px}.energy-metrics>div>small{font-size:9px;color:#84907b}.energy-period{margin-bottom:10px}.energy-graph{background:#fffefb;border:1px solid #e1e6dc;border-radius:9px;padding:13px 8px 0;margin-bottom:12px}.energy-graph>div{display:flex;justify-content:space-between;align-items:center;padding:0 5px}.energy-graph h4{font-size:11px;font-weight:600;margin:0;color:#3f5a48}.energy-graph>div>span{font-size:9px;color:#7b8973}.energy-chart{display:block;width:100%;height:auto;aspect-ratio:2;overflow:visible}.energy-breakdown-heading{margin-top:22px}.energy-load{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:10px;margin:13px 0;color:#64785e}.energy-load strong{font-size:10px;font-weight:500;color:#3e5d49}.energy-load-track{grid-column:1/-1;height:4px;border-radius:3px;background:#e7ece2;overflow:hidden}.energy-load-track i{display:block;height:100%;background:#73937b;border-radius:3px}.energy-explainer{border-top:1px solid #e1e6dc;margin-top:20px;padding-top:13px}.consumption-panel>.section-line>.tiny-label{font-size:7px}@media(max-width:720px){.panel-tabs{display:flex;gap:20px;overflow-x:auto}.panel-tabs button{font-size:11px}.energy-live{max-width:430px}.energy-chart{max-height:210px}.energy-metrics,.energy-dataset,.energy-graph,#energy-breakdown{max-width:500px}}

.energy-chart{stroke:none}.energy-chart text{stroke:none;font-family:inherit;font-weight:400}