@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@keyframes dayNightTransition{0%{filter:brightness(1)}to{filter:brightness(.6)}}.night-mode{animation:dayNightTransition 1s ease-in-out forwards}@keyframes deviceBreath{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.7;filter:brightness(1.3)}}.device-running{animation:deviceBreath 2s ease-in-out infinite}@keyframes chargingPulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.charging{animation:chargingPulse 1.5s ease-out infinite}@keyframes dischargingPulse{0%{box-shadow:0 0 #f97316b3}70%{box-shadow:0 0 0 15px #f9731600}to{box-shadow:0 0 #f9731600}}.discharging{animation:dischargingPulse 1.5s ease-out infinite}@keyframes energyFlow{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.energy-flow-active{stroke-dasharray:8,4;animation:energyFlow 1s linear infinite}@keyframes streetLightFlicker{0%,90%,to{opacity:1}95%{opacity:.7}}.street-light-on{animation:streetLightFlicker 5s ease-in-out infinite}@keyframes carSlideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.car-arriving{animation:carSlideIn .5s ease-out forwards}@keyframes pvGenerate{0%,to{filter:drop-shadow(0 0 5px rgba(251,191,36,.5))}50%{filter:drop-shadow(0 0 20px rgba(251,191,36,.8))}}.pv-generating{animation:pvGenerate 3s ease-in-out infinite}@keyframes hvacRunning{0%,to{filter:drop-shadow(0 0 3px rgba(34,211,238,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(34,211,238,.7));transform:scale(1.02)}}.hvac-running{animation:hvacRunning 2.5s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.solar-apple-shell{color:#1d1d1f}.solar-apple-section{background:#ffffffdb;border:1px solid rgba(210,214,220,.7);border-radius:28px;box-shadow:0 18px 48px #0f172a0e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.solar-apple-title{color:#1d1d1f;font-weight:800;letter-spacing:0}.solar-apple-icon{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#f5f5f7;color:#0071e3}.solar-apple-panel{background:#f5f5f7;border:1px solid rgba(210,214,220,.55);border-radius:20px}.solar-apple-field{background:#ffffffeb;border:1px solid rgba(210,214,220,.9);border-radius:14px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.solar-apple-field:focus,.solar-apple-field:focus-within{border-color:#0071e3a6;box-shadow:0 0 0 4px #0071e31f;background:#fff}.solar-apple-segment{background:#f5f5f7;border:1px solid rgba(210,214,220,.7);border-radius:16px;padding:4px}.solar-apple-segment-item{border-radius:12px;color:#6e6e73;font-weight:700;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.solar-apple-segment-item.is-active{background:#fff;color:#0071e3;box-shadow:0 8px 20px #00000014}.solar-apple-pill{border-radius:999px;background:#f5f5f7;color:#515154}.solar-apple-primary{background:#0071e3;color:#fff;box-shadow:0 10px 22px #0071e338}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.pulse-ring{animation:pulseRing 1.5s cubic-bezier(.215,.61,.355,1) infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-bounce{animation:bounce .6s ease-in-out}.glow-border{box-shadow:0 0 0 3px #3b82f6cc,0 0 0 6px #3b82f680,0 0 0 12px #3b82f64d}.device-image{pointer-events:none;user-select:none;-webkit-user-select:none}.device-image.opacity-100{opacity:1;filter:drop-shadow(0 0 10px rgba(59,130,246,.5))}.device-image[id*=sceneBackground]:hover{animation:bounce .6s ease-in-out}