.chapter-page{--read:#24d7a1;--reading:#ff426d;--available:#9ee9ff;--unwritten:#527769;--chapter-accent:var(--available);color:#e5e8ee;background:#060913;min-height:100svh}html:has(.chapter-page){scroll-behavior:auto}.chapter-page button,.chapter-page a{-webkit-tap-highlight-color:transparent}.chapter-page button{cursor:pointer;color:inherit}.chapter-page button:disabled{cursor:default;opacity:.35}.chapter-page [hidden]{display:none!important}.chapter-page :focus-visible{outline-offset:5px;outline:2px solid #c0edff}.chapter-topbar{z-index:20;padding:max(22px, env(safe-area-inset-top)) 30px 28px;pointer-events:none;background:linear-gradient(#060913f5 55%,#06091300);grid-template-columns:1fr 1.3fr 1fr;align-items:start;gap:20px;display:grid;position:fixed;inset:0 0 auto}.chapter-topbar>*{pointer-events:auto}.chapter-back{text-transform:uppercase;letter-spacing:.12em;color:#b9c4d5;background:#1115227a;border:1px solid #b1c5e11a;border-radius:30px;align-items:center;gap:12px;width:fit-content;min-height:44px;padding:0 16px;font-size:10px;display:flex}.chapter-back>span:first-child{font-size:20px}.chapter-heading{text-align:center}.chapter-heading p{letter-spacing:.28em;text-transform:uppercase;color:#8cb9c7;margin:1px 0 9px;font-size:9px}.chapter-heading h1{color:#d2eaf4;letter-spacing:.15em;margin:0;font:400 clamp(22px,2.3vw,32px)/1.15 Georgia,serif}.chapter-heading>span{color:#78a8b9;margin-top:9px;font:italic 12px/1.4 Georgia,serif;display:block}.chapter-progress{background:#06131bba;border:1px solid #83d9d81a;border-radius:26px;justify-self:end;min-width:162px;padding:13px 18px}.chapter-progress>span{color:#9aaabc;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:9px;display:block}.chapter-progress strong{color:#c8e4e9;font-size:11px;font-weight:500}.chapter-progress>div{background:#8bcfc51c;height:2px;margin-top:8px}.chapter-progress i{background:var(--read);height:100%;transform:scaleX(var(--read-progress,0));transform-origin:0;display:block}.chapter-atmosphere{pointer-events:none;background:radial-gradient(at 48% 20%,#00354622,#0000 60%),radial-gradient(at 10% 70%,#28102a25,#0000 55%),#060913;position:fixed;inset:0}.chapter-atmosphere:after{content:"";opacity:.36;background-image:radial-gradient(circle,#649ebb 1px,#0000 1.4px),radial-gradient(circle,#9579b4 .8px,#0000 1.2px);background-position:14px 24px,55px 61px;background-size:91px 89px,133px 127px;position:absolute;inset:0}.chapter-stage{pointer-events:none;display:none;position:fixed;inset:0}.chapter-stage canvas{width:100%;height:100%;display:block}.chapter-page[data-scene] .chapter-stage{display:block}.chapter-intro{z-index:2;pointer-events:none;width:min(300px,30vw);transition:opacity .4s;position:fixed;top:25%;right:7vw}.chapter-kicker{letter-spacing:.15em;text-transform:uppercase;color:#93c1d0;font:10px/1.8 Georgia,serif}.chapter-intro>p{color:#9dabbf;font:italic 18px/1.7 Georgia,serif}.chapter-intro>small{color:#929eaf;font-size:10px;line-height:1.8;display:block}.chapter-page[data-focused] .chapter-intro,.chapter-page[data-travelled] .chapter-intro{opacity:0}.chapter-scroll-space{display:none}.chapter-page[data-scene] .chapter-scroll-space{height:var(--scroll-height,100vh);display:block}.chapter-beacons{z-index:3;pointer-events:none;display:none;position:fixed;inset:0}.chapter-page[data-scene] .chapter-beacons{display:block}.chapter-beacon{--state-color:var(--unwritten);text-align:left;transform-origin:32px 32px;pointer-events:auto;will-change:transform;background:0 0;border:0;align-items:center;gap:23px;padding:0;display:flex;position:absolute;top:0;left:0}[data-state=read]{--state-color:var(--read)}[data-state=reading]{--state-color:var(--reading)}[data-state=available]{--state-color:var(--available)}.beacon-disc{border:1px solid var(--state-color);background:color-mix(in srgb, var(--state-color) 10%, #070b14 90%);width:64px;height:64px;color:var(--state-color);box-shadow:0 0 24px color-mix(in srgb, var(--state-color) 25%, transparent);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.beacon-numeral{font:400 23px Georgia,serif}.beacon-copy{gap:9px;width:225px;display:grid}.beacon-copy small{text-transform:uppercase;letter-spacing:.1em;color:var(--state-color);font:9px Georgia,serif}.beacon-copy strong{color:#e4e5ed;font:400 19px/1.2 Georgia,serif}.beacon-copy>span{color:#a2afc2;font-size:10px}.beacon-check{color:#031c13;background:var(--read);border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:none;position:absolute;bottom:-3px;right:-6px}[data-state=read] .beacon-check{display:grid}[data-state=unwritten] .beacon-disc{box-shadow:none;background:#101e1a;border-style:dashed}[data-state=unwritten] .beacon-copy strong{color:#a0b4ac}[data-state=unwritten] .beacon-copy small{color:#8ea99c}.beacon-rings,.beacon-rings:after{border:1px solid var(--reading);pointer-events:none;border-radius:50%;animation:3s ease-out infinite chapter-pulse;display:none;position:absolute;inset:-1px}.beacon-rings:after{content:"";animation-delay:-1.5s}[data-state=reading] .beacon-rings,[data-state=reading] .beacon-rings:after{display:block}.chapter-beacon[aria-pressed=true] .beacon-disc{box-shadow:0 0 34px color-mix(in srgb, var(--state-color) 35%, transparent);border-width:2px}.chapter-detail{z-index:12;backdrop-filter:blur(18px);background:#080d19ed;border:1px solid #c0cbec20;border-radius:18px;width:min(370px,38vw);max-height:calc(100svh - 250px);padding:27px;position:fixed;bottom:108px;right:30px;overflow-y:auto;box-shadow:0 18px 70px #0005}.chapter-detail>.chapter-kicker{color:var(--chapter-accent);margin:0 32px 8px 0}.chapter-detail h2{color:#f2eaf0;margin:0 24px 19px 0;font:400 25px/1.25 Georgia,serif}.chapter-dismiss{background:0 0;border:0;width:44px;height:44px;font:24px Arial,sans-serif;position:absolute;top:12px;right:9px;color:#a9b4c5!important}.chapter-meta{border-top:1px solid #ffffff0c;gap:8px;padding-top:16px;display:flex}.chapter-meta span{color:#b4bfd0;background:#ffffff04;border:1px solid #b2c2df18;border-radius:20px;padding:5px 9px;font-size:10px}.excerpt-label{text-transform:uppercase;color:#9aaabc;letter-spacing:.12em;margin:24px 0 10px;font-size:9px}.chapter-excerpt{border-left:2px solid var(--chapter-accent);color:#bbc4d3;margin:0 0 24px;padding-left:14px;font:italic 14px/1.8 Georgia,serif}.chapter-read{border:1px solid color-mix(in srgb, var(--chapter-accent) 55%, transparent);background:color-mix(in srgb, var(--chapter-accent) 15%, #10121f);color:#e7e5f0;border-radius:9px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 15px;font:12px Georgia,serif;display:flex}.chapter-read[aria-disabled=true]{color:#aeb8c7;cursor:default;background:#121824;border-color:#8294a92e}.chapter-mark{background:#24d7a117;border:0;border-radius:8px;width:100%;min-height:44px;margin-top:12px}.chapter-navigation{z-index:15;bottom:max(24px, env(safe-area-inset-bottom));backdrop-filter:blur(16px);white-space:nowrap;background:#080e1bef;border:1px solid #a2b5d521;border-radius:36px;align-items:center;gap:6px;padding:6px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0005}.chapter-navigation button{background:0 0;border:0;border-radius:24px;min-width:44px;min-height:44px;padding:0 12px;font-size:11px}.chapter-navigation button:hover:not(:disabled),.chapter-utilities button:hover{background:#9ee9ff12}.chapter-position{text-align:center;color:#9dc3d1;min-width:94px;font-size:10px}.chapter-navigation .chapter-prev,.chapter-navigation .chapter-next{font-size:21px}.navigation-divider{background:#c0d0e520;width:1px;height:18px}.chapter-current{color:#7bcbd5!important}.chapter-utilities{z-index:16;display:grid;position:fixed;bottom:28px;left:25px}.chapter-utilities button{color:#99abbd;background:#070d18ad;border:0;border-radius:8px;min-height:44px;padding:0 12px;font-size:10px}.chapter-list{z-index:4;width:min(720px,100%);margin:0 auto;padding:190px 24px 420px;position:relative}.chapter-list h2{font:400 32px Georgia,serif}.chapter-list-help{color:#a4b2c4;font-size:14px}.chapter-list ol{padding:0;list-style:none}.chapter-list li{margin:14px 0}.chapter-list li button{text-align:left;background:#0c1422;border:1px solid #96cdd522;border-radius:12px;align-items:center;gap:20px;width:100%;padding:20px;display:flex}.chapter-list li strong{flex:1;font:18px Georgia,serif}.chapter-list li small{color:#abc4cd}.chapter-page[data-list] .chapter-stage,.chapter-page[data-list] .chapter-beacons,.chapter-page[data-list] .chapter-scroll-space,.chapter-page[data-list] .chapter-intro{display:none}.chapter-announcement,.chapter-skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.chapter-skip:focus{z-index:40;background:#132334;padding:15px;position:fixed;top:100px;left:24px}.chapter-page[data-paused] .beacon-rings,.chapter-page[data-paused] .beacon-rings:after{animation-play-state:paused}@keyframes chapter-pulse{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media (width<=700px){.chapter-topbar{padding:max(14px, env(safe-area-inset-top)) 14px 24px;grid-template-columns:44px 1fr 94px;gap:8px}.chapter-back{justify-content:center;width:44px;padding:0}.chapter-back>span+span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.chapter-heading p{letter-spacing:.12em;margin-top:4px;font-size:8px}.chapter-heading h1{letter-spacing:.04em;font-size:20px}.chapter-heading>span{font-size:10px}.chapter-progress{border-radius:15px;min-width:0;padding:10px}.chapter-progress>span{font-size:8px}.chapter-progress strong{font-size:9px;line-height:1.5;display:block}.chapter-intro{width:calc(100% - 48px);top:163px;left:24px;right:auto}.chapter-intro .chapter-kicker{display:none}.chapter-intro>p{margin:0 0 6px;font-size:13px}.chapter-intro>p br{display:none}.chapter-intro>small{font-size:9px}.chapter-detail{width:auto;max-height:min(290px,40svh);padding:18px 20px;bottom:85px;left:12px;right:12px}.chapter-detail h2{margin-bottom:12px;font-size:22px}.chapter-meta{padding-top:10px}.excerpt-label{margin-top:14px}.chapter-excerpt{margin-bottom:14px;font-size:12px;line-height:1.5}.chapter-navigation{bottom:max(15px, env(safe-area-inset-bottom));gap:0;max-width:calc(100% - 20px);padding:4px}.chapter-navigation button{padding:0 8px;font-size:10px}.chapter-position{min-width:65px;font-size:9px}.chapter-current{display:none}.chapter-utilities{display:flex;inset:110px 8px auto auto}.chapter-utilities button{padding:0 8px;font-size:9px}.beacon-copy{gap:7px;width:170px}.beacon-copy strong{font-size:17px}.beacon-copy small{font-size:8px}.chapter-beacon{gap:15px}.chapter-list{padding-top:190px}}@media (height<=500px) and (width>=701px){.chapter-detail{max-height:calc(100svh - 180px);padding:16px;bottom:90px}.chapter-intro{top:30%}}@media (prefers-reduced-motion:reduce){.beacon-rings,.beacon-rings:after{animation:none}.chapter-intro{transition:none}}