:root{--ink:#222;--muted:#777;--line:#eee;--orange:#ff8100;--violet:#c000e5;--cyan:#10c8e8;--paper:#fff}*{box-sizing:border-box}html{background:#f2f1ed;min-width:0;height:100%;overflow:hidden}body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#f2f1ed;margin:0;font-family:Montserrat,Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{height:100%}button,input{font:inherit}button{color:inherit;touch-action:manipulation}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-canvas{justify-content:center;align-items:flex-start;height:100%;min-height:100%;display:flex}.prototype-shell{aspect-ratio:750/1726;background:var(--paper);isolation:isolate;flex:none;grid-template-rows:88fr 176fr 104fr 1190fr 0fr 168fr;width:min(100%,480px,43.4531dvh);display:grid;position:relative;overflow:hidden;container-type:inline-size}.prototype-shell.has-smart-devices{grid-template-rows:88fr 176fr 104fr 980fr 210fr 168fr}.status-bar{z-index:8;background:#fff;grid-row:1;justify-content:space-between;align-items:center;padding:0 4.67cqw;display:flex}.status-bar>strong{letter-spacing:-.04em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(13px,4.27cqw,20px);font-weight:650}.status-icons{align-items:center;gap:1.45cqw;display:flex}.status-icons img:first-child{width:4.54cqw;height:3.03cqw}.status-icons img:nth-child(2){width:4.08cqw;height:2.93cqw}.status-icons img:nth-child(3){width:6.49cqw;height:3.03cqw}.app-header{z-index:7;background:#fff;border-bottom:1px solid #eee;grid-row:2;grid-template-rows:1fr 1fr;display:grid}.title-row{grid-template-columns:11.73cqw 1fr 11.73cqw;align-items:center;padding-inline:2.13cqw;display:grid}.title-row>strong{text-align:center;color:#000;letter-spacing:-.035em;font-size:clamp(17px,4.54cqw,25px);font-weight:700}.header-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:7.47cqw;min-width:28px;height:7.47cqw;min-height:28px;display:grid}.header-button:active,.top-tab:active,.bottom-item:active{transform:scale(.96)}.back-button{justify-self:start}.back-button img{width:4.27cqw;height:2.4cqw;transform:rotate(90deg)}.menu-button{align-content:center;justify-self:end;gap:1.07cqw}.menu-button span{background:#222;width:4.27cqw;height:max(2px,.54cqw)}.top-tabs{grid-template-columns:repeat(3,1fr);display:grid}.top-tab{color:#666;white-space:nowrap;cursor:pointer;background:0 0;border:0;font-size:clamp(13px,3.74cqw,20px);font-weight:400;position:relative}.top-tab.active{color:var(--orange);font-weight:600}.top-tab.active:after{content:"";background:var(--orange);height:max(3px,1.07cqw);position:absolute;bottom:-1px;left:40%;right:40%}.plant-summary{z-index:6;background:radial-gradient(circle at 82% 70%,#ffb65e17,#0000 28%),#fff;border-bottom:1px solid #eae7e1c7;grid-row:3;justify-content:space-between;align-items:center;padding-inline:4.8cqw 3.6cqw;display:flex;position:relative}.live-flow-summary{align-items:center;gap:2.4cqw;min-width:0;display:flex}.live-flow-summary>.live-dot{flex:none;width:1.9cqw;height:1.9cqw}.live-flow-summary>div{gap:1.1cqw;min-width:0;display:grid}.live-flow-summary strong{color:#252622;letter-spacing:-.025em;font-size:clamp(12px,3.2cqw,17px);font-weight:720}.live-flow-summary small{color:#8b8c86;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:1.2cqw;font-size:clamp(7px,2cqw,10px);font-weight:550;display:flex;overflow:hidden}.live-flow-summary small svg{flex:none;width:2.7cqw;height:2.7cqw}.weather-button{color:#4c4e49;cursor:pointer;background:linear-gradient(120deg,#fff8ecf0,#fffffffa);border:1px solid #eedac1c2;border-radius:999px;justify-content:flex-end;align-items:center;gap:2cqw;min-width:31cqw;min-height:11cqw;padding:1.3cqw 1.3cqw 1.3cqw 2cqw;display:flex;box-shadow:0 1.2cqw 3.2cqw #5142310f}.weather-glyph{color:#f47700;background:#fff0da;border-radius:50%;place-items:center;width:7.5cqw;height:7.5cqw;display:grid}.weather-glyph svg{width:4.7cqw;height:4.7cqw}.weather-button>span:nth-child(2){text-align:left;display:grid}.weather-button strong{letter-spacing:-.045em;font-size:clamp(17px,4.8cqw,25px);font-weight:620;line-height:1}.weather-button small{color:#8a8b85;margin-top:.5cqw;font-size:clamp(7px,1.85cqw,10px)}.weather-button>svg{color:#b6b1a9;width:3.2cqw;height:3.2cqw}.flow-stage{z-index:2;isolation:isolate;background:radial-gradient(circle at 77% 3%,#ffb25514,#0000 25%),#fff;grid-row:4;position:relative;overflow:visible}.flow-stage:before{content:"";z-index:-2;aspect-ratio:1;pointer-events:none;border-radius:50%;width:57.5%;position:absolute;top:50.9%;left:50.1%;translate:-50% -50%;box-shadow:0 0 0 5.3cqw #ff820005,0 0 0 11cqw #ff820003}.energy-art{z-index:0;pointer-events:none;filter:saturate(1.05)contrast(1.02);width:100%;height:100%;position:absolute;inset:0}.energy-node{left:var(--node-x);top:var(--node-y);z-index:3;width:var(--node-size);aspect-ratio:1;border:1px solid color-mix(in srgb, currentColor 76%, white);color:#222;text-align:center;box-shadow:0 0 4.7cqw color-mix(in srgb, currentColor 30%, transparent), 0 2.1cqw 4.7cqw #1f1e1b14, inset 0 1px 0 #fff;background:radial-gradient(circle at 42% 30%,#fff 0,#fffffff7 54%,#f9f8f5f0 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:width .82s cubic-bezier(.2,.82,.24,1),left .52s cubic-bezier(.2,.82,.24,1),top .52s cubic-bezier(.2,.82,.24,1),box-shadow .42s;display:flex;position:absolute;translate:-50% -50%}.energy-node:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffffb3;position:absolute;inset:.8cqw;box-shadow:inset 0 -3.7cqw 5.8cqw #e6e2db2e}.node-aura{z-index:-1;border:1px solid color-mix(in srgb, currentColor 20%, transparent);border-radius:inherit;box-shadow:0 0 4.6cqw color-mix(in srgb, currentColor 25%, transparent);animation:3.4s ease-in-out infinite nodeBreathe;position:absolute;inset:-10%}.solar-node{color:var(--orange)}.home-node{color:var(--orange);background:radial-gradient(circle at 42% 30%, #fff 0, #fffffff7 54%, #f9f8f5f0 100%) padding-box, var(--node-ring,var(--orange)) border-box;border:max(2px,.54cqw) solid #0000}.home-node:before{content:"";z-index:-1;border-radius:inherit;background:var(--node-ring,var(--orange));opacity:.15;filter:blur(2.7cqw);position:absolute;inset:-3%}.grid-node{color:#d000e9}.battery-node{color:var(--cyan)}.battery-node.fault-node{color:#ff2d2d}.node-icon-wrap,.node-reading,.node-label,.node-detail{z-index:1;position:relative}.node-icon-wrap{background:color-mix(in srgb, currentColor 9%, white);width:8cqw;height:8cqw;color:color-mix(in srgb, currentColor 78%, #292a27);border-radius:2.5cqw;place-items:center;margin-bottom:1.5cqw;display:grid}.node-icon{width:5cqw;height:5cqw}.home-node .node-icon-wrap{border-radius:3.3cqw;width:10.7cqw;height:10.7cqw;margin-bottom:2cqw}.home-node .node-icon{width:7cqw;height:7cqw}.node-reading{color:#111;justify-content:center;align-items:baseline;gap:.4cqw;line-height:1;display:flex}.node-reading strong{letter-spacing:-.05em;font-size:clamp(16px,4.8cqw,26px);font-weight:800}.node-reading span{color:#333;font-size:clamp(9px,2.13cqw,12px);font-weight:500}.node-label{color:#111;margin-top:1.05cqw;font-size:clamp(9px,2.14cqw,12px);font-weight:700;line-height:1}.node-detail{color:#333;margin-top:1.1cqw;font-size:clamp(8px,1.87cqw,11px);font-weight:500;line-height:1}.fault-node .node-detail{order:4}.fault-node .node-label{order:5;margin-top:1.7cqw}.stage-timeline{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 92% 16%,#ffac4926,#0000 26%),radial-gradient(circle at 8% 100%,#c000e50f,#0000 30%),#fffdf9f0;border:1px solid #efcfa9e0;border-radius:4.6cqw;gap:2cqw;width:78%;padding:2.6cqw 3cqw 2.2cqw;display:grid;position:absolute;bottom:1.9%;left:50%;translate:-50%;box-shadow:0 2.6cqw 8cqw #34302a1f,inset 0 1px #fff}.stage-timeline-heading{grid-template-columns:7cqw minmax(0,1fr) auto 10.8cqw;align-items:center;gap:1.8cqw;display:grid}.stage-timeline-icon{color:#ef7600;background:#fff1df;border-radius:2.2cqw;place-items:center;width:7cqw;height:7cqw;display:grid}.stage-timeline-icon svg{width:4.2cqw;height:4.2cqw}.stage-timeline-heading>div{gap:.7cqw;min-width:0;display:grid}.stage-timeline-heading strong{color:#2b2c29;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,2.35cqw,12px);font-weight:760;overflow:hidden}.stage-timeline-heading small{color:#8b8c86;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(6px,1.55cqw,8px);font-weight:550;overflow:hidden}.stage-timeline-heading output{color:#df6d00;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #f3d4b2;border-radius:999px;padding:1.3cqw 1.8cqw;font-size:clamp(8px,2cqw,11px);font-weight:820}.stage-timeline-heading>button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#ff9a22,#f06f00);border:0;border-radius:50%;place-items:center;width:10.8cqw;min-width:44px;height:10.8cqw;min-height:44px;display:grid;box-shadow:0 1.5cqw 3.8cqw #ff81004d,inset 0 1px #ffffff73}.stage-timeline-heading>button svg{fill:currentColor;width:4.4cqw;height:4.4cqw}.stage-scrubber{gap:1.1cqw;display:grid}.stage-scrubber input{appearance:none;cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,#7654df 0%,#ff8200 38%,#ffae39 56%,#10c8e8 100%);border-radius:999px;width:100%;height:1.4cqw;min-height:5px;margin:0}.stage-scrubber input::-webkit-slider-thumb{appearance:none;background:#f47700;border:max(2px,.5cqw) solid #fff;border-radius:50%;width:4.7cqw;min-width:18px;height:4.7cqw;min-height:18px;box-shadow:0 1cqw 2.2cqw #62432242}.stage-time-labels{color:#a09e97;justify-content:space-between;font-size:clamp(6px,1.35cqw,8px);font-weight:600;display:flex}.smart-devices{z-index:4;background:linear-gradient(#fff,#fdfcf9);border-top:1px solid #f0ede7;grid-row:5;padding:3.5cqw 5.3cqw 3cqw;position:relative}.smart-heading{align-items:center;gap:2.2cqw;display:flex}.smart-heading>span{color:#e76f00;background:#fff3e5;border-radius:2.7cqw;place-items:center;width:8cqw;height:8cqw;display:grid}.smart-heading svg{width:4.8cqw;height:4.8cqw}.smart-heading>div{gap:.5cqw;display:grid}.smart-heading h2{color:#111;letter-spacing:-.035em;margin:0;font-size:clamp(14px,3.8cqw,20px);font-weight:650}.smart-heading small{color:#989993;font-size:clamp(7px,1.8cqw,10px)}.device-cards{grid-template-columns:repeat(3,1fr);gap:2cqw;margin-top:3.2cqw;display:grid}.device-card{background:#fff;border:1px solid #e7eaee;border-radius:3.2cqw;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:18cqw;display:flex;box-shadow:0 1.2cqw 3.5cqw #2a2a2512}.device-bolt{color:#7654df;background:#f6f2ff;border-radius:2cqw;place-items:center;width:7cqw;height:6cqw;margin-bottom:.8cqw;display:grid}.device-bolt svg{width:3.5cqw;height:3.5cqw}.device-reading{color:#2d2d2d;align-items:center;gap:.8cqw;line-height:1;display:flex}.device-reading strong{font-size:clamp(12px,3.47cqw,18px);font-weight:800}.device-reading span{color:#7a7b75;font-size:clamp(7px,1.55cqw,9px);font-weight:600}.device-card>b{color:#343531;text-overflow:ellipsis;white-space:nowrap;max-width:90%;margin-top:1cqw;font-size:clamp(7px,1.8cqw,10px);font-weight:680;overflow:hidden}.device-card small{color:#72777b;white-space:nowrap;align-items:center;gap:.8cqw;margin-top:.6cqw;font-size:clamp(6px,1.5cqw,8px);font-weight:500;display:flex}.device-card small i{background:#57b66b;border-radius:50%;width:1.4cqw;height:1.4cqw;box-shadow:0 0 0 .8cqw #57b66b1a}.bottom-nav{z-index:6;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdfaf5;grid-row:6;grid-template-columns:repeat(4,1fr);display:grid}.bottom-item{color:#999a95;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.9cqw;min-width:44px;min-height:44px;transition:transform .12s;display:flex}.bottom-icon{place-items:center;display:grid;position:relative}.bottom-icon>svg{stroke-width:1.65px;width:6.4cqw;height:6.4cqw}.bottom-icon>i{color:#fff;background:#ed3d35;border:max(1px,.4cqw) solid #fff;border-radius:999px;place-items:center;min-width:3.8cqw;height:3.8cqw;padding-inline:.7cqw;font-size:clamp(6px,1.5cqw,8px);font-style:normal;font-weight:800;display:grid;position:absolute;top:-1.3cqw;right:-2.2cqw}.bottom-item span{font-size:clamp(10px,2.67cqw,14px);font-weight:500;line-height:1}.bottom-item.active{color:#2f302d;font-weight:700}.bottom-item.active .bottom-icon>svg{color:var(--orange);stroke-width:2px}.weather-layer{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3731292e;align-items:flex-end;padding:4.2cqw;animation:.18s ease-out layerIn;display:flex;position:absolute;inset:0}.weather-panel{color:#262724;background:radial-gradient(circle at 90% 10%,#ffaf4b26,#0000 24%),radial-gradient(circle at 2% 72%,#c000e50e,#0000 27%),radial-gradient(circle at 96% 94%,#10c8e812,#0000 26%),#fffdf9;border:1px solid #e8dbcaeb;border-radius:7cqw;width:100%;padding:5cqw;animation:.32s cubic-bezier(.2,.82,.24,1) weatherUp;box-shadow:0 6cqw 18cqw #342e2533,inset 0 1px #fff}.weather-panel-top,.weather-current{justify-content:space-between;align-items:center;display:flex}.weather-title-lockup{align-items:center;gap:2.4cqw;display:flex}.weather-title-icon{color:#ed7200;background:#fff0dc;border-radius:2.8cqw;place-items:center;width:9cqw;height:9cqw;display:grid;box-shadow:0 1.2cqw 3cqw #ed720017}.weather-title-icon svg{width:5cqw;height:5cqw}.weather-title-lockup>div{display:grid}.weather-title-lockup>div>span{color:#a36c38;letter-spacing:.12em;font-size:clamp(7px,1.8cqw,10px);font-weight:820}.weather-panel-top h2{color:#292a27;letter-spacing:-.035em;margin:.8cqw 0 0;font-size:clamp(18px,5cqw,27px);font-weight:720}.weather-close{color:#676863;cursor:pointer;background:#f5f1eb;border:1px solid #e9e4dc;border-radius:50%;place-items:center;width:10cqw;min-width:44px;height:10cqw;min-height:44px;display:grid}.weather-close svg{width:4.6cqw;height:4.6cqw}.weather-current{background:radial-gradient(circle at 92% 12%,#ffa02c1f,#0000 28%),linear-gradient(135deg,#fffaf2,#fff 58%);border:1px solid #eee4d7;border-radius:4.5cqw;gap:3cqw;margin-top:4cqw;padding:3.5cqw;box-shadow:0 1.5cqw 5cqw #4136290f}.weather-temperature{display:grid}.weather-temperature>span{color:#777873;font-size:clamp(8px,2cqw,11px);font-weight:650}.weather-temperature>strong{letter-spacing:-.065em;margin-top:.8cqw;font-size:clamp(43px,14cqw,72px);font-weight:720;line-height:.95}.weather-temperature p{color:#8e8f88;margin:1.8cqw 0 0;font-size:clamp(8px,2cqw,11px)}.weather-solar-ring{aspect-ratio:1;color:#df6a00;background:radial-gradient(circle,#fff 52%,#fff4e6 100%);border:1px solid #ff820073;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:22cqw;display:flex;box-shadow:0 0 4cqw #ff820024,inset 0 1px #fff}.weather-solar-ring>span{background:#fff0dd;border-radius:2.2cqw;place-items:center;width:7cqw;height:7cqw;display:grid}.weather-solar-ring svg{width:4.4cqw;height:4.4cqw}.weather-solar-ring small{color:#8c8d87;margin-top:1.5cqw;font-size:clamp(6px,1.35cqw,8px)}.weather-solar-ring strong{color:#30312e;margin-top:.5cqw;font-size:clamp(10px,2.7cqw,14px)}.weather-production{background:#fff7eb;border:1px solid #ff820033;border-radius:3.6cqw;grid-template-columns:8cqw 1fr auto;align-items:center;gap:2.4cqw;margin-top:3cqw;padding:2.5cqw 3cqw;display:grid}.weather-production>svg{color:#e97300;background:#fff;border-radius:2.4cqw;width:8cqw;height:8cqw;padding:2cqw}.weather-production>span{gap:.6cqw;display:grid}.weather-production small{color:#ab7a49;letter-spacing:.1em;font-size:clamp(6px,1.35cqw,8px);font-weight:820}.weather-production strong{color:#393a36;font-size:clamp(8px,2cqw,11px)}.weather-production b{color:#df6d00;background:#fff;border-radius:999px;padding:1.4cqw 2.2cqw;font-size:clamp(7px,1.7cqw,9px);box-shadow:0 1cqw 2.5cqw #4636250d}.hourly-forecast{grid-template-columns:repeat(5,1fr);gap:1.2cqw;margin-top:4cqw;padding:0;display:grid}.hourly-forecast>div{color:#74756f;background:#ffffffd1;border:1px solid #eee9e1;border-radius:3cqw;place-items:center;gap:1.5cqw;padding:2.4cqw 1cqw;font-size:clamp(7px,1.8cqw,10px);display:grid}.hourly-forecast>div.current{color:#363733;background:#fff7eb;border-color:#ff820059}.hourly-forecast svg{color:#ed7900;width:5.2cqw;height:5.2cqw}.hourly-forecast strong{color:#383935}.weather-metrics{grid-template-columns:repeat(3,1fr);gap:2cqw;margin-top:4cqw;display:grid}.weather-metrics article{color:#6e56c9;background:#ffffffdb;border:1px solid #eee9e1;border-radius:3.2cqw;gap:1.2cqw;padding:3cqw;display:grid}.weather-metrics article:nth-child(2){color:#059db8}.weather-metrics article:nth-child(3){color:#df6d00}.weather-metrics svg{width:4.3cqw;height:4.3cqw}.weather-metrics span{color:#91928c;font-size:clamp(6px,1.5cqw,8px)}.weather-metrics strong{color:#343531;font-size:clamp(9px,2.3cqw,12px)}.prototype-toast{z-index:20;color:#fff;background:#242522eb;border-radius:12px;width:max-content;max-width:calc(100vw - 44px);padding:10px 14px;font-size:12px;animation:.18s ease-out toastIn;position:fixed;bottom:88px;left:50%;translate:-50%;box-shadow:0 10px 30px #00000029}.sheet-scrim{z-index:30;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e1d1a38;transition:opacity .26s;position:fixed;inset:0}.sheet-scrim.open{opacity:1;pointer-events:auto}.controls-sheet{z-index:31;overscroll-behavior:contain;width:min(480px,100%);max-height:min(820px,92dvh);padding:10px 22px max(24px, env(safe-area-inset-bottom));visibility:hidden;background:#fffdfa;border-radius:24px 24px 0 0;transition:transform .36s cubic-bezier(.2,.82,.24,1),visibility 0s linear .36s;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%,104%);box-shadow:0 -18px 60px #1f1d192e}.controls-sheet.open{visibility:visible;transition-delay:0s;transform:translate(-50%)}.sheet-handle{background:#d8d4ce;border-radius:999px;width:38px;height:4px;margin:0 auto 14px}.sheet-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.eyebrow{color:var(--orange);letter-spacing:.13em;font-size:9px;font-weight:850;display:block}.sheet-title-row h2{letter-spacing:-.035em;margin:3px 0 0;font-size:21px}.sheet-close{cursor:pointer;background:#f0ede7;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.sheet-close svg{width:18px;height:18px}.day-simulator{background:linear-gradient(110deg,#fff4e5d6,#ffffffeb 58%,#e9fafdb8);border:1px solid #e9e4dc;border-radius:15px;margin-top:16px;padding:13px 14px 11px;box-shadow:0 7px 22px #352e250d}.day-simulator.active{border-color:#ff820057}.day-simulator-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.day-simulator-heading>div{gap:3px;min-width:0;display:grid}.day-simulator-heading strong{color:#373833;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.day-simulator-kicker{color:#85867f;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:750;display:flex}.live-dot{background:#5cba68;border-radius:50%;width:6px;height:6px;animation:2s ease-out infinite livePulse;box-shadow:0 0 0 4px #5cba681f}.day-simulator-heading button{color:#cc6b04;cursor:pointer;background:#fff;border:0;border-radius:999px;flex:none;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:800;display:flex;box-shadow:0 3px 11px #42332214}.day-simulator-heading button svg{fill:currentColor;width:12px;height:12px}.day-scrubber{gap:2px;margin-top:10px;display:grid}.day-scrubber input{width:100%;height:4px;accent-color:var(--orange);cursor:ew-resize;touch-action:none}.prototype-shell.is-playing .stage-timeline-heading>button{animation:1.8s ease-in-out infinite playbackPulse}.day-time-labels{color:#a3a39c;justify-content:space-between;font-size:8px;display:flex}.scenario-label{color:#97978f;text-transform:uppercase;margin:14px 4px 6px;font-size:9px;font-weight:750}.scenario-control{background:#f1eee8;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 18px;padding:4px;display:grid}.scenario-control button{color:#77786f;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 4px;font-size:10px;font-weight:750}.scenario-control button.active{color:#2e2f2c;background:#fff;box-shadow:0 2px 10px #2b282214}.system-options{gap:8px;margin-bottom:18px;display:grid}.system-options>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #ebe7e0;border-radius:14px;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;min-height:58px;padding:9px 10px;display:grid}.system-options>button.active{background:#fffaf3;border-color:#ff810057}.system-options>button.fault{background:#fff7f6;border-color:#e13a3352}.option-icon{color:#74756f;background:#f5f2ed;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.system-options .active .option-icon{color:#e66e00;background:#fff0dc}.system-options .fault .option-icon{color:#df3f37;background:#ffe9e7}.option-icon svg{width:18px;height:18px}.system-options>button>span:nth-child(2){gap:3px;display:grid}.system-options b{color:#33342f;font-size:11px}.system-options small{color:#92938c;font-size:8px}.system-options>button>i{background:#d9d7d1;border-radius:999px;width:34px;height:20px;transition:background .18s;position:relative}.system-options>button>i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:translate .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.system-options>button.active>i{background:var(--orange)}.system-options>button.fault>i{background:#df3f37}.system-options>button.active>i:after{translate:14px}.sliders{gap:15px;display:grid}.slider-row{gap:8px;display:grid}.slider-row>span{justify-content:space-between;gap:14px;font-size:12px;display:flex}.slider-row output{color:var(--orange);font-variant-numeric:tabular-nums;font-weight:800}.slider-row small{color:#9a9a94;margin-top:-5px;font-size:9px}.slider-row input[type=range]{width:100%;height:5px;accent-color:var(--orange);cursor:ew-resize}.slider-row input[type=range]:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #0c70ec73}.weather-close:focus-visible,.stage-timeline button:focus-visible,.stage-scrubber input:focus-visible{outline-color:#ff810080}.energy-equation{color:#787971;background:#faf7f1;border:1px solid #ebe7e0;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:18px;padding:12px;font-size:9px;display:flex}.energy-equation strong{color:#b1afa8}@keyframes livePulse{0%{box-shadow:0 0 #5cba684d}70%,to{box-shadow:0 0 0 7px #5cba6800}}@keyframes nodeBreathe{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:.95;transform:scale(1.025)}}@keyframes toastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes layerIn{0%{opacity:0}to{opacity:1}}@keyframes weatherUp{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes playbackPulse{0%,to{box-shadow:0 1.5cqw 3.8cqw #ff81004d,0 0 #ff810038}50%{box-shadow:0 1.5cqw 3.8cqw #ff81004d,0 0 0 2.2cqw #ff810000}}@media (width>=620px){.site-canvas{align-items:center;padding:20px 0}.prototype-shell{border-radius:24px;width:min(480px,43.4531dvh - 17.3812px);box-shadow:0 24px 80px #27241d26}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.prototype-shell.motion-enabled .node-aura,.prototype-shell.motion-enabled .stage-timeline-heading>button{animation-duration:1.8s!important;animation-iteration-count:infinite!important}}