/* Water becomes the surface beneath the books, not a separate decorative card. */
.index #my-books.floating-library{position:relative;isolation:isolate;overflow:hidden;background:#072f39;color:#e6ece7;border:1px solid #6da9ae45;padding:55px 35px 32px;--ink:#eff3e8;--muted:#b9d0cf;--blue:#b9edee;--line:#b1d8d533}
.reading-water{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.84;pointer-events:none}.floating-library::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#082732ed,transparent 35%,#092b34bb 85%)}
.floating-library .signature-heading h2{color:#f0f2df}.floating-library .signature-heading>p,.floating-library .signature-shelf-footer p{color:#bad1cd}.floating-library .section-label{color:#a6d6d9}.floating-library .shelf-controls button{color:#c6e0db;border-color:#8eccc244}.floating-library .shelf-controls button[aria-pressed=true]{background:#c6e0d9;color:#173c42}
.floating-library .signature-shelf{gap:30px;perspective:1200px;align-items:start;padding:15px 10px 0}.floating-library .signature-book{text-decoration:none;position:relative;outline-offset:7px}.floating-library .book-float{height:300px;position:relative;perspective:850px;animation:bookDrift 7s ease-in-out infinite;animation-delay:var(--book-delay);animation-play-state:paused}
.floating-library.is-reading-visible .book-float{animation-play-state:running}.floating-library .signature-cover{min-height:0;height:255px;aspect-ratio:auto;overflow:visible;transform:rotateX(48deg) rotateZ(var(--book-angle));transform-origin:50% 72%;border-left:7px solid #ffffff22;border-radius:2px 6px 6px 2px;box-shadow:1px 2px #b4b9ad,2px 4px #e0dfcd,3px 6px #8baca9,4px 9px #d3d6c6,6px 13px 3px #071f2699,14px 27px 15px #031c25b3;transition:transform .5s,box-shadow .5s}
.floating-library .signature-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,#fff2,transparent 15%,transparent 93%,#0003);border:1px solid #fff3;pointer-events:none}.floating-library .cover-symbol{font-size:90px;overflow:hidden}.floating-library .signature-cover h3{font-size:28px;line-height:1.5;margin:22px 0 12px}.floating-library .cover-author{font-size:12px}.floating-library .cover-number{font-size:10px}
.floating-library .signature-book:nth-child(even){padding-top:38px}.floating-library .signature-book:hover .signature-cover,.floating-library .signature-book:focus-visible .signature-cover{transform:translateY(-12px) rotateX(28deg) rotateZ(0deg);box-shadow:3px 9px #d4d9ce,12px 35px 24px #041d25bd}.floating-library .signature-book:hover .book-float,.floating-library .signature-book:focus-visible .book-float{animation-play-state:paused}
.book-ripple{position:absolute;left:-22%;right:-22%;height:110px;top:145px;border:1px solid #aff7f14d;border-radius:50%;box-shadow:0 0 0 13px #b6ebea07,0 0 0 28px #c4f3ee0a,0 0 0 43px #9acbd808;transform:rotate(var(--book-angle));pointer-events:none}.book-ripple::after{content:'';position:absolute;inset:12%;border:1px solid #e0fff833;border-radius:50%;animation:bookRipple 4s ease-out infinite;animation-delay:var(--book-delay)}
.floating-library .signature-book-caption{padding:0 5px 0;position:relative}.floating-library .signature-book-caption>span{font-size:11px;color:#a1c5c8}.floating-library .signature-book-caption p{font-size:13px;color:#e4eeea}.floating-library .signature-book-caption b{color:#b9eef0;display:inline-block;padding-bottom:5px;border-bottom:1px solid #a0dfdf80}.floating-library .signature-shelf-footer{position:relative}.floating-library .text-link{color:#daf2e7}
@keyframes bookDrift{0%,100%{transform:translate3d(-5px,0,0) rotate(-1deg)}50%{transform:translate3d(7px,-13px,0) rotate(1.8deg)}}@keyframes bookRipple{0%{transform:scale(.7);opacity:0}30%{opacity:.8}100%{transform:scale(1.4);opacity:0}}
.orbit-particles{position:absolute;left:0;top:0;width:100%;z-index:0;pointer-events:none}.photo-sphere{z-index:1}.index .orbit-aura{background:radial-gradient(ellipse,#70c9ed1f,transparent 67%);border-color:#80c5e73d;box-shadow:0 0 60px #2d83ab16,inset 0 0 70px #2d83ab1f}.index .sphere-photo{border-color:#abcde3;box-shadow:0 12px 26px #0009,0 0 17px #77c4f255}.index .sphere-photo:nth-child(3n){border-color:#d6c19c;box-shadow:0 12px 26px #0009,0 0 19px #ddb47144}.index .sphere-photo:hover{box-shadow:0 0 0 2px #d7eeff,0 0 45px #82c9ff99,0 18px 35px #000a}
@media(max-width:1100px){.floating-library .signature-shelf{gap:20px}.floating-library .signature-cover{height:230px;padding:16px 10px}.floating-library .signature-cover h3{font-size:23px}.floating-library .book-float{height:265px}}
@media(max-width:760px){.index #my-books.floating-library{padding:32px 18px}.floating-library .signature-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 22px;padding:0 5px}.floating-library .signature-cover{height:215px;padding:15px 12px}.floating-library .signature-cover h3{font-size:24px}.floating-library .book-float{height:245px}.floating-library .signature-book:nth-child(even){padding-top:30px}.floating-library .signature-book:last-child{grid-column:1/-1;width:46%;justify-self:center}.book-ripple{top:135px;height:85px}.floating-library .signature-book-caption>span{font-size:10px}.floating-library .signature-book-caption p{font-size:12px}}
@media(max-width:380px){.floating-library .signature-cover{height:195px;padding:13px 9px}.floating-library .signature-cover h3{font-size:22px}.floating-library .book-float{height:220px}.floating-library .cover-number{font-size:8px}.floating-library .cover-author{font-size:10px}.book-ripple{top:115px}}
[data-motion=off] .floating-library .book-float,[data-motion=off] .book-ripple::after{animation:none!important}[data-motion=off] .orbit-particles{display:none}
@media(prefers-reduced-motion:reduce){.floating-library .book-float,.book-ripple::after{animation:none!important}.orbit-particles{display:none}.floating-library .signature-cover{transition:none}}
.floating-library .book-ripple::after{animation-play-state:paused}.floating-library.is-reading-visible .book-ripple::after{animation-play-state:running}.effects-hidden .book-float,.effects-hidden .book-ripple::after{animation-play-state:paused!important}
/* Buoyancy replaces airborne bobbing; contact reflections stay close to the water. */
.index #my-books.floating-library{background:#092e3a}.floating-library .reading-water{opacity:.8}.floating-library::before{background:linear-gradient(#092d38d9,transparent 35%,#092d38a6 92%)}
.floating-library .book-float{animation:none!important;transform:translate3d(var(--drift,0px),var(--current-y,0px),0) rotate(var(--current-turn,0deg)) scale(var(--book-scale,1));perspective:1000px;will-change:transform}
.floating-library .signature-cover:not(.book-reflection){transform:translateY(var(--heave,0px)) rotateX(calc(55deg + var(--water-pitch,0deg))) rotateZ(calc(var(--book-angle) + var(--water-roll,0deg)));box-shadow:1px 2px #bec6b7,2px 4px #e0dfcd,3px 6px #708e89,4px 8px #d3d6c6,4px 10px 2px #031b27b3,6px 14px 7px #031b2780;transition:box-shadow .4s,filter .4s}
.floating-library .signature-book:hover .signature-cover:not(.book-reflection),.floating-library .signature-book:focus-visible .signature-cover:not(.book-reflection){filter:brightness(1.06);box-shadow:1px 2px #bec6b7,2px 4px #e0dfcd,3px 6px #708e89,4px 8px #d3d6c6,4px 10px 2px #031b27b3,0 0 22px #a0d7d02b}
.floating-library .book-reflection{position:absolute;top:250px;left:0;width:100%;transform-origin:50% 0;transform:translateY(var(--heave,0px)) scaleY(-.24) skewX(-8deg) rotateZ(var(--book-angle));opacity:.16;filter:blur(2px);mask-image:linear-gradient(transparent,#000 40%,transparent);box-shadow:none;pointer-events:none}
.floating-library .book-ripple{left:-10%;right:-10%;top:150px;height:83px;border-color:#beeee12d;box-shadow:0 0 0 10px #b6ebea05,0 0 0 21px #c4f3ee07;transform:translateY(calc(var(--heave,0px)*.2)) rotate(var(--book-angle))}.floating-library .book-ripple::after{animation:none;transform:scale(1.18);border-color:#d2f6f028}
.index .water-memories{display:grid!important;grid-template-columns:minmax(200px,.43fr) minmax(0,1.57fr);gap:36px;align-items:center;padding:45px 0 35px}
.water-memories .orbit-intro{display:block;margin:0}.water-memories .orbit-intro h2{font-size:clamp(30px,3.4vw,45px);margin:22px 0}.water-memories .orbit-intro>p:not(.section-label){font-size:14px;line-height:2}.water-memories .orbit-intro>.glow-link{margin-top:20px;display:inline-flex}.water-memories .memory-orbit{width:100%;max-width:880px;margin:0;isolation:isolate;grid-area:auto}.water-memories .orbit-aura,.water-memories .orbit-particles{display:none}
.water-memories .photo-sphere.is-flow-field{height:480px;aspect-ratio:auto;border:0;border-radius:48%;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse,#133b48c9,transparent 70%);touch-action:pan-y;mask-image:radial-gradient(ellipse,#000 58%,#000b 72%,transparent 88%)}
.memory-water{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.82;mask-image:radial-gradient(ellipse,#000 45%,transparent 72%)}
.water-memories .sphere-photo{width:var(--flow-card-width,110px);height:auto;aspect-ratio:4/5;padding:3px 3px 10px;border:1px solid #cce5dfb0;border-radius:2px;background:#dce5dc;box-shadow:1px 3px 2px #00131ac9,4px 7px 8px #02172480;transition:box-shadow .2s;transform-origin:center;overflow:visible}.water-memories .sphere-photo img{border-radius:0;object-fit:cover}
.water-memories .sphere-photo::after{content:'';position:absolute;inset:25% -14% -7%;border-bottom:1px solid #c0eee38c;border-radius:48%;z-index:-1;pointer-events:none;box-shadow:0 7px 0 -6px #badfde40,0 14px 0 -13px #a7d5d740;transform:skewX(-12deg)}
.water-memories .sphere-photo:hover,.water-memories .sphere-photo:focus-visible{box-shadow:0 0 0 2px #e3f4eb,0 6px 16px #001622aa}.water-memories .sphere-caption{padding:12px 8px;color:#b7d5dc}
@media(max-width:760px){.index .water-memories{display:block!important;padding:32px 0}.water-memories .orbit-intro{margin-bottom:12px}.water-memories .orbit-intro h2{margin:12px 0}.water-memories .photo-sphere.is-flow-field{height:350px}.water-memories .memory-orbit{margin:auto}.water-memories .orbit-intro>.glow-link{margin-top:8px}}
.float-island{translate:0 var(--island-y,0px);rotate:var(--island-roll,0deg);box-shadow:0 12px 20px #0314212e,0 2px 0 #a6c8c326;border-bottom:1px solid #98bec64a}.float-island:hover,.float-island:focus-within{rotate:0deg}
.poster-breeze{position:absolute;inset:0;width:100%;height:100%;display:block;transform:translate3d(var(--poster-x,0px),var(--poster-y,0px),0) scale(1.04);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.poster-visual.breeze-ready>img{opacity:0}.poster-visual>img{transition:opacity .25s}
@media(max-width:760px){.water-memories .orbit-intro{gap:10px}.water-memories .orbit-intro h2{font-size:30px}.water-memories .orbit-intro>.glow-link{font-size:13px}.water-memories .sphere-photo{padding:2px 2px 7px}.water-memories .sphere-caption>div{flex-wrap:wrap;justify-content:center}.floating-library .book-reflection{top:210px}.floating-library .book-ripple{top:140px;height:65px}.poster-breeze{transform:none!important}}
@media(max-width:380px){.floating-library .book-reflection{top:190px}.floating-library .book-ripple{top:125px}}
[data-motion=off] .float-island{translate:none;rotate:none}
[data-motion=off] .water-memories .photo-sphere.is-flow-field,.water-memories .photo-sphere:not(.is-orbit-ready){display:flex;gap:16px;height:220px!important;padding:25px 15px;overflow-x:auto;mask-image:none;border-radius:12px;align-items:center;scroll-snap-type:x mandatory}
[data-motion=off] .water-memories .sphere-photo{position:relative;left:auto!important;top:auto!important;width:120px;transform:none!important;flex:0 0 120px;opacity:1!important;filter:none!important;scroll-snap-align:center}
[data-motion=off] .book-float{transform:none!important}[data-motion=off] .floating-library .signature-cover:not(.book-reflection){transform:rotateX(55deg) rotateZ(var(--book-angle))!important}
@media(prefers-reduced-motion:reduce){.float-island{translate:none;rotate:none}.water-memories .photo-sphere.is-flow-field{display:flex;gap:16px;height:220px!important;padding:25px 15px;overflow-x:auto;mask-image:none;border-radius:12px;align-items:center}.water-memories .sphere-photo{position:relative;left:auto!important;top:auto!important;width:120px;transform:none!important;flex:0 0 120px;opacity:1!important;filter:none!important}.book-float{transform:none!important}.poster-breeze{transition:none}}
.floating-library .signature-book:hover .book-reflection,.floating-library .signature-book:focus-visible .book-reflection{transform:translateY(var(--heave,0px)) scaleY(-.24) skewX(-8deg) rotateZ(var(--book-angle));box-shadow:none}
.poster-breeze[hidden]{display:none}
.index .water-memories .memory-orbit{max-width:880px;width:100%}

/* Give the current room to carry the books; captions remain still and readable. */
.floating-library .signature-shelf{padding-top:40px;padding-bottom:8px}.floating-library .book-float{height:325px}
@media(max-width:1100px){.floating-library .book-float{height:295px}}
@media(max-width:760px){.floating-library .book-float{height:275px}.index .water-memories .memory-orbit{width:calc(100% + 24px);max-width:none;margin-inline:-12px}}
@media(max-width:380px){.floating-library .book-float{height:255px}}

@media(max-width:760px){.floating-library .book-float{--book-scale:.94}}

/* Restored globe: generous sphere diameter, staggered glints, and no flashing group. */
.water-memories .photo-sphere.is-photo-globe{height:640px;mask-image:none;border-radius:0;background:radial-gradient(ellipse at center,#45a9cf16,transparent 66%)}
.is-photo-globe .memory-water{display:none}
.water-memories .is-photo-globe .sphere-photo{padding:3px;border-radius:5px;border-color:#b7ddec;box-shadow:0 8px 20px #0008,0 0 15px #74ceff50;overflow:visible}
.water-memories .is-photo-globe .sphere-photo:nth-child(3n){border-color:#dec899;box-shadow:0 8px 20px #0008,0 0 17px #e6bc7250}
.water-memories .is-photo-globe .sphere-photo::before{content:'';position:absolute;inset:0;z-index:2;border-radius:4px;background:linear-gradient(112deg,transparent 25%,#e4f8ff00 35%,#e4f8ff99 48%,#fff0 58%,transparent 75%);background-size:350% 100%;animation:photoGlint 6s ease-in-out infinite;animation-delay:var(--glint-delay);animation-play-state:paused;pointer-events:none}
.water-memories .is-photo-globe .sphere-photo::after{content:'';position:absolute;inset:auto;right:-9px;top:-9px;width:20px;height:20px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,transparent 43%,#effcff 50%,transparent 57%),linear-gradient(0deg,transparent 43%,#effcff 50%,transparent 57%);filter:drop-shadow(0 0 5px #b4edff);animation:photoTwinkle 4.8s ease-in-out infinite;animation-delay:var(--glint-delay);animation-play-state:paused;z-index:3;pointer-events:none}
.is-photo-globe.is-sphere-moving .sphere-photo::before,.is-photo-globe.is-sphere-moving .sphere-photo::after{animation-play-state:running}
.globe-halo{position:absolute;inset:8% 14%;border:1px solid #addcf32b;border-radius:50%;pointer-events:none;box-shadow:0 0 45px #318daf14,inset 0 0 70px #57bfe610}.globe-halo::before,.globe-halo::after{content:'';position:absolute;inset:12% -12%;border:1px solid #9bd7ec30;border-radius:50%;transform:rotate(-23deg) scaleY(.52)}.globe-halo::after{transform:rotate(48deg) scaleY(.4);border-color:#d8b77538}
@keyframes photoGlint{0%,70%,100%{background-position:150% 0;opacity:0}75%{opacity:.65}90%{background-position:-50% 0;opacity:0}}
@keyframes photoTwinkle{0%,60%,100%{opacity:.08;transform:scale(.3) rotate(0)}74%{opacity:.95;transform:scale(1.2) rotate(45deg)}87%{opacity:.12;transform:scale(.4) rotate(90deg)}}
@media(max-width:760px){.water-memories .photo-sphere.is-photo-globe{height:410px}.globe-halo{inset:12% 6%}}
[data-motion=off] .is-photo-globe .sphere-photo::before,[data-motion=off] .is-photo-globe .sphere-photo::after{animation:none;opacity:0}[data-motion=off] .globe-halo{display:none}
@media(prefers-reduced-motion:reduce){.is-photo-globe .sphere-photo::before,.is-photo-globe .sphere-photo::after{animation:none;opacity:0}.globe-halo{display:none}}

@media(min-width:761px){.water-memories .orbit-intro h2{font-size:clamp(27px,2.35vw,35px)}}
