/* The original Sirinova interface, with a separate animated galaxy backdrop. */
#home.hero{isolation:isolate}
#home .blackhole,#home>.glow,#home>.stars{display:none!important}
#home>.shell{position:relative;z-index:3}
.liquid-visual{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:#060706}
.liquid-visual:before{content:'';position:absolute;inset:-8%;background:linear-gradient(90deg,#06080673,#09080b66),url('cosmic-hero.png') center/cover;filter:saturate(.75) brightness(.8);animation:galaxy-drift 8s ease-in-out infinite alternate;will-change:transform}
.liquid-visual:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#0003,transparent 24%,#04040544 65%,#080808 100%),linear-gradient(90deg,#08080873,transparent 80%);pointer-events:none}
.liquid-glint{position:absolute;inset:-35% -30%;width:160%;height:170%;z-index:1;filter:blur(28px);mix-blend-mode:screen;opacity:.65;background:linear-gradient(112deg,transparent 25%,#9683c411 35%,#cdc5e365 40%,#6a54a112 44%,transparent 52%);animation:galaxy-light 7s ease-in-out infinite alternate}
.liquid-flow{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.liquid-visual.flow-ready:before{opacity:0;animation:none}.liquid-visual.paused:before,.liquid-visual.paused .liquid-glint{animation-play-state:paused}
.galaxy-motion{position:absolute;z-index:5;right:24px;top:20px;background:#0d0b1099;color:#e7e2f2;border:1px solid #b6a9d680;border-radius:30px;padding:8px 13px;font-size:11px;backdrop-filter:blur(8px)}
@keyframes galaxy-drift{from{transform:scale(1.08) translate3d(-2%,-1%,0) rotate(-.4deg)}to{transform:scale(1.18) translate3d(2%,1%,0) rotate(.5deg)}}@keyframes galaxy-light{from{transform:translate3d(-35%,-8%,0) rotate(-8deg)}to{transform:translate3d(34%,9%,0) rotate(8deg)}}
@media(max-width:800px){.liquid-visual:before{background-position:65% center}.galaxy-motion{top:12px;right:16px}}
@media(prefers-reduced-motion:reduce){.liquid-visual.paused:before,.liquid-visual.paused .liquid-glint{animation-play-state:paused}}
.light-theme .liquid-visual{opacity:.23}.light-theme .liquid-visual:after{background:linear-gradient(#f1eff6c4,#f1eff6e8)}
/* The light theme uses its own bright artwork and independent motion. */
.light-theme .liquid-visual{opacity:1;background:#f1eff6}
.light-theme .liquid-visual .liquid-flow{display:none}
.light-theme .liquid-visual:before,.light-theme .liquid-visual.flow-ready:before{opacity:1;background-image:linear-gradient(90deg,#f7f5fbc9 0%,#f7f5fb7a 40%,#f1eef73d 100%),url('cosmic-light.png');background-position:center;background-size:cover;filter:saturate(.7) brightness(1.02);animation:galaxy-drift 15s ease-in-out infinite alternate}
.light-theme .liquid-visual:after{background:linear-gradient(90deg,#f1eff6b0,transparent 75%),linear-gradient(0deg,#f1eff6 0%,#f1eff600 30%)}
.light-theme .liquid-glint{mix-blend-mode:screen;opacity:.4}
.light-theme .liquid-visual.paused:before,.light-theme .liquid-visual.paused .liquid-glint{animation-play-state:paused}
.light-theme .galaxy-motion{background:#faf9fcc9;border-color:#6b618480;color:#1e1b26}
@media(max-width:800px){.light-theme .liquid-visual:before,.light-theme .liquid-visual.flow-ready:before{background-position:65% center}}
/* Keep the separate light galaxy visible on small portrait screens. */
.light-theme .liquid-visual:before,.light-theme .liquid-visual.flow-ready:before{background-image:linear-gradient(90deg,#f7f5fb7a 0%,#f7f5fb30 50%,#f1eef70d 100%),url('cosmic-light.png');filter:saturate(.9) contrast(1.08) brightness(.94)}
.light-theme .liquid-visual:after{background:linear-gradient(90deg,#f1eff69e,transparent 70%),linear-gradient(0deg,#f1eff6 0%,#f1eff600 20%)}
@media(max-width:800px){.light-theme .liquid-visual:before,.light-theme .liquid-visual.flow-ready:before{background-position:86% center;filter:saturate(.92) contrast(1.12) brightness(.91)}.light-theme .liquid-visual:after{background:linear-gradient(90deg,#f1eff6a3,#f1eff619 85%),linear-gradient(0deg,#f1eff6 0%,transparent 16%)}}
/* Make the light-theme animation readable over pale imagery. */
.light-theme .liquid-visual:before,.light-theme .liquid-visual.flow-ready:before{inset:-15%;animation:galaxy-light-travel 8s ease-in-out infinite alternate}
.light-theme .liquid-glint{inset:-30%;width:160%;height:160%;filter:blur(25px);mix-blend-mode:multiply;opacity:.65;background:linear-gradient(115deg,transparent 20%,#7968a400 32%,#7968a455 39%,#ebe8f488 44%,transparent 52%);animation:galaxy-light-sweep 6s ease-in-out infinite alternate}
.light-theme .liquid-visual.paused:before,.light-theme .liquid-visual.paused .liquid-glint{animation-play-state:paused}
@keyframes galaxy-light-travel{from{transform:translate3d(-3%,-1%,0) scale(1.04)}to{transform:translate3d(3%,1%,0) scale(1.12)}}
@keyframes galaxy-light-sweep{from{transform:translate3d(-27%,-4%,0) rotate(-6deg)}to{transform:translate3d(27%,4%,0) rotate(6deg)}}