body{padding:0;background:#10171e}
.prototype{width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none;max-width:none}
.statusbar{display:none}
.prototype:after{display:none}
.app{overflow:clip}
.screen{scroll-padding-bottom:105px}
.account-gate{inset:0}
[hidden]{display:none!important}
.pilot-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;background:#14202c;border-bottom:1px solid #283948;flex-shrink:0;font-size:11px;color:#aebfd5}
.pilot-bar button{border:0;background:transparent;color:#a4baff;font-size:12px;padding:6px 0}
.pilot-bar .pilot-tag{color:#80b0ff;font-weight:700}
.offline-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:10px 16px;border-bottom:1px solid #514638;background:linear-gradient(110deg,#27261f,#19232d);color:#f1d4a7}
.offline-notice div{min-width:0}.offline-notice b{display:block;font-size:12px;line-height:1.5}.offline-notice span{display:block;color:#b6becb;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.offline-notice button{flex-shrink:0;padding:9px 11px;color:#c9d6ff;border:1px solid #465773;border-radius:11px;background:#253047;font-size:11px}.offline-notice button:disabled{opacity:.5}
.live .system-ok{font-size:12px;height:auto;min-height:47px;padding-block:10px}
.battery-runtime{display:flex;align-items:center;gap:13px;max-width:360px;margin:0 auto 15px;padding:13px 16px;border:1px solid #574534;border-radius:19px;background:linear-gradient(125deg,#30291e,#18232a 82%);box-shadow:inset 0 1px #ffffff04;text-align:left}
.battery-runtime>div{min-width:0;flex:1}.runtime-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:13px;background:#d89c2f14;color:#f0bf76}
.runtime-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.runtime-label{display:block;font-size:11px;line-height:1.5;color:#e3cba8}.runtime-value{display:block;margin:2px 0 3px;color:#f7e2c0;font-size:25px;font-weight:700;line-height:1.25;letter-spacing:-.6px;overflow-wrap:anywhere}
.runtime-hint{display:block;font-size:10px;line-height:1.5;color:#acb8c5}.runtime-unavailable{border-color:#34424d;background:linear-gradient(125deg,#1c2a32,#172127)}.runtime-unavailable .runtime-label{color:#bcc8d7;font-size:12px}.runtime-unavailable .runtime-icon{background:#34435255;color:#a9b9ca}.runtime-unavailable .runtime-value:empty{display:none}
.live .system-ok.is-stale{color:#ffcc83;background:#292419;border-color:#55412b}
.battery{--soc-color:#1deb86;--soc-track:#14563c;--soc-glow:#1deb8670;--soc-soft:#19e7810a;--soc-inner:#11212133}
.battery[data-indicator="discharging"]{--soc-color:#ffad4f;--soc-track:#674021;--soc-glow:#ffad4f70;--soc-soft:#ffad4f12;--soc-inner:#2c211933}
.battery[data-indicator="low"]{--soc-color:#ff626c;--soc-track:#632c36;--soc-glow:#ff626c70;--soc-soft:#ff626c12;--soc-inner:#2c192033}
.battery[data-indicator="unknown"]{--soc-color:#8797a8;--soc-track:#354451;--soc-glow:#8797a820;--soc-soft:#8797a808;--soc-inner:#20262c33}
.battery .ring-progress{stroke:var(--soc-color);filter:drop-shadow(0 0 10px var(--soc-glow));transition:stroke .3s ease,filter .3s ease}
.battery .ring-track{stroke:var(--soc-track);transition:stroke .3s ease}
.battery:before{background:radial-gradient(circle at 50% 50%,var(--soc-inner),#0e1519 72%);box-shadow:inset 0 0 30px var(--soc-soft)}
.battery .battery-icon,.battery span.battery-icon,.battery .battery-icon .ico{color:var(--soc-color);transition:color .3s ease}
.battery[data-stale="true"] .charge-ring,.battery[data-stale="true"] .battery-icon{opacity:.55}
@media(prefers-reduced-motion:reduce){.battery .ring-progress,.battery .ring-track,.battery .battery-icon,.battery .battery-icon .ico{transition:none}}
.energy-paths circle{display:none;filter:drop-shadow(0 0 5px currentColor)}
.energy-paths circle.flow-active{display:block}
.energy-paths.unavailable circle{display:none}
.energy-paths path.path-disconnected{display:none}
.energy-paths path.path-idle,.energy-paths path.path-unknown{stroke:#465764;color:#465764;filter:none;opacity:.45}
.energy-paths path.path-active{stroke-width:2.4}
.energy-paths .battery-flow-arrow{display:none;stroke:#1deb86;color:#1deb86;stroke-width:2.1;stroke-linejoin:round}
.energy-paths .battery-flow-arrow.flow-active{display:block}
.energy-paths.unavailable .battery-flow-arrow{display:none}
.flow .node.has-flow-status .node-icon{grid-row:1/4}
.flow .node.has-flow-status{padding-block:8px}
.flow-node-status{font-size:10px;line-height:1.4;font-weight:600;letter-spacing:0;color:#a6b5c8}
.flow .node.battery-discharging{border-color:#268960;background:linear-gradient(125deg,#18392f,#142920);box-shadow:inset 0 1px #ffffff06,0 0 18px #1deb8612}
.flow .battery-discharging .flow-node-status{color:#66efab}
.flow .node.node-disconnected{color:#8797a8;border-color:#35424d;background:linear-gradient(125deg,#1b242c,#151e25)}
.flow .node.node-disconnected .node-icon .ico{filter:none}
.live .flow .grid.phase-readings.has-flow-status .flow-node-status{display:none}
/* Keep the direction arrow outside both cards on compact phone screens. */
@media(max-height:770px){[data-screen=home] .flow,[data-screen=home] .energy-paths{height:257px}[data-screen=home] .flow .batt{top:184px}}
@media(min-height:771px) and (max-height:880px){[data-screen=home] .flow,[data-screen=home] .energy-paths{height:280px}[data-screen=home] .flow .batt{top:202px}}
.live .plot .area{display:none}
.live .chart-value{max-width:115px}
.live .chart-value b{font-size:14px}
.live .chart-tooltip{max-width:95%;white-space:normal;text-align:left;min-width:100px}
.live .chart-help{line-height:1.5;margin-bottom:0}
.live .plot.no-data:before{content:attr(data-empty);position:absolute;inset:0;display:grid;place-items:center;color:#9eacc0;font-size:12px;text-align:center;padding:20px;z-index:1;pointer-events:none}
.plot.no-data .chart-point{display:none!important}
.pilot-dialog{position:absolute;inset:0;z-index:60;background:#0f171c;padding:24px 20px;overflow-y:auto}
.pilot-dialog h2{font-size:24px;margin:18px 0 8px}
.pilot-dialog p{color:#acb9cb;line-height:1.6;font-size:13px;white-space:pre-line}
.system-choice{padding:18px;text-align:left;margin:10px 0;width:100%;color:#eef4ff;background:#192530;border:1px solid #34495c;border-radius:17px}
.system-choice b,.system-choice small{display:block}.system-choice small{color:#94a9c1;margin-top:5px}
.pilot-dialog .primary{margin-top:16px}.pilot-dialog .entry-text{width:100%;margin-top:20px}
.live [data-screen="events"] .filters,.live [data-screen="events"] .events,.live [data-screen="events"] .section-label{display:none}
.live .recommend,.live .assistant-note{display:none}
.faq-search{display:block;width:100%;margin:14px 0 18px;padding:13px 15px;border:1px solid #374c60;border-radius:14px;background:#17242f;color:#eef3fb;font:inherit;font-size:14px}
.faq-search:focus{outline:2px solid #8c88ff;outline-offset:2px}
.faq-list{display:grid;gap:9px}.faq-list button,.assistant-choice button{width:100%;text-align:left;border:1px solid #334757;border-radius:14px;background:linear-gradient(125deg,#1b2c38,#202739);color:#d7e1f4;padding:13px 14px;font:inherit;font-size:13px;line-height:1.5;overflow-wrap:anywhere;cursor:pointer}
.faq-list button:focus-visible,.assistant-choice button:focus-visible{outline:2px solid #8c88ff;outline-offset:2px}
.assistant-choice{display:grid;gap:8px;margin-top:13px}.assistant-choice button:disabled{opacity:.5;cursor:default}
.live-events{padding-bottom:8px}
.events-intro{padding:18px;background:linear-gradient(135deg,#1b2939,#172029 65%,#202238);border-color:#36435b}
.events-eyebrow{color:#a6b3ff;font-size:10px;letter-spacing:1.5px;font-weight:700}
.events-intro h2{font-size:18px;line-height:1.4;margin:8px 0;overflow-wrap:anywhere}
.events-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:#8ea2ba;font-size:10px;line-height:1.6;margin-top:12px}
.events-controls{margin:18px 0 12px}
.events-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 1px 9px;scrollbar-width:thin;scrollbar-color:#3f4f70 transparent}
@media(max-width:380px){.events-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.events-tabs button{white-space:normal;font-size:11px;padding:10px 6px}}
.events-filter,.events-unread{border:1px solid #304154;border-radius:12px;background:#17232e;color:#aebed0;padding:10px 13px;font-size:12px;white-space:nowrap;font-weight:600}
.events-filter.selected{background:linear-gradient(110deg,#345dcc,#6350b9);border-color:#758bdf;color:#f5f7ff}
.events-unread{margin-top:2px;font-size:11px;padding:8px 11px;background:transparent;display:flex;align-items:center;gap:8px}
.events-unread:before{content:'';width:6px;height:6px;background:#8599af;border-radius:50%}
.events-unread.selected{color:#bbc8ff;border-color:#667fd0;background:#25324c}.events-unread.selected:before{background:#a7b8ff}
.events-status{color:#9db0c5;font-size:11px;line-height:1.6;min-height:18px;margin:8px 1px}.events-status.is-error{color:#ffd095}
.events-day{font-size:13px;color:#bfcbe0;font-weight:650;margin:22px 2px 12px}
.live-event{display:grid;grid-template-columns:36px minmax(0,1fr) 8px;gap:12px;width:100%;text-align:left;padding:16px 13px;margin-bottom:10px;border:1px solid #304151;border-radius:17px;background:linear-gradient(125deg,#1b2731,#151f28);color:#eef3fc;box-shadow:0 5px 18px #00000012}
.live-event.event-warning{border-color:#645536;background:linear-gradient(125deg,#302a20,#1c232b)}
.live-event.event-fail{border-color:#663f50;background:linear-gradient(125deg,#30232e,#1c232b)}
.event-glyph{height:36px;width:36px;border:1px solid #3d5173;border-radius:12px;color:#a9b9ff;background:#29334b;display:grid;place-items:center}
.event-glyph svg,.events-empty-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.event-warning .event-glyph{color:#ffce77;background:#423627;border-color:#695332}.event-fail .event-glyph{color:#ffa0b7;background:#422d38;border-color:#694454}
.event-copy{min-width:0;display:block}.event-heading{display:flex;align-items:flex-start;gap:7px;justify-content:space-between}
.event-title{font-size:14px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.event-new{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#9eadff;margin-top:6px;box-shadow:0 0 8px #909eff55}
.event-message{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:12px;line-height:1.65;color:#acbed0;margin:6px 0 10px;white-space:pre-line}
.event-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 8px;font-size:10px;line-height:1.7}
.event-level{color:#aab9f5}.event-warning .event-level{color:#efc27d}.event-fail .event-level{color:#ed9db4}.event-time{color:#99adc3}.event-chevron{font-size:20px;align-self:center;color:#8fa6bf}
.events-more,.events-retry{display:block;width:100%;margin:18px 0 10px;padding:13px;border:1px solid #435678;border-radius:13px;background:#1c2b40;color:#bbceff;font-size:12px;font-weight:650}
.events-retry{border-color:#66563e;color:#f4cb91;background:#2a2823}
.events-empty{padding:28px 20px;text-align:center;margin:18px 0;background:#17212b;border-color:#304153}
.events-empty-icon{margin:0 auto 12px;width:42px;height:42px;border-radius:14px;color:#a1b7ea;background:#253550;display:grid;place-items:center}
.events-empty h3{font-size:15px;margin:0 0 8px}.events-empty p{font-size:12px;color:#a9b9cc;line-height:1.65;margin:0}
.events-foot{font-size:10px;color:#8ca2bb;line-height:1.7;margin:17px 3px}
.live-events button:focus-visible{outline:2px solid #aebdff;outline-offset:3px}
[data-screen="events"] .header>button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.entry-version{color:#a0afc3;text-align:center;font-size:12px;margin:12px 0 0;letter-spacing:.5px}
.reading-switch{margin:8px 0 16px;gap:4px}
.reading-switch button{font-size:12px;padding:9px 3px}
.live .node b{font-size:18px;letter-spacing:-.5px}
.live .node b span{display:block}
.live .node b.phase-values{font-size:11px;line-height:1.45;letter-spacing:0}
.live .node b.missing-reading{font-size:11px;letter-spacing:0;font-weight:500;color:#a6b5c8}
.system-summary{margin-top:14px;padding:15px 16px;border-color:#30414f;background:linear-gradient(125deg,#1a2734,#171e2a)}
.summary-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.summary-head h2{font-size:14px;margin:0;font-weight:700}
.summary-head button{padding:4px 0;border:0;background:none;color:#a6baff;font-size:11px;white-space:nowrap}
.summary-head button span{margin-left:4px;font-size:16px}
.chart-cache-note{color:#e6c48d;font-size:10px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere}
.summary-name{display:block;font-size:13px;overflow-wrap:anywhere;margin-bottom:9px}
.summary-specs{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;line-height:1.5;color:#aebed0}
.home-schedule{display:flex;align-items:center;gap:13px;width:100%;margin:14px 0 0;padding:15px 16px;border:1px solid #3c4a66;border-radius:19px;background:linear-gradient(125deg,#1b2c3a,#24273d);color:#eef2ff;text-align:left;font:inherit;box-shadow:inset 0 1px #ffffff05}
.schedule-menu-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#7585f31a;color:#a4b7ff}.schedule-menu-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}
.schedule-menu-copy{flex:1;min-width:0}.schedule-menu-copy b{display:block;font-size:14px;line-height:1.5}.schedule-menu-copy small{display:block;margin-top:3px;color:#aab6cc;font-size:11px}.schedule-menu-chevron{color:#a6b6d9;font-size:26px;font-weight:400}
.schedule-panel{padding-bottom:16px}.schedule-panel .schedule-system{margin:18px 0 5px;color:#dce5f7;font-weight:700;font-size:14px;overflow-wrap:anywhere}.schedule-panel .schedule-zone{font-size:11px;line-height:1.65;color:#93a7c3;margin:0 0 20px;overflow-wrap:anywhere}
.schedule-card{margin:13px 0;padding:18px;border:1px solid #344763;border-radius:20px;background:linear-gradient(135deg,#1a2a39,#1b2230);box-shadow:inset 0 1px #ffffff05}.schedule-card[data-kind="autonomy"]{border-color:#494568;background:linear-gradient(135deg,#26233b,#1c2530)}
.schedule-panel h3{margin:0 0 13px;color:#dbe5fa;font-size:16px;line-height:1.5}.schedule-card[data-kind="charging"] h3{color:#b9cdff}.schedule-card[data-kind="autonomy"] h3{color:#ccc1ff}
.schedule-period{display:block;font-size:22px;line-height:1.5;letter-spacing:-.4px;color:#edf3ff;overflow-wrap:anywhere}.schedule-panel .schedule-explanation{font-size:12px;line-height:1.7;color:#adbbcf;margin:10px 0 16px}
.schedule-panel .entry-text{display:block;width:100%;margin-top:12px;padding:12px 14px;border:1px solid #3b4e69;border-radius:13px;background:#1e2c3d;color:#b9cbff;font:inherit;font-size:12px;font-weight:650;text-align:center;line-height:1.5}
.schedule-panel .schedule-back,.schedule-panel .schedule-edit-cancel,.schedule-panel .schedule-confirm-cancel{background:transparent;border-color:#303f4f;color:#abbacf;margin-top:16px}
.schedule-panel .primary{display:block;width:100%;margin-top:15px;font-size:13px;line-height:1.5;min-height:48px}
.schedule-panel button:disabled{opacity:.45;cursor:default}.schedule-panel button:focus-visible,.home-schedule:focus-visible{outline:2px solid #aebaff;outline-offset:3px}
.schedule-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 8px}.schedule-form label{display:block;min-width:0;font-size:11px;color:#acbbd1;line-height:1.6}.schedule-form input{display:block;width:100%;min-width:0;max-width:100%;margin-top:8px;padding:12px 10px;border:1px solid #405470;border-radius:14px;background:#192737;color:#f2f6ff;color-scheme:dark;font:inherit;font-size:21px;letter-spacing:-.5px;box-sizing:border-box}.schedule-form input:focus{outline:2px solid #8d96f5;outline-offset:2px}
.schedule-form .schedule-status,.schedule-form .schedule-next{grid-column:1/-1}.schedule-form .schedule-next{margin-top:3px}
.schedule-panel .schedule-status{color:#bbc9dc;font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin:13px 0}.schedule-panel .schedule-warning{border:1px solid #615438;border-radius:14px;padding:12px 14px;background:#2b2920;color:#f0d5a3}
.schedule-confirm-details{margin:15px 0 18px;padding:4px 15px;border:1px solid #394b63;border-radius:17px;background:#192631}.schedule-confirm-details>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid #334357}.schedule-confirm-details>div:last-child{border:0}.schedule-confirm-details dt{font-size:11px;line-height:1.65;color:#a0b2c9}.schedule-confirm-details dd{margin:0;color:#e1e9f8;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.schedule-overlap-ack{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;margin:15px 0;border:1px solid #485073;border-radius:14px;background:#262d40;color:#cbd6ed;font-size:12px;line-height:1.65;cursor:pointer}.schedule-overlap-ack input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#9296ff;color-scheme:dark}.schedule-overlap-ack span{min-width:0;overflow-wrap:anywhere}
@media(max-width:350px){.schedule-card{padding:15px}.schedule-period{font-size:20px}.schedule-form{gap:9px}.schedule-form input{font-size:19px;padding:12px 7px}.schedule-confirm-details>div{grid-template-columns:76px minmax(0,1fr)}}
.summary-capacity{color:#69e8a4;font-weight:650}
.pilot-dialog h3{font-size:14px;color:#a4baff;margin:24px 0 10px}
.account-details{margin:0;padding:5px 15px;background:#17232d;border:1px solid #30414f;border-radius:16px}
.account-details>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #2a3946;font-size:12px;line-height:1.5}
.account-details>div:last-child{border-bottom:0}
.account-details dt{color:#a7b6c9;flex:0 0 38%}
.account-details dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#eef3fb;min-width:0}
.pilot-dialog .account-note{font-size:11px;line-height:1.7;margin-top:18px;color:#98abc3}
.push-settings{margin-top:20px;padding:16px;border:1px solid #35455c;border-radius:18px;background:linear-gradient(135deg,#1b2735,#19212f)}
.push-settings h3{margin:0 0 10px!important;font-size:15px}
.push-settings .push-status{color:#e2e7ff;font-size:13px;line-height:1.55;margin:0 0 8px}
.push-settings .push-detail{color:#9eafc4;font-size:11px;line-height:1.6;margin:0 0 14px}
.push-actions{display:grid;gap:8px}
.push-actions button{width:100%;min-height:42px;padding:10px 12px;font-size:12px;margin:0!important}
.push-actions .secondary{border:1px solid #35455c;border-radius:12px;background:#1a2732;color:#e3eaf3}
.brand-logo{display:inline-block;width:88px;height:auto;aspect-ratio:147/41;background:linear-gradient(90deg,#5a52c2 0 21%,#f1f4fa 21% 100%);-webkit-mask:url('volts-logo.png') center/contain no-repeat;mask:url('volts-logo.png') center/contain no-repeat;flex-shrink:0}
.entry-logo-hero{width:147px;height:auto;margin-bottom:28px}
.entry-hero{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);align-content:center;align-items:center;gap:10px;min-height:330px;padding:36px 0 44px;overflow:clip}
.entry-hero-copy{position:relative;z-index:2;min-width:0}
.entry-hero h1{font-size:clamp(23px,5.8vw,32px);letter-spacing:-.8px;line-height:1.26;margin-bottom:18px}
.entry-hero h1 span{white-space:nowrap}
.entry-hero p{font-size:clamp(12px,2.7vw,14px);line-height:1.8;max-width:260px}
.entry-hero .entry-logo-hero{width:clamp(112px,26vw,147px);height:auto;margin-bottom:24px}
.entry-product{position:relative;isolation:isolate;min-width:0;pointer-events:none;perspective:900px;align-self:center}
.entry-product-halo{position:absolute;inset:10% 8% 8% -8%;z-index:-1;background:radial-gradient(ellipse at 40% 50%,#3f8fff16,transparent 62%);filter:blur(26px);animation:volts-product-halo 7s ease-in-out infinite;animation-play-state:paused}
.entry-product-shadow{position:absolute;bottom:-4%;left:12%;width:80%;height:13%;background:radial-gradient(ellipse,#0009,transparent 70%);transform:scaleX(1.1);filter:blur(5px);animation:volts-product-shadow 7s ease-in-out infinite;animation-play-state:paused}
.entry-product-reveal{animation:volts-product-reveal .85s ease-out both;animation-play-state:paused}
.entry-product-image{display:block;width:130%;max-width:none;margin-left:-15%;height:auto;object-fit:contain;transform-origin:50% 65%;animation:volts-product-float 7s ease-in-out infinite;animation-play-state:paused}
.entry-product-running .entry-product-image,.entry-product-running .entry-product-shadow,.entry-product-running .entry-product-halo,.entry-product-running .entry-product-reveal{animation-play-state:running}
@keyframes volts-product-float{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
@keyframes volts-product-shadow{0%,100%{opacity:.6;transform:scaleX(1.05)}50%{opacity:.35;transform:scaleX(.88)}}
@keyframes volts-product-halo{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes volts-product-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:360px){.entry-hero{grid-template-columns:1fr;gap:18px;min-height:0;padding:24px 0 28px}.entry-product{grid-row:1;width:140px;justify-self:center}.entry-hero-copy{text-align:center}.entry-hero .entry-logo-hero{width:112px;margin-bottom:16px}.entry-hero h1{font-size:28px;margin-bottom:12px}.entry-hero p{margin-inline:auto;max-width:260px}.account-gate{padding:20px 18px 24px}.entry-actions{gap:9px}.entry-footnote{font-size:11px}}
@media(prefers-reduced-motion:reduce){.entry-product-image,.entry-product-shadow,.entry-product-halo,.entry-product-reveal{animation:none;transform:none}.entry-product-reveal{opacity:1}}
.pilot-bar .pilot-tag{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500}
.pilot-tag .brand-logo{width:68px;height:auto}
.meter-reading-note{color:#9aadc5;font-size:11px;line-height:1.5;margin:0 2px 12px}
.live .flow .node.phase-readings{grid-template-columns:22px minmax(0,1fr);gap:0 7px;padding-block:4px;width:144px}
.live .flow .node.home.phase-readings{width:158px}
.live .node.phase-readings .node-icon .ico{width:22px;height:22px}
.live .node.phase-readings small{font-size:11px}
.live .energy-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:8px}
.live.no-solar .energy-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.live .energy-metric{min-width:0;padding-inline:8px}
.live .energy-metric span{font-size:10px;white-space:normal;gap:4px}.live .energy-metric span:before{flex-shrink:0}
.live .energy-metric b{font-size:clamp(18px,4.8vw,24px);overflow-wrap:anywhere;letter-spacing:-.6px}
.period-energy-note{font-size:10px;line-height:1.6;color:#9aadc5;margin:0 2px 16px}.period-energy-note.incomplete{color:#ffcc83}
.support-card{padding:18px 16px;margin-top:22px;border-color:#344354;background:linear-gradient(130deg,#1b2937,#191e2c)}
.support-card h2{font-size:16px;margin:0 0 5px}.support-card>p{font-size:12px;color:#aabbcf;margin:0 0 14px}
.support-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:1px solid #384858;border-radius:13px;padding:12px 14px;margin-top:9px;background:#182632;color:#eaf0ff;font-size:13px}
.support-link small{display:block;font-size:11px;color:#9fb4d7;margin-top:4px}.support-link>span:last-child{font-size:20px;color:#a7a7ff}
#period button{font-size:12px;padding-inline:3px}.date-row b{text-align:center;line-height:1.5;overflow-wrap:anywhere}
.range-form{display:grid;gap:19px;margin-top:25px}.range-form label{font-size:14px;color:#dce6f5}
.range-form input{display:block;width:100%;min-width:0;max-width:100%;margin-top:9px;border:1px solid #3c4e60;border-radius:13px;background:#192733;color:#f4f7ff;padding:14px 10px;font-size:14px;box-sizing:border-box}
.range-form .range-error{font-size:13px;color:#ffd0ac;border-radius:12px;background:#35291f;padding:12px;margin:0}
.range-form .primary{margin-top:0}