/* Decorative depth, kept behind the original reading surface. */
body{isolation:isolate;background:#06121d}
.atmosphere{--look-x:0px;--look-y:0px;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;background:linear-gradient(155deg,#07151e 0%,#071923 42%,#020a12 100%)}
.atmosphere>div{position:absolute;pointer-events:none}
.ambient-light{inset:-12%;background:radial-gradient(ellipse at 99% 1%,#b8904566 0%,#8c693029 19%,transparent 46%),radial-gradient(ellipse at 1% 60%,#268d9861 0%,#19556b38 26%,transparent 55%),radial-gradient(ellipse at 85% 103%,#254f7047 0%,transparent 49%);transform:translate3d(calc(var(--look-x)*-.45),calc(var(--look-y)*-.45),0);transition:transform 1.8s cubic-bezier(.16,1,.3,1)}
.ambient-haze{inset:-20%;background:radial-gradient(ellipse 24% 38% at 5% 43%,#49a5ac39,transparent 78%),radial-gradient(ellipse 32% 18% at 69% 95%,#39879735,transparent 85%),radial-gradient(ellipse 30% 40% at 94% 2%,#dbb46126,transparent 76%);filter:blur(26px);opacity:.85;animation:haze-drift 32s ease-in-out infinite alternate;will-change:transform}
.ambient-rays{inset:-30%;background:linear-gradient(128deg,transparent 38%,#edc67d08 42%,#edc67d22 43.5%,transparent 46%,transparent 48%,#88c3cd0d 50%,transparent 53%),linear-gradient(134deg,transparent 37%,#ebc16b0c 39%,transparent 43%);mask-image:linear-gradient(to bottom,#000,transparent 78%);transform-origin:78% 0%;filter:blur(8px);animation:light-drift 43s ease-in-out infinite alternate;will-change:transform,opacity}
.ambient-grain{inset:0;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.atmosphere::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 49% 38%,transparent 22%,#01081030 70%,#01071080 100%),linear-gradient(90deg,transparent,#04101955 25%,#04101975 56%,#04101938 82%,transparent)}
@keyframes haze-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}100%{transform:translate3d(3%,3%,0) scale(1.08)}}
@keyframes light-drift{0%{transform:translate3d(2%,-1%,0) rotate(-3deg);opacity:.5}100%{transform:translate3d(-3%,3%,0) rotate(3deg);opacity:.9}}
.atmosphere[data-paused] .ambient-haze,.atmosphere[data-paused] .ambient-rays{animation-play-state:paused}
@media(max-width:640px){.ambient-light{background:radial-gradient(ellipse at 110% 4%,#a881424d,transparent 54%),radial-gradient(ellipse at -15% 63%,#29717f55,transparent 59%),linear-gradient(160deg,#07131c00,#020a12a6)}.ambient-haze{filter:blur(18px);opacity:.6}.ambient-rays{opacity:.5;filter:blur(6px)}.atmosphere::after{background:linear-gradient(90deg,#04101933,#04101988 48%,#04101933),linear-gradient(0deg,#020a1244,transparent)}}
@media(prefers-reduced-motion:reduce){.atmosphere>div{animation:none!important;transition:none!important;will-change:auto;transform:none!important}.ambient-rays{opacity:.6}}
@media print{.atmosphere{display:none}}