.ambient-stage{position:fixed;inset:0;z-index:1080;pointer-events:none;overflow:hidden;contain:strict;opacity:0;transition:opacity .7s ease}
.ambient-stage.is-lit{opacity:1}
.ambient-spotlight{position:absolute;left:0;top:0;width: min(1000px,150vw);height:min(1000px,150vw);border-radius:50%;will-change:transform;background:radial-gradient(ellipse at 46% 44%,#7ddbb90e 0%,#137a7520 20%,#173e4310 39%,transparent 65%),radial-gradient(ellipse at 65% 60%,#d4b47212,transparent 48%);filter:blur(22px)}
.ambient-particles{position:absolute;inset:0}.ambient-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#7cae9c;box-shadow:0 0 8px #b9d7a466;opacity:0;animation:ambient-float var(--duration) ease-in-out var(--delay) infinite}.ambient-particle:nth-child(3n){background:#bca46a;box-shadow:0 0 8px #c7ad7355}
@keyframes ambient-float{0%,100%{opacity:0;transform:translate3d(0,16px,0)}35%,65%{opacity:.35}85%{opacity:0;transform:translate3d(18px,-32px,0)}}
.ambient-card{position:relative;isolation:isolate}.ambient-card-light{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(420px circle at var(--light-x,50%) var(--light-y,50%),#78ddbc24, #bfa4670b 40%,transparent 72%);box-shadow:inset 0 0 0 1px #a7d5b34d;transition:opacity .4s ease}
.ambient-card.is-illuminated>.ambient-card-light,.ambient-card:focus-within>.ambient-card-light{opacity:1}
@media(pointer:coarse){.ambient-spotlight{width:650px;height:650px;filter:blur(28px)}.ambient-particle:nth-child(n+9){display:none}}
@media(prefers-reduced-motion:reduce){.ambient-stage{display:none}.ambient-card-light{transition:none}.ambient-particle{animation:none}}