/* the same sky as SOTA Creative (Viv, 15 Nov 2026): navy gradient, drifting auroras, crisp twinkling stars; aurora colours per theme. Replaces the soft photo backgrounds here. */
.sky { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.sky__base { position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, var(--sky1), var(--sky2)); }
.sky__aurora { position: absolute; z-index: 2; border-radius: 50%; mix-blend-mode: screen; will-change: transform; }
.sky__aurora--a { width: 70vw; height: 38vh; top: -6vh; left: -10vw; background: radial-gradient(closest-side, var(--a1), var(--a1s) 55%, transparent); opacity: .85; filter: blur(60px); transform: rotate(-12deg); animation: aurora-a 38s ease-in-out infinite alternate; }
.sky__aurora--b { width: 60vw; height: 32vh; top: 4vh; left: 30vw; background: radial-gradient(closest-side, var(--a2), var(--a2s) 55%, transparent); opacity: .75; filter: blur(70px); transform: rotate(8deg); animation: aurora-b 46s ease-in-out -12s infinite alternate; }
.sky__aurora--c { width: 80vw; height: 50vh; bottom: -20vh; right: -20vw; background: radial-gradient(closest-side, var(--a3), var(--a3s) 55%, transparent); opacity: .75; filter: blur(90px); animation: aurora-c 54s ease-in-out -20s infinite alternate; }
.sky__aurora--d { width: 50vw; height: 40vh; top: 45vh; left: 25vw; background: radial-gradient(closest-side, var(--a4), transparent); opacity: .35; filter: blur(80px); transform: rotate(-4deg); animation: aurora-d 62s ease-in-out -31s infinite alternate; }
@keyframes aurora-a { to { transform: translate3d(6vw, 2vh, 0) rotate(-8deg) scale(1.08); } }
@keyframes aurora-b { to { transform: translate3d(-5vw, 3vh, 0) rotate(12deg) scale(1.06); } }
@keyframes aurora-c { to { transform: translate3d(-4vw, -3vh, 0) scale(1.1); } }
@keyframes aurora-d { to { transform: translate3d(3vw, -2vh, 0) rotate(2deg); } }
.sky__stars { position: absolute; inset: 0; z-index: 3; display: block; }
.sky__vignette { position: absolute; inset: 0; z-index: 4; background: radial-gradient(120% 90% at 50% 40%, transparent 55%, rgba(5,10,20,.55) 100%); }
@media (prefers-reduced-motion: reduce) { .sky__aurora { animation: none !important; } }
html[data-theme="kerala"] { --sky1: #06160f; --sky2: #0b2a24; --a1: #2fd47abf; --a1s: #1ec89659; --a2: rgba(56,232,216,.7); --a2s: rgba(20,170,160,.3); --a3: rgba(16,175,135,.7); --a3s: rgba(0,110,120,.35); --a4: rgba(0,90,155,.55); }
html[data-theme="redback"] { --sky1: #12050a; --sky2: #2a0a18; --a1: rgba(220,50,40,.7); --a1s: rgba(160,20,40,.35); --a2: rgba(170,60,200,.55); --a2s: rgba(110,30,150,.25); --a3: rgba(255,110,60,.55); --a3s: rgba(170,40,30,.3); --a4: rgba(90,20,120,.5); }
html[data-theme="dubai"] { --sky1: #0a1628; --sky2: #0c2449; --a1: rgba(60,140,255,.6); --a1s: rgba(40,90,220,.3); --a2: rgba(140,110,255,.5); --a2s: rgba(90,60,200,.25); --a3: rgba(255,170,90,.45); --a3s: rgba(200,110,60,.25); --a4: rgba(0,54,155,.55); }
html[data-theme="english"] { --sky1: #120a04; --sky2: #2a1708; --a1: rgba(255,150,60,.6); --a1s: rgba(220,110,30,.3); --a2: rgba(255,200,120,.45); --a2s: rgba(200,140,60,.22); --a3: rgba(200,90,40,.55); --a3s: rgba(140,60,20,.3); --a4: rgba(120,60,20,.5); }

/* dashboard: the sky sits behind everything; the old photo scene is replaced */
.scene { display: none !important; }
body { background: transparent !important; }