/* Shared Zamar signature. Behind content; never an input or artwork overlay. */
html:not([data-theme="light"]){--bg:#000;background-color:#000}
body.zamar-atmosphere-page{isolation:isolate;min-height:100svh}
html:not([data-theme="light"]) body.zamar-atmosphere-page{background-color:#000}
.zamar-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;background:#000}
.zamar-atmosphere i{position:absolute;bottom:-36%;width:100%;height:70%;border-radius:50%;transform-origin:50% 100%;animation:zamar-glow-drift 28s ease-in-out infinite alternate}
.zamar-atmosphere i:nth-child(1){left:-35%;background:radial-gradient(ellipse,rgba(87,74,222,.32),rgba(71,61,161,.12) 36%,transparent 68%)}
.zamar-atmosphere i:nth-child(2){left:15%;bottom:-43%;background:radial-gradient(ellipse,rgba(143,61,181,.28),rgba(95,43,139,.1) 36%,transparent 68%);animation-name:zamar-glow-rise;animation-duration:34s;animation-delay:-12s}
.zamar-atmosphere i:nth-child(3){left:50%;bottom:-44%;background:radial-gradient(ellipse,rgba(52,104,219,.26),rgba(36,64,139,.1) 36%,transparent 68%);animation-duration:38s;animation-delay:-18s;animation-direction:alternate-reverse}
/* Scroll containers must reveal the canvas, while cards and controls retain their surfaces. */
html:not([data-theme="light"]) body.zamar-atmosphere-page:not(.artist-world) #main,
html:not([data-theme="light"]) .zamar-atmosphere-page .signin-shell,
html:not([data-theme="light"]) .zamar-atmosphere-page .signin-shell .signin-grid>section:first-child,
html:not([data-theme="light"]) .zamar-atmosphere-page .signin-shell>footer{background:transparent}
@keyframes zamar-glow-drift{from{transform:translate3d(-3%,0,0) scale(.96)}to{transform:translate3d(4%,-8%,0) scale(1.06)}}
@keyframes zamar-glow-rise{from{transform:translate3d(3%,0,0) scale(.98)}to{transform:translate3d(-4%,-10%,0) scale(1.08)}}
html[data-theme="light"] .zamar-atmosphere{display:none}
@media(max-width:700px){.zamar-atmosphere i{width:150%;height:60%;bottom:-31%}.zamar-atmosphere i:nth-child(1){left:-70%}.zamar-atmosphere i:nth-child(2){left:-15%;bottom:-37%}.zamar-atmosphere i:nth-child(3){left:30%;bottom:-38%}}
@media(prefers-reduced-motion:reduce){.zamar-atmosphere i{animation:none;transform:none}}
@media(forced-colors:active),print{.zamar-atmosphere{display:none}}