/* A sunny entrance, with the existing controls and motion preferences. */
.energy-store .topbar{background:linear-gradient(105deg,#ffe7a0 0%,#ffd7b6 46%,#e4f5b4 100%);color:#203e30;border-bottom:1px solid #e7ce97}
.energy-store .topbar .wrap{align-items:center;gap:16px;padding-block:7px;min-height:52px}
.energy-store .topbar .topbar-message{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;line-height:1.4}
.energy-store .topbar-sun{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:50%;background:#fff8d7;color:#a64a12;font-size:24px;box-shadow:0 0 0 5px #fff8d74d;animation:sun-hello 4s ease-out both}
.energy-store .topbar-phone{display:flex;align-items:center;gap:12px;min-height:38px;padding:7px 15px;border:1px solid #e5b789;border-radius:99px;background:#fff9eb;color:#38523b;font-size:12px;transition:background .2s,transform .2s,box-shadow .2s}
.energy-store .topbar-phone b{color:#893a16;font-size:14px;margin:0;white-space:nowrap}
.energy-store .topbar-phone:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #c1863c26}
.energy-store .header-inner>.button{background:#e4f5b4;color:#203e30;box-shadow:inset 0 0 0 1px #c4d89b}
.energy-store .header-inner>.button:hover{background:#d7f18b}
.energy-store .top-shortcuts{background:linear-gradient(100deg,#fff3dd,#f1f6e7);border-color:#e8deca}
.energy-store .top-shortcuts a:hover,.energy-store .top-shortcuts a:focus-visible{background:#ffead0}
.energy-store .energy-hero{background:radial-gradient(ellipse at 6% 35%,#fff0d6 0%,transparent 58%),radial-gradient(ellipse at 96% 18%,#edf7d9 0%,transparent 55%),#fbfaf6}
.energy-store .energy-primary{box-shadow:0 6px 0 #bd4d24}
.energy-store .energy-primary:hover{box-shadow:0 3px 0 #bd4d24}
.energy-store .energy-lab{box-shadow:0 16px 44px #64834d1a}
.energy-store .energy-lab:before{border-color:#e4f589}
.energy-store [data-energy-mode=day] .energy-scene-shade{background:linear-gradient(180deg,#11282008 20%,transparent 48%,#11282055)}
.energy-store .energy-switch{background:#fffaf0f5;backdrop-filter:none}
.energy-store .energy-story{background:linear-gradient(135deg,#f1f7df,#e6f1dc);color:#203e30;border:1px solid #d2e1c4;border-top:0;transition:background .4s}
.energy-store .energy-flow path{stroke:#71984a;opacity:.85}
.energy-store .flow-node>span{background:#fff0bb;color:#87500c;border-color:#e3cf87;box-shadow:0 3px 10px #7a894e12}
.energy-store .flow-node.home>span{background:#d4ef91;color:#24422a;border-color:#b5d66b}
.energy-store .flow-node.storage>span{background:#ffdfc5;color:#a74419;border-color:#ebbd97}
.energy-store .flow-node small{color:#466140;background:#eff5e3;border-radius:4px}
.energy-store .energy-story-text h2{color:#25422e}
.energy-store .energy-story-text p{color:#4c644e}
.energy-store .energy-story-footer{border-color:#c6d9b8}
.energy-store .energy-story-footer>small{color:#5a7057}
.energy-store .energy-story-footer button{color:#536b26;font-weight:650}
.energy-store .energy-story-footer button:focus-visible{outline-color:#a2381c}
.energy-store .energy-story-footer button:disabled{color:#586b4e}
.energy-store [data-energy-mode=evening] .energy-story{background:linear-gradient(135deg,#f4effc,#e8e4f7);border-color:#d8cee9}
.energy-store [data-energy-mode=evening] .energy-story-text h2{color:#3e365a}
.energy-store [data-energy-mode=evening] .energy-story-text p,.energy-store [data-energy-mode=evening] .energy-story-footer>small{color:#625775}
.energy-store [data-energy-mode=evening] .energy-story-footer{border-color:#d4c9e7}
.energy-store [data-energy-mode=evening] .energy-story-footer button{color:#665181}
.energy-store [data-energy-mode=evening] .flow-node.solar>span{background:#eee9f3;color:#83768e;border-color:#d4cbde}
.energy-store [data-energy-mode=evening] .flow-node.storage>span{background:#d9c6ff;color:#493163;border-color:#bba2e8}
.energy-store [data-energy-mode=evening] .flow-node.home>span{background:#ffebbc;color:#654411;border-color:#e7cf95}
.energy-store [data-energy-mode=evening] .flow-node small{background:#efebf8;color:#625775}
.energy-store [data-energy-mode=evening] .flow-store{stroke:#9879c2}
.energy-store [data-energy-mode=evening] .flow-pv{stroke:#b4a5bf;opacity:.35}
@keyframes sun-hello{0%{transform:rotate(-35deg) scale(.85)}45%{transform:rotate(18deg) scale(1.08)}100%{transform:rotate(0) scale(1)}}
@media(max-width:1120px){.energy-store>footer{flex-wrap:wrap}}
@media(max-width:620px){
 .energy-store .topbar .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-block:8px;min-height:58px}
 .energy-store .topbar .topbar-message{font-size:11px;gap:8px;max-width:180px}
 .energy-store .topbar-sun{width:28px;height:28px;font-size:21px;box-shadow:0 0 0 3px #fff8d74d}
 .energy-store .topbar-phone{padding:6px 10px;min-height:42px;gap:0}
 .energy-store .topbar-phone>span{display:none}
 .energy-store .topbar-phone b{font-size:12px}
}
@media(max-width:360px){
 .energy-store .topbar .topbar-message{font-size:10px;gap:6px}
 .energy-store .topbar-phone{padding-inline:8px}
 .energy-store .topbar-phone b{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.energy-store .topbar-sun{animation:none}.energy-store .topbar-phone,.energy-store .energy-story{transition:none}}