:root{--ink:#302b3e;--muted:#655e74;--gold:#77638f}
body{background:#d1c7df}header{background:linear-gradient(#eee9f3e8,#eee9f37a,transparent)}nav{background:#f7f5facf;border-color:#73658022;box-shadow:none}nav a{color:#665b76}nav a.active{background:#6d5b84}em,.eyebrow{color:#79618e}.scene-label{color:#655a76}.back-word{color:#78658d18}.primary{background:#6c587f;border:1px solid #6c587f;border-radius:8px;box-shadow:0 8px 24px #4a38531a}.primary:hover{background:#5a466d}.outline{border-radius:8px;background:#f6f3f8d9;color:#5f4c74;border-color:#9586a6}.hud,.navigation-hint{color:#756782}.hud button,.stage-navigation button{border-radius:8px;color:#6b5a7c;background:#f7f5f9d6;border-color:#87759433}.hud u{background:#8b729f}.copy:before{background:linear-gradient(transparent,#e8e1f0cb 35%,#eeE9f5f2)}.shade{background:linear-gradient(0deg,#eee8f4ea,#e7dfef50 26%,transparent 55%)}
.review-chapter{background:transparent}.reading-reviews #world{opacity:1}.reading-reviews .shade{opacity:.35}.ocean-stage .ocean-world{inset:115px 0 70px}.ocean-world:before{display:none}.ocean-stage .review-heading{top:0}.ocean-stage .review-heading h2{font-weight:500}.ocean-stage .sample-notice{color:#746b82}.ocean-note{border-radius:7px;background:#f8f7fadf;border:1px solid #fff9;box-shadow:0 10px 30px #45334e17;color:#453c54;backdrop-filter:blur(9px)}.tone-lavender{background:#eee9f5e8}.tone-neutral{background:#f8f7fae8}.ocean-note:hover{box-shadow:0 12px 35px #45334e28,0 0 0 1px #8a719b}.ocean-note-top{font-family:inherit;font-style:normal;font-size:9px;letter-spacing:1px;color:#7b6b8b}.ocean-note-bottom{color:#796d87;border-color:#8e7d9c22}.ocean-accents{display:none}.ocean-instruction,.ocean-controls{color:#6c607d}.ocean-controls small{color:#776b87}.ocean-controls button{border-radius:6px;background:#f6f3fad9;border-color:#9e8caf44;color:#6a567e}.ocean-detail{background:#f6f3f9;color:#45374f;border-color:#fff9;border-radius:12px}.ocean-detail h2,.ocean-detail blockquote{color:#4c3c5c}.ocean-detail-label,.ocean-detail .close{color:#776085!important}.ocean-detail-body{color:#695b75!important}.ocean-detail mark{color:#6c4f80;background:linear-gradient(transparent 72%,#ded2e8 72%)}.ocean-detail .review-point{background:#eae3f0;border-radius:6px}.ocean-detail::backdrop{background:#5d4c6866}.ocean-disclaimer{color:#7d6e89!important}
/* The last title crosses the threshold only once the physical doors have opened. */
#begin .copy{left:50%;right:auto;top:36%;bottom:auto;width:min(620px,88vw);max-width:620px;text-align:center;transform:translateX(-50%);perspective:900px;animation:none;visibility:hidden}
#begin .copy:before{display:none}#begin .copy>*{opacity:0;filter:blur(7px);transform:translateY(-30px) scale(.52);transform-origin:center top}#begin .copy h2{font-size:clamp(35px,4vw,58px);line-height:1.22;letter-spacing:-2px;font-weight:500;margin-bottom:22px;text-shadow:0 2px 24px #eee8f4}#begin .copy p:not(.eyebrow){font-size:15px;line-height:1.9;color:#655b72}#begin .copy .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:20px}#begin .primary{width:min(350px,100%);margin:14px auto 0;text-align:left}#begin small{display:block;color:#796d86;font-size:10px;margin-top:16px;line-height:1.6}.portal-ready #begin .copy,.fallback #begin .copy{visibility:visible}.portal-ready #begin .copy>*{animation:through-the-door 1.15s cubic-bezier(.18,.72,.2,1) both}.portal-ready #begin .copy h2{animation-delay:.09s}.portal-ready #begin .copy p:not(.eyebrow){animation-delay:.2s}.portal-ready #begin .copy button{animation-delay:.32s}.portal-ready #begin .copy small{animation-delay:.42s}.final-chapter .shade{background:radial-gradient(ellipse at 50% 60%,#eee8f4b3,transparent 68%),linear-gradient(0deg,#eee8f4,transparent 43%)}.fallback #begin .copy>*{opacity:1;filter:none;transform:none}
@keyframes through-the-door{from{opacity:0;filter:blur(7px);transform:translateY(-30px) scale(.52)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
@media(max-width:650px){header{background:linear-gradient(#eee9f3f2,#eee9f37a,transparent)}.copy:before{background:linear-gradient(transparent,#e8e1f0cb 35%,#eee9f5f2)}.ocean-stage .ocean-world{inset:115px 0 80px}.ocean-note{border-radius:7px}.ocean-stage .review-heading h2{font-size:27px}.ocean-stage .sample-notice{max-width:280px}.ocean-stage .sample-notice span{font-size:9px}.ocean-note-top{font-size:8px}.chapter#begin .copy{top:35%;left:50%;right:auto;bottom:auto;width:calc(100% - 44px)}#begin .copy h2{font-size:34px;letter-spacing:-1.6px;margin-bottom:18px}#begin .copy p:not(.eyebrow){font-size:13px}#begin .copy .eyebrow{margin-bottom:16px}#begin .primary{margin-top:8px}#begin small{font-size:8px;max-width:290px;margin:14px auto 0}}
@media(max-height:740px){.chapter#begin .copy{top:32%}#begin .copy .eyebrow{margin-bottom:12px}#begin .copy h2{font-size:30px!important;margin-bottom:12px}#begin .primary{min-height:46px;margin-top:0}#begin small{margin-top:10px}}
@media(prefers-reduced-motion:reduce){#begin .copy>*{animation:none!important;opacity:1;filter:none;transform:none}.portal-ready #begin .copy{visibility:visible}}
@media(max-width:650px){
 .ocean-note{width:144px;height:108px;padding:10px 11px;gap:6px;border-radius:6px;background:#f8f7faf2;box-shadow:0 7px 20px #45334e16}
 .ocean-note-top{font-size:8px;letter-spacing:.6px}
 .ocean-quote{font-size:12px;line-height:1.5;letter-spacing:-.25px;-webkit-line-clamp:2;max-height:36px}
 .ocean-note-bottom{font-size:8px;padding-top:5px}
 .ocean-note-tag{display:none}
 .ocean-stage .review-heading h2{font-size:25px}
 .ocean-instruction{max-width:260px;font-size:10px}
 .ocean-controls button{min-width:44px;min-height:44px}
 .ocean-detail blockquote{font-size:24px;line-height:1.55}
 .ocean-detail .close{min-width:44px;min-height:44px}
}

.final-chapter .shade{background:radial-gradient(ellipse at 50% 60%,#eee8f444,transparent 68%),linear-gradient(0deg,#eee8f4dd,transparent 43%)}