@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&display=swap";.splash{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Cormorant Garamond,serif;text-align:center}.starCanvas{position:absolute;top:0;left:0;width:100%;height:100%}.sophieConstellation{position:absolute;font-size:clamp(70px,12vw,160px);letter-spacing:12px;opacity:0;animation:sophieAppear 2s ease forwards;color:#fff;text-shadow:0 0 10px white,0 0 30px white,0 0 60px rgba(255,255,255,.7)}.content{position:relative;animation:fadeText 2s ease}.content h1{font-size:clamp(34px,5vw,60px);font-weight:300;letter-spacing:2px;margin-bottom:50px}.enterButton{padding:14px 36px;font-size:18px;background:#00000059;color:#fff;border:none;border-radius:40px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:all .35s}.enterButton:hover{background:#fff;color:#000}@keyframes sophieAppear{0%{opacity:0;transform:scale(.7)}40%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes fadeText{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{margin:0;background:#000;color:#fff;font-family:Georgia,serif;overflow-x:hidden}.app{position:relative;width:100%;min-height:100vh}.scrollContainer{scroll-snap-type:y mandatory;overflow-y:scroll;overflow-x:hidden;height:100vh;scrollbar-width:none;-ms-overflow-style:none}.scrollContainer::-webkit-scrollbar{display:none}.scrollSection{height:100vh;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;pointer-events:none}.scrollSection.zoomSection{height:400vh}.canvasWrapper{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:5;pointer-events:none}.canvasWrapper canvas{pointer-events:auto}.narrativeOverlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.narrativeText{max-width:80%;text-align:center;font-size:clamp(18px,4vw,32px);line-height:1.6;text-shadow:0 0 20px rgba(0,0,0,.8);animation:fadeIn 1.5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sunsetStep5{position:fixed;bottom:0;left:0;width:1px;height:100%;z-index:8;pointer-events:none;overflow:hidden;animation:sunsetGrow 4s ease-out forwards;transition:opacity 1.5s ease-out}.sunsetStep5.sunsetStep5FadeOut{opacity:0}.sunsetStep5Img{position:absolute;bottom:0;left:0;width:100vw;height:100%;object-fit:cover;object-position:bottom;transition:object-position 3s ease-out}.sunsetStep5Img.sunsetStep5ImgRevealTop{object-position:top}@keyframes sunsetGrow{0%{width:1px}to{width:100%}}.planeStep5{position:fixed;inset:0;z-index:12;pointer-events:none;overflow:hidden}.planeStep5Img{position:absolute;width:40vmin;height:auto;object-fit:contain;animation:planeFlyArc 8s linear forwards}@keyframes planeFlyArc{0%{left:-5%;top:67%;transform:rotate(-15deg)}25%{left:20%;top:50%;transform:rotate(-5deg)}50%{left:45%;top:32%;transform:rotate(5deg)}75%{left:70%;top:24%;transform:rotate(12deg)}to{left:100%;top:20%;transform:rotate(20deg)}}.floatingPanel{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;animation:fadeIn .3s ease-out}.floatingPanelContent{background:#140a28f2;padding:2rem;border-radius:12px;max-width:90%;max-height:80vh;overflow-y:auto;cursor:default;position:relative;border:1px solid rgba(255,255,255,.1)}.floatingPanelPhoto{width:100%;max-height:200px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.floatingPanelText{font-size:1.1rem;line-height:1.6;margin:0}.floatingPanelClose{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.textOverlay{position:absolute;top:40%;width:100%;text-align:center;font-size:clamp(20px,5vw,36px);pointer-events:none}.constellationOverlay{position:fixed;inset:0;z-index:90;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:#0006;animation:fadeIn .3s ease-out}.constellationOverlayGallery{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:24px}.constellationOverlayClose{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:#00000080;color:#fff;font-size:28px;line-height:1;cursor:pointer;border-radius:50%;z-index:1}.constellationOverlayText{padding:0 24px 12px;text-align:center;font-size:clamp(18px,4vw,28px);line-height:1.5;flex-shrink:0}.constellationOverlaySliderWrapper{width:100%;height:160px;overflow-x:auto;overflow-y:hidden;padding:0 24px 12px;-webkit-overflow-scrolling:touch;touch-action:pan-x;cursor:grab;-webkit-user-select:none;user-select:none}.constellationOverlaySliderWrapper:active{cursor:grabbing}.constellationOverlaySliderWrapper::-webkit-scrollbar{height:6px}.constellationOverlaySliderWrapper::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.constellationOverlaySliderWrapper::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.constellationOverlaySlider{display:flex;gap:12px;height:100%;width:max-content;min-width:100%}.constellationOverlaySlide{flex-shrink:0;width:120px;height:100%;min-height:120px;border-radius:8px;overflow:hidden;background:#ffffff1a;cursor:pointer;border:none;padding:0;display:flex;align-items:center;justify-content:center}.constellationOverlaySlide img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-drag:none;-webkit-user-drag:none}.constellationLightbox{position:fixed;inset:0;z-index:100;background:#000000f2;display:flex;align-items:center;justify-content:center;cursor:pointer}.likesOverlay{position:fixed;top:14px;left:50%;transform:translate(-50%);width:min(900px,calc(100vw - 28px));z-index:95;pointer-events:none;text-align:center}.likesOverlayTitle{font-size:clamp(18px,3.8vw,28px);font-weight:600;margin-bottom:10px;text-shadow:0 0 18px rgba(0,0,0,.85)}.likesOverlayList{display:flex;flex-direction:column;gap:6px}.likesOverlayItem{display:inline-block;align-self:center;padding:6px 10px;border-radius:10px;background:#00000059;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:clamp(14px,2.6vw,18px);line-height:1.35;max-width:100%}.constellationLightboxClose{position:absolute;top:20px;right:20px;width:48px;height:48px;border:none;background:#ffffff26;color:#fff;font-size:32px;line-height:1;cursor:pointer;border-radius:50%;z-index:2}.constellationLightboxPrev,.constellationLightboxNext{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border:none;background:#ffffff26;color:#fff;font-size:48px;line-height:1;cursor:pointer;border-radius:50%;z-index:2}.constellationLightboxPrev{left:20px}.constellationLightboxNext{right:20px}.constellationLightboxContent{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;cursor:default}.constellationLightboxContent img{max-width:100%;max-height:90vh;object-fit:contain}.musicButton{position:fixed;bottom:20px;right:20px;width:42px;height:42px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:18px;cursor:pointer;z-index:50}