.energy-demo{border:1px solid #dedce6;border-radius:16px;overflow:hidden;background:#fff;color:#24212e;isolation:isolate;font:13px/1.65 system-ui,sans-serif}.energy-demo *{box-sizing:border-box}.energy-demo button{font:inherit;cursor:pointer;color:inherit;background:none;border:0;min-height:44px}.energy-demo button:focus-visible,.energy-demo canvas:focus-visible,.energy-demo summary:focus-visible{outline:2px solid #8c67e6;outline-offset:-3px}.energy-stages{display:flex;gap:6px;padding:10px 16px;overflow:auto;background:#f6f5f9;scrollbar-width:thin}.energy-stages button{padding:0 17px;border-radius:9px;white-space:nowrap;font-size:12px;color:#77717f;flex:1}.energy-stages button:hover{background:#ebe8f2;color:#514164}.energy-stages button[aria-pressed=true]{color:#7045cd;background:#e9e1fa;font-weight:650}.energy-viewport{position:relative;height:570px;background:radial-gradient(ellipse at 51% 48%,#2c365a,#171d35 58%,#11162a);overflow:hidden;scroll-margin-top:112px}.energy-viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.energy-viewport canvas:active{cursor:grabbing}.energy-tools{position:absolute;top:14px;left:16px;right:16px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:3}.energy-tools>div{display:flex;align-items:flex-start;gap:7px}.energy-tools button,.energy-tools summary{background:#171b30bb;border:1px solid #c2bee522;border-radius:8px;color:#d5d2e8;font-size:10px;min-height:36px;padding:0 12px;pointer-events:auto;backdrop-filter:blur(10px)}.energy-tools button:hover,.energy-tools summary:hover{background:#393251}.energy-tools [data-tour][aria-pressed=true]{color:#dbc8ff;border-color:#b398e978}.energy-tools [data-fullscreen]{font-size:21px;padding:0 9px}.energy-options{position:relative;pointer-events:auto}.energy-options summary{cursor:pointer;list-style:none;display:flex;align-items:center}.energy-options summary::-webkit-details-marker{display:none}.energy-options>div{position:absolute;right:0;top:43px;width:135px;padding:5px;background:#25263c;border:1px solid #aba1c739;border-radius:10px;box-shadow:0 8px 20px #0003}.energy-options>div>button{display:block;width:100%;border:0;background:none;text-align:left;min-height:44px;font-size:11px;backdrop-filter:none}.energy-tools [data-labels][aria-pressed=true]{color:#d6bbff}.energy-hint{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);font-size:9px;color:#979eb8;white-space:nowrap;pointer-events:none}.energy-labels,.energy-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.energy-labels button{position:absolute;pointer-events:auto;min-height:34px;font-size:10px;max-width:170px;padding:5px 10px;background:#202038d9;border:1px solid #b0a4d344;border-radius:7px;color:#e5e0f1;text-align:left;white-space:nowrap}.energy-labels button:hover{background:#4d3c6a}.energy-leaders line{stroke:#b4aad1;stroke-width:.7;opacity:.6}.energy-leaders circle{fill:#c8b2ef}.energy-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px}.energy-caption-copy{min-width:0}.energy-caption h2{font:650 16px/1.4 system-ui,sans-serif;margin:0 0 6px;letter-spacing:0;color:#2b2735}.energy-description{font-size:12px;color:#77717f;line-height:1.8;margin:0;max-width:800px}.energy-caption-actions{display:flex;gap:20px;align-items:center;flex-shrink:0}.energy-caption [data-next]{background:#f0eaf9;color:#7952c1;border-radius:50%;width:44px;font-size:23px;line-height:1}.energy-oxygen{display:flex;align-items:center;gap:10px;font-size:11px!important;color:#77717f!important}.energy-oxygen[hidden]{display:none}.energy-oxygen i{display:block;width:31px;height:19px;border-radius:18px;background:#9272cb;padding:3px}.energy-oxygen i:after{content:'';display:block;width:13px;height:13px;border-radius:50%;background:#fff;transform:translateX(12px);transition:transform .2s}.energy-oxygen[aria-checked=false] i{background:#b4b0bd}.energy-oxygen[aria-checked=false] i:after{transform:translateX(0)}.energy-status{font-size:11px;color:#97704d;margin:6px 0 0}.energy-about{padding:0 24px 13px;font-size:9px;color:#a19aa9}.energy-about summary{cursor:pointer;min-height:22px;list-style:none}.energy-about summary::-webkit-details-marker{display:none}.energy-about summary:after{content:' ＋';color:#a68aca}.energy-about[open] summary:after{content:' −'}.energy-about p{font-size:11px;line-height:1.8;max-width:800px;color:#8b8295}.energy-about a{color:#8a72ae;text-decoration:underline}.energy-error{position:absolute;inset:25%;padding:20px;background:#202039;color:#ddd3ef}.energy-demo:fullscreen{height:100dvh;width:100%;border-radius:0;display:flex;flex-direction:column}.energy-demo:fullscreen .energy-stages{flex-shrink:0}.energy-demo:fullscreen .energy-viewport{height:auto;flex:1;min-height:0}.energy-demo:fullscreen .energy-caption,.energy-demo:fullscreen .energy-about{flex-shrink:0}
@media(max-width:700px){.energy-demo{border-radius:12px}.energy-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:8px}.energy-stages button{font-size:10px;padding:0 5px;min-height:39px}.energy-viewport{height:360px}.energy-tools{left:10px;right:10px;top:10px}.energy-tools>div{gap:4px}.energy-tools button,.energy-tools summary{padding:0 9px;min-height:36px;font-size:9px}.energy-tools [data-fullscreen]{font-size:19px}.energy-caption{padding:16px;gap:10px;align-items:flex-start}.energy-caption h2{font-size:15px}.energy-description{font-size:11px;line-height:1.8}.energy-caption-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:90px}.energy-oxygen{gap:5px;font-size:10px!important}.energy-caption [data-next]{width:36px;min-height:36px;font-size:20px}.energy-about{padding:0 16px 11px;font-size:8px}.energy-labels button{font-size:9px;min-height:44px;white-space:normal;max-width:150px}.energy-hint{font-size:8px;bottom:13px}}
@media(prefers-reduced-motion:reduce){.energy-demo *{transition:none!important}}