:root{--page:#020203;--text:#cdced1;--muted:#97999f;--line:#25272c}
body{background:#020203;isolation:isolate}
.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 14% 7%,#111215 0,transparent 49%),radial-gradient(ellipse at 80% 70%,#0b0c0f 0,transparent 60%),#010102}
.atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(8,9,11,.3) 25%,rgba(8,9,11,.38) 64%,transparent),radial-gradient(ellipse at center,transparent 24%,#02030490 100%)}
.rain{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.stage-light{position:absolute;left:-25%;top:-25%;width:110%;height:145%;background:conic-gradient(from 142deg at 40% 0%,transparent 0deg,#c6d0de0b 10deg,#c6d0de12 15deg,transparent 29deg);transform-origin:40% 0;animation:light-drift 24s ease-in-out infinite alternate}
.haze{position:absolute;bottom:-15%;left:-20%;width:140%;height:52%;background:radial-gradient(ellipse at 18% 60%,#b3bac50e,transparent 46%),radial-gradient(ellipse at 75% 70%,#c0c7d412,transparent 48%);animation:haze-drift 28s ease-in-out infinite alternate}
.haze--far{bottom:30%;opacity:.45;animation-duration:37s;animation-direction:alternate-reverse}
.threads{position:absolute;inset:0;opacity:.15}
.threads i{position:absolute;top:-12%;width:1px;height:61%;background:linear-gradient(transparent,#aab1be80 38%,#aab1be20 96%,transparent);transform-origin:top;animation:thread-sway 12s ease-in-out infinite alternate}
.threads i:nth-child(1){left:5%;height:73%;animation-delay:-3s}.threads i:nth-child(2){left:11%;height:38%;animation-duration:17s}.threads i:nth-child(3){right:6%;height:82%;animation-delay:-7s}.threads i:nth-child(4){right:13%;height:47%;animation-duration:14s}
.wrap{position:relative;padding-top:52px}.masthead{padding-bottom:29px;margin-bottom:34px}.eyebrow{color:#a0a3ab;letter-spacing:.2em}.masthead h1{letter-spacing:-.02em}.description{color:#b3b6be;max-width:640px}
aside{background:linear-gradient(135deg,#111216ee,#07080aee);border-top-color:#41464f;box-shadow:0 16px 60px #0003}
.sidebar-meta{border-top-color:#34373e}nav a{position:relative;transition:color .2s}nav a[aria-current="location"]{color:#fff}nav a[aria-current="location"] span{color:#d8dce4}nav a[aria-current="location"]::before{content:"";position:absolute;left:-19px;top:7px;bottom:7px;width:2px;background:#c4c9d3}
.prose blockquote{background:linear-gradient(110deg,#202329b5,#14161b70);border-left-color:#9ba3b2}.dialogue{color:#e4e6eb}
figure{position:relative}.illustration{filter:drop-shadow(0 18px 22px #0005);animation:figure-breathe 9s ease-in-out infinite}
#chapter-01 .illustration{animation-duration:12s;animation-delay:-4s}#chapter-06 .illustration{transform-origin:50% 0;animation:horn-swing 7s ease-in-out infinite}#chapter-04 .illustration{animation-duration:14s;animation-delay:-6s}#chapter-05 .illustration{animation-duration:11s;animation-delay:-3s}
.motion-ready figure,.motion-ready .heading{transition:opacity 1.1s ease,translate 1.1s cubic-bezier(.2,.65,.3,1)}
.motion-ready .awaiting-reveal{opacity:0;translate:0 18px}.motion-ready .is-revealed{opacity:1;translate:0 0}
.motion-control{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:100%;margin-top:21px;border:1px solid #454b56;border-radius:2px;background:#171a20;color:#c5c9d2;font:12px Arial,Helvetica,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}.motion-control:hover{background:#262b34;border-color:#7b8494}.motion-control:focus-visible{outline:2px solid #e1e5ed;outline-offset:4px}.motion-control svg{width:12px;height:12px;fill:currentColor}.motion-control .play-icon{display:none}.is-paused .motion-control .play-icon{display:block}.is-paused .motion-control .pause-icon{display:none}
.reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:#b9c4d8;opacity:.6;z-index:5;pointer-events:none}
.motion-control[hidden]{display:none}.is-paused figure,.is-paused .heading{transition:none}
.is-paused .atmosphere *,.is-paused .illustration,.tab-hidden .atmosphere *,.tab-hidden .illustration{animation-play-state:paused!important}
html:not(.motion-enabled) .atmosphere *,html:not(.motion-enabled) .illustration{animation-play-state:paused}
@keyframes light-drift{from{transform:rotate(-4deg);opacity:.55}to{transform:rotate(6deg);opacity:1}}
@keyframes haze-drift{from{transform:translate3d(-4%,2%,0) scale(1)}to{transform:translate3d(5%,-3%,0) scale(1.08)}}
@keyframes thread-sway{from{transform:rotate(-1.8deg)}to{transform:rotate(1.8deg)}}
@keyframes figure-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes horn-swing{0%,100%{transform:rotate(-1.3deg)}50%{transform:rotate(1.3deg)}}
@media(max-width:850px){.wrap{padding-top:30px}.atmosphere::after{background:linear-gradient(90deg,#08090b20,#08090b65 50%,#08090b20),radial-gradient(ellipse at center,transparent,#02030455)}.threads{opacity:.21}.threads i:nth-child(2),.threads i:nth-child(4){display:none}.stage-light{left:-55%;width:175%}.haze{height:38%}aside{padding:15px 18px}.motion-control{width:auto;min-width:118px;margin-top:14px;padding:0 15px}nav a{min-height:32px;align-items:center}nav a[aria-current="location"]::before{left:-7px;top:8px;bottom:8px;width:1px}.masthead{margin-bottom:23px}.masthead h1{font-size:28px}.description{font-size:14px}.prose{line-height:1.75}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready figure,.motion-ready .heading{transition:none}.motion-ready .awaiting-reveal{opacity:1;translate:none}}