.energy{background:var(--ui);touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.energy-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.energy-back,.energy-bar button{cursor:pointer;color:#eef4ff;background:0 0;border:0;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.energy-back{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);background:#080a1466;transition:opacity .6s;position:absolute}.energy-bar{left:50%;bottom:max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);background:#080a146b;border:1px solid #c8dcff14;border-radius:999px;align-items:center;gap:6px;padding:6px;transition:opacity .6s;display:flex;position:absolute;transform:translate(-50%)}.energy-bar button[aria-pressed=true]{background:#dcebff29}.energy-bar button:hover{background:#dcebff1a}.energy-bar .swatch{border:2px solid #ffffff38;width:34px;height:34px;margin:5px 0}.energy-bar .swatch[aria-pressed=true]{border-color:#eef4ff;box-shadow:0 0 10px #c8e1ff59}.energy.is-quiet .energy-bar,.energy.is-quiet .energy-back{opacity:.3}.energy.is-quiet .energy-bar:hover,.energy.is-quiet .energy-back:hover,.energy.is-quiet .energy-bar:focus-within,.energy.is-quiet .energy-back:focus-visible{opacity:1}.energy-hint{text-align:center;pointer-events:none;color:#ebf2ffd9;text-shadow:0 1px 10px #0009;margin:0;font-size:19px;animation:3.6s ease-in-out infinite breathe;position:absolute;top:42%;left:0;right:0}@media (prefers-reduced-motion:reduce){.energy-hint{animation:none}}.energy-fail{max-width:520px;margin:0 auto;padding:48px 24px}.energy-fail a{color:#a9c8ff}@media (max-width:440px){.energy-bar{gap:2px;padding:5px}.energy-bar button{width:40px;height:40px}.energy-bar .swatch{width:26px;height:26px;margin:7px 0}.energy-bar .swatches{padding:0 2px}}.energy-bar button{-webkit-tap-highlight-color:transparent;transition:background-color .2s,transform .12s}.energy-bar button:active{transform:scale(.92)}.energy-bar button:focus-visible,.energy-back:focus-visible{outline-offset:1px;outline:2px solid #ffffffd9}@media (prefers-reduced-motion:reduce){.energy-bar button{transition:none}.energy-bar button:active{transform:none}}@media (max-width:440px){.energy-bar .swatch{position:relative}.energy-bar .swatch:after{content:"";border-radius:12px;position:absolute;inset:-9px -1px}}