/* Decorative layers only: layout, text, controls and tab transitions stay independent. */
.ambient-card{position:relative;isolation:isolate;overflow:hidden}
dialog.ambient-card{position:fixed}
.shell.ambient-card{overflow:visible}
.ambient-scene{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none;user-select:none;color:var(--mint);opacity:.48;transform:translate3d(var(--ambient-x,0px),var(--ambient-y,0px),0);transition:transform .65s cubic-bezier(.2,.7,.3,1)}
.ambient-glow{position:absolute;inset:-35%;background:radial-gradient(ellipse at 75% 70%,#a4e8c319,transparent 45%),radial-gradient(ellipse at 28% 88%,#669e8220,transparent 47%);animation:ambient-glow-drift 26s ease-in-out infinite;animation-delay:-9s}
.ambient-waves{position:absolute;right:-18%;bottom:-45%;width:130%;height:130%;opacity:.3;animation:ambient-waves-drift 28s ease-in-out infinite;animation-delay:-11s}
.ambient-waves.echo{right:-27%;bottom:-57%;opacity:.12;animation-duration:34s;animation-direction:reverse;animation-delay:-18s}
.shell>.ambient-scene{inset:0 -12px;opacity:.26}
.shell>.ambient-scene .ambient-waves{bottom:-17%;height:95%;opacity:.2}
.home-pass.ambient-card>.hero-lines{display:none}
.home-pass>.ambient-scene{opacity:1;inset:-12px}
.home-pass>.ambient-scene .ambient-glow{background:radial-gradient(ellipse at 72% 73%,#a4e8c32c,transparent 39%),radial-gradient(ellipse at 25% 88%,#59977428,transparent 43%);animation-duration:19s}
.home-pass>.ambient-scene .ambient-waves{right:-26%;bottom:-17%;width:145%;height:83%;opacity:.64;animation-duration:17s;animation-delay:-4s}
.home-pass>.ambient-scene .ambient-waves.echo{right:-35%;bottom:-27%;opacity:.26;animation-duration:23s;animation-delay:-11s}
dialog>.ambient-scene{opacity:.36}
.ambient-paused>.ambient-scene *{animation-play-state:paused!important}
@keyframes ambient-glow-drift{0%,100%{transform:translate3d(-10px,12px,0) scale(1)}50%{transform:translate3d(23px,-15px,0) scale(1.06)}}
@keyframes ambient-waves-drift{0%,100%{transform:translate3d(14px,16px,0) rotate(-2deg)}50%{transform:translate3d(-25px,-20px,0) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.ambient-scene{transform:none!important;transition:none}.ambient-scene *{animation:none!important}}
