*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sky-top: #0c1a3a;--sky-bottom: #070d1f;--accent: #f0c040;--gold: #f0c040;--silver: #c0c8e0;--teal: #40c9c9;--text: #e8e0d0;--text-dim: rgba(232, 224, 208, .6);--font-body: "Cormorant Garamond", Georgia, serif;--font-display: "Caveat", cursive;--page-transition: .4s ease}html,body,#root{height:100%;overflow:hidden;background:var(--sky-bottom);color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.library{min-height:100%;overflow-y:auto;padding:2rem 1rem 4rem;background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom))}.library-header{text-align:center;margin-bottom:2rem}.library-title{font-family:var(--font-display);font-size:2rem;color:var(--gold);text-shadow:0 0 20px rgba(240,192,64,.3)}.library-subtitle{font-size:.95rem;color:var(--text-dim);margin-top:.25rem;font-style:italic}.bookshelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.25rem;max-width:600px;margin:0 auto}.book-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:transform .2s,background .2s;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.book-card:active{transform:scale(.96);background:#ffffff14}.book-emoji{font-size:2.5rem;margin-bottom:.5rem}.book-title{font-family:var(--font-display);font-size:1.15rem;color:var(--text);line-height:1.2}.book-count{font-size:.75rem;color:var(--text-dim);margin-top:.35rem}.reader{height:100%;width:100%;position:relative;overflow:hidden;display:flex;flex-direction:column}.reader-page{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;position:relative;background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));animation:pageFadeIn var(--page-transition) ease}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.scene-container{position:absolute;bottom:0;left:0;right:0;height:50%;pointer-events:none;overflow:hidden}.verse-text{position:relative;z-index:10;text-align:center;max-width:320px}.verse-line{font-size:1.25rem;line-height:1.8;color:var(--text);text-shadow:0 2px 12px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.5)}.cover-content{position:relative;z-index:10;text-align:center}.cover-emoji{font-size:4rem;margin-bottom:1rem;animation:gentlePulse 3s ease-in-out infinite}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.cover-title{font-family:var(--font-display);font-size:2.2rem;color:var(--accent);text-shadow:0 0 24px rgba(240,192,64,.3);line-height:1.2}.cover-subtitle{font-size:1rem;color:var(--text-dim);margin-top:.5rem;font-style:italic}.cover-dedication{font-size:.85rem;color:var(--text-dim);margin-top:.75rem;font-style:italic;opacity:.7}.cover-tap{font-size:.8rem;color:var(--text-dim);margin-top:2rem;animation:breathe 2.5s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.4}50%{opacity:.8}}.goodnight-content{position:relative;z-index:10;text-align:center;animation:goodnightFade 1.2s ease}@keyframes goodnightFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.goodnight-text .verse-line{font-size:1.4rem;font-style:italic;color:var(--silver)}.goodnight-emoji{font-size:2.5rem;margin-top:1.5rem;opacity:.7}.refrain-content{position:relative;z-index:10;text-align:center}.refrain-text .verse-line{font-style:italic;font-size:1.15rem;color:var(--accent);opacity:.9}.nav-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:1rem;gap:.5rem;z-index:20}.nav-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;padding:0;cursor:pointer;transition:all .3s}.nav-dot.active{background:var(--accent);transform:scale(1.3);box-shadow:0 0 8px var(--accent)}.nav-back{position:absolute;top:1rem;left:1rem;z-index:30;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:1.2rem;cursor:pointer;transition:background .2s}.nav-back:active{background:#ffffff26}.tap-zone{position:absolute;top:0;bottom:60px;z-index:15;cursor:pointer}.tap-zone-left{left:0;width:35%}.tap-zone-right{right:0;width:65%}.stars-layer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle var(--dur, 3s) ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:var(--opacity, .6)}@keyframes twinkle{0%,to{opacity:var(--opacity, .6);transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.moon{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#feb,#f0c040);box-shadow:0 0 40px #f0c0404d,0 0 80px #f0c0401a;top:8%;right:12%}.moon-crescent{position:absolute;width:50px;height:50px;border-radius:50%;background:var(--sky-top);top:-5px;left:12px}.firefly{position:absolute;width:4px;height:4px;border-radius:50%;background:#f0c040;box-shadow:0 0 6px #f0c040,0 0 12px #f0c04080;animation:fireflyFloat var(--dur, 6s) ease-in-out infinite,twinkle var(--twinkle, 2s) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes fireflyFloat{0%,to{transform:translate(0)}25%{transform:translate(var(--dx, 20px),var(--dy, -15px))}50%{transform:translate(var(--dx2, -10px),var(--dy2, -30px))}75%{transform:translate(var(--dx3, 15px),var(--dy3, -10px))}}.wave-group{position:absolute;bottom:0;left:0;right:0}.wave-line{fill:none;stroke-width:1.5;opacity:var(--wave-opacity, .15);animation:waveShift var(--wave-dur, 4s) ease-in-out infinite;animation-delay:var(--wave-delay, 0s)}@keyframes waveShift{0%,to{transform:translate(0)}50%{transform:translate(var(--wave-dx, -20px))}}.dolphin-svg{transition:transform .3s ease}.refrain-scene{position:absolute;bottom:0;left:0;right:0;height:40%}.refrain-wave{position:absolute;bottom:0;left:-10%;width:120%}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:var(--start-opacity, .6)}to{transform:translateY(-100px) scale(.5);opacity:0}}@keyframes gentleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(var(--drift-x, 15px))}}@keyframes glowPulse{0%,to{opacity:var(--glow-min, .3)}50%{opacity:var(--glow-max, .7)}}@keyframes descendGlide{0%{transform:translate(0) rotate(0)}to{transform:translate(30px,60px) rotate(5deg)}}.jellyfish-glow{animation:glowPulse 3s ease-in-out infinite}.rainbow-arc{opacity:.25}@media(min-width:420px){.verse-line{font-size:1.4rem}.cover-title{font-size:2.6rem}.bookshelf{grid-template-columns:repeat(2,1fr)}}@media(min-width:600px){.bookshelf{grid-template-columns:repeat(3,1fr)}.verse-text{max-width:400px}}@supports (padding-top: env(safe-area-inset-top)){.nav-back{top:calc(1rem + env(safe-area-inset-top))}.nav-bar{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.library{padding-top:calc(2rem + env(safe-area-inset-top))}}