:root{--ink:#493043;--muted:#6b4f66;--gold:#96577f}
body{background:#eddae9}header{background:linear-gradient(#f7eaf4ed,#f4e5f19c,transparent)}nav{background:#fff8fbd6;border-color:#caa5bf55;box-shadow:0 5px 28px #a16f9312}nav a{color:#6c4a67}nav a.active{background:#9a608e;color:#fff}
.primary{background:linear-gradient(115deg,#9c608f,#b97499);border-color:#a96a94;border-radius:30px;box-shadow:0 10px 25px #a4688d2b}.primary:hover{background:#a5618f}.outline{border-radius:25px;border-color:#be92b0;background:#fff6facc;color:#885277}em{color:#a3618b}.eyebrow{color:#96577f}.back-word{color:#bc8db729}.copy:before{background:linear-gradient(transparent,#f1e2eecb 30%,#faedf5f2)}.shade{background:linear-gradient(0deg,#f7e8f2ee,#f2e1ee75 28%,transparent 61%)}.hud button,.stage-navigation button{border-radius:20px;border-color:#c399b755;background:#fff7fbd4;color:#8a577d}.hud{color:#8c6082}.hud u{background:#b67a9f}.navigation-hint{color:#9b6b8b}.scene-label{color:#8a6882}h1,h2{text-wrap:balance}
.review-chapter{background:radial-gradient(ellipse at 18% 35%,#ffe4e9aa,transparent 55%),radial-gradient(ellipse at 80% 70%,#e1d2f5aa,transparent 50%),linear-gradient(145deg,#f9e9f2,#f5eaf6 40%,#fff4e9);overflow:hidden!important}
.ocean-stage{position:absolute;top:125px;left:0;right:0;bottom:80px;height:auto;max-height:none;min-height:0}
.ocean-stage .review-heading{position:absolute;top:0;left:5vw;width:90vw;max-width:none;pointer-events:none;z-index:1200}.ocean-stage .review-heading h2{font-size:clamp(30px,3.2vw,48px);line-height:1.18;margin:0 0 12px;letter-spacing:-2px}.ocean-stage .review-heading>.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:12px}.ocean-stage .review-heading>p:not(.eyebrow),.ocean-stage .review-next{display:none}.ocean-stage .sample-notice{position:absolute;right:0;top:12px;max-width:300px;border:0;padding:0;margin:0;color:#92768c}.ocean-stage .sample-notice b{font-size:10px}.ocean-stage .sample-notice span{font-size:10px;line-height:1.7}.ocean-stage .sample-notice br{display:none}
.ocean-stage .ocean-world{position:absolute;inset:145px 0 70px;width:100%;height:auto;min-height:240px;padding:0;perspective:none;isolation:isolate;overflow:visible;touch-action:pan-x pinch-zoom}.ocean-world:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#fff5f000,#f6eaf244 85%);pointer-events:none;z-index:1100}.ocean-world:after{display:none}.ocean-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.ocean-note{position:absolute;left:0;top:0;width:215px;height:158px;border:1px solid #fffcffe6;border-radius:14px 19px 16px 18px;transform-origin:center center;box-shadow:0 16px 34px #99648124,0 2px 5px #9c6a8f0a;padding:16px 18px;text-align:left;cursor:pointer;color:#68465e;display:flex;flex-direction:column;gap:11px;background:#fff9fa;will-change:transform,opacity;transition:box-shadow .2s}
.ocean-note:hover{box-shadow:0 20px 50px #a0638d45,0 0 0 2px #d7a1bf88}.ocean-note:focus-visible{outline:3px solid #a85a89;outline-offset:4px;box-shadow:0 15px 35px #a46a9350}.tone-rose{background:linear-gradient(135deg,#fff9f9,#ffe8ed)}.tone-lavender{background:linear-gradient(140deg,#fffaff,#ede2fb)}.tone-cream{background:linear-gradient(145deg,#fffdf7,#fff0d9)}.tone-peach{background:linear-gradient(135deg,#fffafa,#ffe4da)}
.ocean-note-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-family:Georgia,serif;font-style:italic;color:#b77b9b;letter-spacing:.3px}.note-heart{font-size:23px;line-height:1;transform:rotate(-12deg);font-style:normal}.ocean-quote{font-size:15px;font-weight:500;line-height:1.55;letter-spacing:-.4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.ocean-note-bottom{border-top:1px solid #b687a229;padding-top:8px;display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#a98098}.ocean-note-tag{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ocean-accents{position:absolute;inset:0;pointer-events:none;z-index:0;color:#d7a1bc}.ocean-accents>span{position:absolute;font-family:Georgia,serif;font-size:40px;font-weight:400;opacity:.45}.ocean-accents>span:nth-child(1){left:10%;top:7%;transform:rotate(-16deg)}.ocean-accents>span:nth-child(2){right:12%;top:20%;font-size:27px}.ocean-accents>span:nth-child(3){left:70%;bottom:8%;font-size:29px;transform:rotate(15deg)}.ocean-accents svg{position:absolute;left:14%;bottom:0;width:70%;height:120px;fill:none;stroke:#c893b1;stroke-width:1;opacity:.35}
.ocean-instruction{position:absolute;left:5vw;bottom:35px;z-index:1200;font-size:12px;line-height:1.7;color:#a07994;pointer-events:none;margin:0}.ocean-controls{position:absolute;left:5vw;right:5vw;bottom:0;display:flex;align-items:center;gap:15px;z-index:1200;font-size:11px;color:#9d708f}.ocean-controls>div{display:flex;gap:5px}.ocean-controls button{width:40px;height:36px;background:#fff6fbcc;border:1px solid #d2a4c266;border-radius:20px;font-size:18px;color:#986185}.ocean-controls button:hover{background:#ffe9f2}.ocean-controls small{font-size:10px;color:#ab8d9e;margin:0 0 0 auto}
.reading-reviews #world{opacity:0}.reading-reviews .shade{opacity:0}
.ocean-detail{width:min(520px,calc(100% - 32px));background:linear-gradient(145deg,#fff9fc,#f9eff8);border:1px solid #fff;border-radius:22px;padding:45px 32px 30px;color:#65425c;box-shadow:0 30px 100px #86557950}.ocean-detail::backdrop{background:#9a779e66;backdrop-filter:blur(15px)}.ocean-detail-label{font-size:10px!important;color:#b580a0!important;letter-spacing:1px}.ocean-detail h2{font-size:20px;margin-bottom:24px;color:#986184}.ocean-detail blockquote{font-size:29px;line-height:1.5;margin:0 0 25px;color:#70465f;letter-spacing:-1px}.ocean-detail mark{color:#a15b87;background:linear-gradient(transparent 70%,#f5d9e9 70%)}.ocean-detail-body{font-size:15px!important;line-height:1.95;color:#88697e!important}.ocean-detail .review-point{background:#f3e1ed;border-radius:12px}.ocean-disclaimer{font-size:11px!important;color:#a18498!important;line-height:1.8}.ocean-detail .close{color:#a57496}
@media(max-width:650px){header{background:linear-gradient(#f5e7f3f5,#f5e7f3ae,transparent)}.ocean-stage{top:140px;bottom:77px}.ocean-stage .review-heading{left:22px;right:22px;width:auto;top:0}.ocean-stage .review-heading h2{font-size:29px;line-height:1.2;margin-bottom:10px;letter-spacing:-1.5px}.ocean-stage .review-heading>.eyebrow{font-size:8px;margin-bottom:10px}.ocean-stage .sample-notice{position:static;max-width:none}.ocean-stage .sample-notice b{display:none}.ocean-stage .sample-notice span{font-size:9px;line-height:1.65}.ocean-stage .ocean-world{inset:155px 0 80px;min-height:220px}.ocean-note{width:180px;height:132px;padding:13px 14px;gap:8px;border-radius:12px 16px 14px 15px}.ocean-note-top{font-size:9px}.note-heart{font-size:20px}.ocean-quote{font-size:13px;line-height:1.5}.ocean-note-bottom{font-size:7px;padding-top:7px}.ocean-note-tag{max-width:85px}.ocean-instruction{left:22px;right:22px;bottom:45px;font-size:10px;line-height:1.7}.ocean-controls{left:22px;right:22px;bottom:0;gap:9px;font-size:10px}.ocean-controls small{font-size:8px}.ocean-controls button{width:35px;height:35px}.ocean-detail{padding:43px 24px 25px}.ocean-detail blockquote{font-size:25px}.ocean-detail-body{font-size:14px!important}.copy:before{background:linear-gradient(transparent,#f3e4f1cb 30%,#faedf5f2)}.shade{background:linear-gradient(0deg,#f7e8f2ee,#f2e1ee75 28%,transparent 61%)}}
@media(max-height:740px) and (max-width:650px){.ocean-stage{top:130px;bottom:70px}.ocean-stage .review-heading h2{font-size:24px!important}.ocean-stage .ocean-world{inset:130px 0 70px;min-height:170px}.ocean-instruction{font-size:9px;bottom:41px}}
@media(prefers-reduced-motion:reduce){.ocean-note{will-change:auto;transition:none}.ocean-world,.ocean-note,.ocean-accents{animation:none!important}}
.skip-link{position:fixed;left:14px;top:10px;z-index:9999;transform:translateY(-150%);padding:12px 18px;border-radius:15px;background:#fff7fb;color:#855074;box-shadow:0 5px 20px #86557930;font-size:14px}.skip-link:focus{transform:none}.ocean-controls button:focus-visible{outline:2px solid #a85a89;outline-offset:3px}
.reading-reviews .navigation-hint{display:none}