/* The fixed, slowly moving silk runs behind the existing glass interface. */
body{background:var(--bg)}
#silk-background{position:fixed;inset:0;display:block;width:100%;height:100%;z-index:-2;pointer-events:none}
body:before{background:linear-gradient(120deg,#08162b44,transparent 55%,#08162b18);z-index:-1}
html[data-theme=light] body:before{background:linear-gradient(120deg,#f0f7ff55,transparent 60%,#f0f7ff22)}
body:not(:has(#silk-background)){background:repeating-linear-gradient(125deg,#071326 0%,#0a3553 16%,#075778 24%,#0a1a32 34%,#0a2035 45%,#294b36 57%,#071326 68%);background-attachment:fixed}
html[data-theme=light] body:not(:has(#silk-background)){background:repeating-linear-gradient(125deg,#f0f7ff 0%,#cee6f6 22%,#edf6fd 36%,#e5f1da 55%,#f0f7ff 68%);background-attachment:fixed}
body:not(:has(#silk-background)){background-size:180% 180%;animation:water-fallback 24s ease-in-out infinite}
@keyframes water-fallback{0%,100%{background-position:15% 30%}50%{background-position:85% 70%}}
@media(prefers-reduced-motion:reduce){body:not(:has(#silk-background)){animation:none}}
.hero-shade{display:none}
@media print{#silk-background,body:before{display:none}body{background:white!important}}