/* V3 CHARGE — architectural electrical system / energy pulse */
body{background:
radial-gradient(circle at 76% 16%,rgba(109,243,189,.13),transparent 24%),
linear-gradient(180deg,#08120f,#10201d)}
body:before{content:"";position:fixed;z-index:-1;inset:0;background:
linear-gradient(90deg,transparent 0 18%,rgba(109,243,189,.035) 18% 18.2%,transparent 18.2% 51%,rgba(109,243,189,.024) 51% 51.2%,transparent 51.2%),
linear-gradient(0deg,transparent 0 31%,rgba(109,243,189,.025) 31% 31.2%,transparent 31.2%)}
.mark{border-radius:50%;border-color:rgba(109,243,189,.38);color:var(--accent)}.mark img{padding:4px;filter:drop-shadow(0 0 12px rgba(109,243,189,.16))}
.charge-media{box-shadow:0 36px 110px rgba(17,103,79,.18)}
.energy-flow{position:relative}.energy-flow:before{content:"";position:absolute;left:7%;right:7%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 18px rgba(109,243,189,.3);animation:pulseLine 2.4s ease-in-out infinite}
@keyframes pulseLine{50%{opacity:.3}}
.energy-node{background:rgba(12,27,23,.78);backdrop-filter:blur(10px)}
.planner-result,.planner-controls{background:linear-gradient(145deg,#142923,#0d1a17);box-shadow:0 28px 90px rgba(0,0,0,.18)}
.media-strip figure{border-radius:28px}.media-strip figure:nth-child(2){transform:translateY(26px)}