#sky-story{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#070f20;overflow:hidden;box-shadow:none}#sky-story::backdrop{background:#070f20}#sky-story[open]{animation:cinemaOpen 1s both}.cinema-background{position:absolute;inset:0;background:linear-gradient(#070f2080,#0b193e80),url('lake.jpg') center/cover;opacity:.4;animation:cinemaZoom 16s linear both}#name-stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cinema-top{position:absolute;z-index:3;left:20px;right:20px;top:20px;display:flex;align-items:center;justify-content:space-between}.cinema-top p{font-size:11px;letter-spacing:.16em;color:#e7d1a6;margin:0}.cinema-top button{position:static;background:#15264180;border:1px solid #ffffff38;border-radius:30px;padding:8px 16px;font-size:13px}.cinema-intro{position:absolute;top:19%;left:5%;right:5%;text-align:center;transition:opacity 1.2s}.cinema-intro p{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,4vw,45px);line-height:1.4}.cinema-intro small{display:block;font-size:13px;letter-spacing:.08em;color:#e1cfb1;margin-top:34vh}.cinema-finale{position:absolute;inset:75px 20px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(25px);transition:opacity 1.8s,transform 1.8s,visibility 1.8s}.cinema-photo{width:clamp(140px,23vh,250px);height:clamp(180px,29vh,315px);object-fit:cover;object-position:center 30%;border-radius:140px 140px 5px 5px;border:1px solid #e8ce9c88;padding:6px;box-shadow:0 0 80px #dfc29533;margin-bottom:22px}.cinema-finale .eyebrow{font-size:10px;margin-bottom:12px}.cinema-finale h2{font-size:clamp(40px,6vw,78px);margin-bottom:15px}.cinema-finale>p:not(.eyebrow){font-size:15px;color:#e6e3e6;line-height:1.8;margin:0 0 23px}.cinema-finale .primary{background:#e6c58d16}.story-complete .cinema-intro{opacity:0;pointer-events:none}.story-complete .cinema-finale{opacity:1;visibility:visible;transform:none}.story-complete #name-stars{opacity:.25;transition:opacity 2s}.story-complete .cinema-background{opacity:.75;transition:opacity 3s}.story-skip{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:12px;border:0;background:none;color:#d3c9ba;padding:10px 16px;z-index:2;text-decoration:underline;text-underline-offset:6px}.story-complete .story-skip{display:none}.cinema-trigger{margin:15px auto 0;display:flex;gap:12px}.letter-toggle{margin:0 auto 28px;min-width:230px;border-radius:5px;background:linear-gradient(120deg,#e5cfa918,#c6b7e80e);padding:22px 30px}.letter-toggle span{font-size:26px}.letter-copy[hidden]{display:none}.letter-copy.is-unfolding{transform-origin:top;animation:unfoldLetter 1.5s cubic-bezier(.2,.7,.2,1) both}.letter-copy.is-unfolding p{animation:softReveal 1.5s both}.letter-copy.is-unfolding p:nth-child(2){animation-delay:.3s}.letter-copy.is-unfolding p:nth-child(3){animation-delay:.6s}.letter-inner{perspective:1000px}.sky-unlocked{animation:unlockedGlow 2s ease-in-out 2}.meteor{position:fixed;top:15%;left:70%;width:110px;height:1px;background:linear-gradient(90deg,transparent,#f9e6c2);box-shadow:0 0 9px #f2d09c;z-index:-1;pointer-events:none;animation:meteorFall 2.5s ease-out both}.cinema-finale .love-note{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px!important;color:#f0d3a7!important}.story-open{overflow:hidden}@keyframes cinemaOpen{from{opacity:0}to{opacity:1}}@keyframes cinemaZoom{from{transform:scale(1)}to{transform:scale(1.16)}}@keyframes unfoldLetter{from{opacity:0;transform:rotateX(-35deg) translateY(-20px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes unlockedGlow{50%{box-shadow:0 0 40px #f9d9a458}}@keyframes meteorFall{0%{opacity:0;transform:rotate(-35deg) translateX(0)}15%{opacity:.8}100%{opacity:0;transform:rotate(-35deg) translateX(-650px)}}@media(max-height:700px){.cinema-photo{width:105px;height:135px;margin-bottom:12px}.cinema-finale h2{font-size:38px}.cinema-finale>p:not(.eyebrow){font-size:13px;margin-bottom:12px}.cinema-finale .love-note{font-size:21px!important}.cinema-top{top:10px}.cinema-finale{top:55px;bottom:15px}}@media(prefers-reduced-motion:reduce){.meteor{display:none}#sky-story *{animation:none!important;transition:none!important}}