.reader{overflow-x:hidden}
.resume-reading{display:block;background:none;border:0;border-bottom:1px solid #85927650;color:#c1cbb5;font:400 .68rem/1.6 var(--mono);padding:14px 0;text-align:left;min-height:44px;margin-top:12px}
.resume-reading:hover{color:var(--light);border-color:var(--light)}
.reader-atmosphere{transition:transform 1.2s cubic-bezier(.18,.7,.2,1);inset:0}
.page-reflection{position:absolute;inset:5% -12% -15%;background-image:var(--page-reflection);background-size:cover;background-position:center;filter:blur(70px) saturate(.75);opacity:.17;mask-image:radial-gradient(ellipse,transparent 23%,#000 90%);transition:background-image 1.2s}
.reader-view{position:relative;isolation:isolate}
.reader-view::before{content:none}
/* One continuous light field; both columns share its coordinate system. */
.reader-main{isolation:isolate}
.reader-main::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 58% 74% at var(--light-x,50%) var(--light-y,40%),color-mix(in srgb,var(--page-light,var(--aura)) 19%,transparent),transparent 78%),radial-gradient(ellipse 85% 100% at var(--light-x,50%) var(--light-y,40%),color-mix(in srgb,var(--aura) 6%,transparent),transparent 85%)}
.reading-progress{position:absolute;bottom:-1px;left:0;height:2px;width:var(--reading-progress,12.5%);background:var(--page-light,var(--aura));box-shadow:0 0 12px color-mix(in srgb,var(--page-light,var(--aura)) 35%,transparent);transition:width .65s cubic-bezier(.2,.7,.2,1),background 1s;pointer-events:none}
.reader-help{margin-top:20px;padding-top:18px}
/* Leave room for all navigation controls without shrinking the artwork on phones. */
@media(min-width:761px){.reader-view{padding-top:18px;padding-bottom:16px}.page-image{max-height:min(53dvh,620px)}.reader-info{padding-top:28px}.atmosphere-signature{margin-bottom:24px}.reader-thumbs{padding-top:10px;margin-top:10px}.reader-tools{margin-top:8px}}
html[data-motion=paused] .reader[open],body[data-intensity="0"] .reader[open]{animation:none!important;opacity:1;transform:none}
html[data-motion=paused] .reader-atmosphere,body[data-intensity="0"] .reader-atmosphere{transform:none!important}
.resume-reading[hidden]{display:none}
@media(max-width:760px){.collection-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;align-items:start}.collection-side .resume-reading{grid-column:1/-1;width:100%;margin-top:0;padding-block:10px}.collection-side .funk-controls{justify-self:end}}
@media(max-width:760px){.page-reflection{filter:blur(40px);opacity:.12}.resume-reading{font-size:.67rem}.reader-tools button,.reader-tools a{font-size:.65rem}.reader-label{font-size:.6rem}.reader .page-counter{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.reader-atmosphere{transform:none!important}.reading-progress,.reader-atmosphere,.page-reflection{transition:none!important}}