.reveal{opacity:0;transform:translateY(30px);filter:blur(6px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease),filter 1.2s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0);filter:blur(0)}.fade-in{animation:fadeIn 1.6s var(--ease) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slow-zoom{animation:slowZoom 20s ease-out forwards}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes flicker{0%,to{transform:translate(-50%) scaleY(1) scaleX(1);opacity:1}25%{transform:translate(-50%) scaleY(1.08) scaleX(.96);opacity:.94}50%{transform:translate(-50%) scaleY(.94) scaleX(1.04);opacity:.98}75%{transform:translate(-50%) scaleY(1.05) scaleX(.98);opacity:.96}}@keyframes shake{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 30px #c9a26a4d}50%{box-shadow:0 0 60px #c9a26a99}}.experience-body{background:var(--charcoal);color:var(--cream);min-height:100vh}.experience{position:relative}.music-toggle{position:fixed;top:max(16px,env(safe-area-inset-top));right:16px;z-index:100;width:44px;height:44px;border-radius:50%;background:#f6efe614;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(246,239,230,.15);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:18px;opacity:0;pointer-events:none;transition:opacity .6s var(--ease),background .3s}.music-toggle.visible{opacity:1;pointer-events:auto}.music-toggle:hover{background:#f6efe626}.music-toggle.muted .music-icon{opacity:.4}.music-icon{display:inline-block;animation:floatY 4s ease-in-out infinite}.music-toggle.muted .music-icon{animation:none}.screen{position:relative;min-height:100vh;min-height:100dvh;padding:clamp(48px,8vw,96px) clamp(20px,5vw,64px);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.screen-opening{background:radial-gradient(ellipse at 50% 40%,#2a221d,#14100e 55%,#0a0807);position:relative;text-align:center}.opening-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.opening-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:620px}.opening-star{color:var(--gold);font-size:22px;opacity:0;animation:fadeIn 2s var(--ease) .4s forwards}.opening-name{font-family:var(--font-serif);font-weight:400;font-size:clamp(2.6rem,9vw,5.2rem);line-height:1.05;letter-spacing:-.01em;margin:0;color:var(--cream);opacity:0;animation:fadeIn 1.8s var(--ease) 1s forwards}.opening-subtitle{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:clamp(1rem,2.8vw,1.35rem);color:var(--champagne);margin:0;opacity:0;animation:fadeIn 1.8s var(--ease) 1.8s forwards}.open-button{margin-top:16px;padding:16px 44px;border-radius:999px;background:transparent;border:1px solid var(--gold);color:var(--cream);font-size:.95rem;letter-spacing:.22em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px;opacity:0;animation:fadeIn 1.6s var(--ease) 2.6s forwards,pulseBtn 3.5s ease-in-out 4s infinite;transition:background .4s var(--ease),color .4s var(--ease),transform .4s var(--ease)}.open-button:hover{background:var(--gold);color:var(--charcoal);transform:translateY(-2px)}.open-button-star{color:inherit}@keyframes pulseBtn{0%,to{box-shadow:0 0 #c9a26a80}50%{box-shadow:0 0 0 14px #c9a26a00}}.opening-deco{display:flex;gap:18px;color:var(--gold);opacity:0;animation:fadeIn 1.8s var(--ease) 3.2s forwards;font-size:14px}.experience.leaving .screen-opening{animation:openingExit 1.4s var(--ease) forwards}@keyframes openingExit{to{opacity:0;filter:blur(20px);transform:scale(1.06)}}.screen-intro{background:linear-gradient(180deg,#14100e,#1e1815);text-align:center}.intro-content{max-width:720px;width:100%}.intro-lines{display:flex;flex-direction:column;gap:18px;margin-bottom:56px}.intro-line{font-family:var(--font-serif);font-weight:300;font-size:clamp(1.4rem,4.4vw,2.2rem);line-height:1.5;color:var(--cream);opacity:0;transform:translateY(20px);filter:blur(8px);transition:opacity 1.4s var(--ease),transform 1.4s var(--ease),filter 1.4s var(--ease)}.intro-line.visible{opacity:1;transform:translateY(0);filter:blur(0)}.continue-btn{display:inline-flex;flex-direction:column;align-items:center;gap:8px;color:var(--champagne);font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;opacity:0;transition:opacity .8s}.continue-btn.visible{opacity:1}.arrow-down{font-size:1.2rem;animation:floatY 2.4s ease-in-out infinite}.screen-memories{background:linear-gradient(180deg,#1e1815,#17120f);padding-top:clamp(80px,12vw,140px)}.chapter-header{text-align:center;margin-bottom:clamp(48px,8vw,90px)}.chapter-label{font-family:var(--font-sans);font-size:.72rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}.chapter-title{font-family:var(--font-serif);font-weight:400;font-style:italic;font-size:clamp(1.7rem,5vw,2.8rem);color:var(--cream);margin:0;max-width:620px}.memories-list{display:flex;flex-direction:column;gap:clamp(56px,10vw,120px);width:100%;max-width:880px}.memory{display:flex;flex-direction:column;gap:20px;opacity:0;transform:translateY(50px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}.memory.visible{opacity:1;transform:translateY(0)}.memory:nth-child(2n){align-items:flex-end;text-align:right}.memory:nth-child(2n) .memory-media-wrap{transform:rotate(1.2deg)}.memory:nth-child(odd) .memory-media-wrap{transform:rotate(-1deg)}.memory-media-wrap{width:min(100%,520px);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-deep);position:relative;transition:transform .6s var(--ease)}.memory-media-wrap img,.memory-media-wrap video{width:100%;height:auto;display:block;aspect-ratio:4 / 5;object-fit:cover}.memory-placeholder{aspect-ratio:4 / 5;background:linear-gradient(135deg,#2a221d,#1a1512);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:2rem}.memory-meta{max-width:420px}.memory-date{font-family:var(--font-script);font-size:1.1rem;color:var(--gold);margin-bottom:6px}.memory-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.4rem,4vw,1.9rem);margin:0 0 8px;color:var(--cream)}.memory-desc{font-size:.95rem;line-height:1.7;color:#f6efe6b8;margin:0 0 8px}.memory-caption{font-family:var(--font-script);font-size:1.2rem;color:var(--blush)}.screen-little-things{background:radial-gradient(ellipse at 50% 50%,#241c17,#14100e 70%);padding-top:clamp(80px,12vw,140px)}.section-header{text-align:center;margin-bottom:clamp(40px,7vw,72px)}.section-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.8rem,5.5vw,3rem);color:var(--cream);margin:0 0 10px}.section-subtitle{font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0}.little-things-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(14px,3vw,24px);width:100%;max-width:720px}.little-thing{aspect-ratio:1;border-radius:20px;background:#f6efe60d;border:1px solid rgba(246,239,230,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:clamp(1.8rem,5vw,2.4rem);color:var(--cream);transition:transform .5s var(--ease),background .4s,border-color .4s,box-shadow .5s;animation:floatY 5s ease-in-out infinite}.little-thing:nth-child(2n){animation-delay:-1s}.little-thing:nth-child(3n){animation-delay:-2s}.little-thing:hover,.little-thing:focus-visible{transform:translateY(-6px) scale(1.04);background:#c9a26a1f;border-color:var(--gold);box-shadow:0 0 40px #c9a26a40}.little-thing-label{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#f6efe699}.screen-collage{background:linear-gradient(180deg,#14100e,#1c1613);padding-top:clamp(80px,12vw,140px)}.collage-stage{position:relative;width:min(100%,720px);aspect-ratio:4 / 5}.collage-item{position:absolute;width:60%;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-deep);background:#fff;padding:12px 12px 48px;opacity:0;transform:translateY(40px) rotate(0);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}.collage-item.visible{opacity:1;transform:translateY(0) rotate(var(--rot, 0deg))}.collage-item img,.collage-item video{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:4px;display:block}.collage-item .collage-caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-family:var(--font-script);color:var(--brown);font-size:1.05rem;padding:0 12px}.collage-placeholder{width:100%;aspect-ratio:4 / 5;background:linear-gradient(135deg,#efe6d8,#d9c8b0);display:flex;align-items:center;justify-content:center;color:var(--brown-soft);font-size:1.6rem;border-radius:4px}.screen-pause{background:radial-gradient(ellipse at 50% 50%,#1a1512,#0a0807 80%);text-align:center}.pause-content{max-width:680px}.pause-line{font-family:var(--font-serif);font-weight:300;font-size:clamp(1.5rem,5vw,2.4rem);line-height:1.5;color:#f6efe6b3;margin:0 0 20px}.pause-emphasis{color:var(--cream);font-style:italic;font-size:clamp(1.8rem,6vw,3rem)}.screen-surprise{background:radial-gradient(ellipse at 50% 50%,#2a1f18,#14100e 70%);text-align:center}.surprise-content{display:flex;flex-direction:column;align-items:center;gap:24px}.gift-box{font-size:clamp(4rem,14vw,6rem);cursor:pointer;transition:transform .4s var(--ease);-webkit-user-select:none;user-select:none;animation:glowPulse 3s ease-in-out infinite;border-radius:50%;padding:20px}.gift-box:hover{transform:scale(1.06)}.gift-box.shaking{animation:shake .5s ease-in-out}.gift-box.opened{transform:scale(1.4);opacity:0;transition:all .8s var(--ease)}.surprise-line{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.1rem,3.4vw,1.5rem);color:var(--champagne);margin:0}.open-me-btn{padding:14px 40px;border:1px solid var(--gold);border-radius:999px;color:var(--cream);letter-spacing:.2em;text-transform:uppercase;font-size:.82rem;transition:all .4s var(--ease)}.open-me-btn:hover{background:var(--gold);color:var(--charcoal)}.screen-message{background:linear-gradient(180deg,#17120f,#241c17);text-align:center}.message-content{max-width:720px;display:flex;flex-direction:column;align-items:center;gap:18px}.message-heading{font-family:var(--font-serif);font-weight:400;font-size:clamp(2.4rem,9vw,4.4rem);line-height:1.05;margin:0;color:var(--cream);letter-spacing:-.01em}.message-name{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:clamp(1.4rem,4.5vw,2rem);color:var(--gold)}.message-divider{width:60px;height:1px;background:var(--gold);margin:12px 0}.message-body{font-family:var(--font-serif);font-size:clamp(1.1rem,3.4vw,1.4rem);line-height:1.7;color:#f6efe6db;white-space:pre-line}.message-highlight{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.2rem,3.8vw,1.6rem);color:var(--blush);margin-top:8px}.message-final{font-family:var(--font-script);font-size:clamp(1.4rem,4.5vw,2rem);color:var(--gold);margin-top:12px}.screen-wish{background:radial-gradient(ellipse at 50% 60%,#241c17,#0f0c0a 80%);text-align:center}.wish-content{display:flex;flex-direction:column;align-items:center;gap:28px}.cake{position:relative;width:220px;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;filter:drop-shadow(0 24px 40px rgba(0,0,0,.5))}.cake:before{content:"";position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:260px;height:200px;background:radial-gradient(ellipse at center,rgba(255,190,120,.28) 0%,transparent 70%);pointer-events:none;z-index:-1}.cake-top{display:flex;gap:18px;position:absolute;top:28px;left:50%;transform:translate(-50%);align-items:flex-end;height:50px;z-index:10}.candle{width:8px;height:42px;background:linear-gradient(180deg,#f6efe6,#d9b8a8);border-radius:2px;position:relative;cursor:pointer;transition:transform .4s var(--ease)}.candle:hover{transform:scaleY(1.08)}.candle .flame{position:absolute;top:-16px;left:50%;width:12px;height:22px;background:radial-gradient(ellipse at 50% 70%,#ffd479 0%,#ff8c42 60%,transparent 100%);border-radius:50% 50% 20% 20%;box-shadow:0 0 24px #ffb450e6;animation:flicker .6s ease-in-out infinite;transform-origin:50% 100%;pointer-events:none}.candle.blown .flame{opacity:0;transform:translate(-50%) scale(0);transition:all .4s var(--ease)}.cake-body{width:120px;height:70px;background:linear-gradient(180deg,#fbe9d5,#f0cfa8 60%,#e5be92);border-radius:10px 10px 4px 4px;position:relative;box-shadow:inset 0 -8px 14px #b4825024,inset 0 4px 8px #ffffff80,0 8px 20px #00000040;z-index:2}.cake-body:before{content:"";position:absolute;top:-6px;left:-4px;right:-4px;height:22px;background:radial-gradient(circle at 10% 0,#fff8ef 8px,transparent 9px),radial-gradient(circle at 30% 0,#fff8ef 10px,transparent 11px),radial-gradient(circle at 50% 0,#fff8ef 12px,transparent 13px),radial-gradient(circle at 70% 0,#fff8ef 10px,transparent 11px),radial-gradient(circle at 90% 0,#fff8ef 8px,transparent 9px),linear-gradient(180deg,#fff8ef,#f7e2c9);border-radius:12px 12px 8px 8px;box-shadow:inset 0 -2px 4px #c8a0782e;pointer-events:none}.cake-base{width:170px;height:82px;background:linear-gradient(180deg,#f7dcbf,#e9c39a 60%,#d9ab7f);border-radius:12px 12px 8px 8px;margin-top:-8px;position:relative;box-shadow:inset 0 -10px 18px #a06e3c2e,inset 0 4px 10px #fff6,0 14px 30px #00000059;z-index:1}.cake-base:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;height:26px;background:radial-gradient(circle at 8% 0,#fff8ef 9px,transparent 10px),radial-gradient(circle at 24% 0,#fff8ef 11px,transparent 12px),radial-gradient(circle at 42% 0,#fff8ef 13px,transparent 14px),radial-gradient(circle at 60% 0,#fff8ef 12px,transparent 13px),radial-gradient(circle at 78% 0,#fff8ef 10px,transparent 11px),radial-gradient(circle at 92% 0,#fff8ef 9px,transparent 10px),linear-gradient(180deg,#fff8ef,#f5dfc5);border-radius:14px 14px 10px 10px;box-shadow:inset 0 -3px 5px #c8a07829;pointer-events:none}.cake-base:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:190px;height:14px;background:radial-gradient(ellipse at center,rgba(0,0,0,.4) 0%,transparent 70%);filter:blur(2px);z-index:-1}.wish-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.6rem,5vw,2.4rem);color:var(--cream);margin:0}.wish-subtitle{font-family:var(--font-serif);font-style:italic;color:var(--champagne);margin:0}.wish-result{font-family:var(--font-script);font-size:1.6rem;color:var(--gold);min-height:1.6em;opacity:0;transition:opacity .8s var(--ease)}.wish-result.visible{opacity:1}.screen-final{background:linear-gradient(180deg,#0f0c0a,#1c1613);text-align:center}.final-content{max-width:780px;width:100%;display:flex;flex-direction:column;align-items:center;gap:32px}.final-media{width:min(100%,560px);aspect-ratio:4 / 5;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-deep);background:linear-gradient(135deg,#2a221d,#1a1512);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:2rem}.final-media img,.final-media video{width:100%;height:100%;object-fit:cover}.final-heading{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.8rem,6vw,2.8rem);color:var(--cream);margin:0}.final-message{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.05rem,3.2vw,1.3rem);color:var(--champagne);margin:0}.screen-ending{background:radial-gradient(ellipse at 50% 50%,#1a1512,#0a0807 80%);text-align:center;min-height:100vh}.ending-content{display:flex;flex-direction:column;align-items:center;gap:16px}.ending-heart{font-size:2rem;animation:floatY 3s ease-in-out infinite}.ending-happy{font-family:var(--font-sans);letter-spacing:.42em;font-size:.78rem;text-transform:uppercase;color:var(--gold)}.ending-name{font-family:var(--font-serif);font-weight:400;font-size:clamp(2rem,7vw,3.6rem);color:var(--cream)}.ending-line{font-family:var(--font-serif);font-style:italic;font-size:clamp(1rem,3vw,1.3rem);color:var(--blush);margin:0}.ending-star{color:var(--gold);font-size:1.4rem;margin:8px 0}.ending-credit{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:#f6efe673;margin-top:20px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0807c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fadeIn .4s var(--ease)}.modal-card{position:relative;z-index:2;width:min(100%,480px);background:linear-gradient(180deg,#241c17,#1a1512);border:1px solid rgba(201,162,106,.3);border-radius:20px;padding:40px 32px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:var(--shadow-deep);animation:modalIn .5s var(--ease)}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-icon{font-size:2.6rem}.modal-title{font-family:var(--font-serif);font-weight:500;font-size:1.5rem;color:var(--cream);margin:0}.modal-message{font-family:var(--font-serif);font-size:1.05rem;line-height:1.7;color:#f6efe6d1;margin:0;white-space:pre-line}.modal-media img,.modal-media video{width:100%;border-radius:12px;margin-top:8px}.modal-close{margin-top:12px;padding:12px 32px;border:1px solid var(--gold);border-radius:999px;color:var(--cream);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;transition:all .3s var(--ease)}.modal-close:hover{background:var(--gold);color:var(--charcoal)}@media (min-width: 900px){.screen{padding:120px 80px}.memories-list{max-width:1000px}.memory{flex-direction:row;align-items:center;gap:60px}.memory:nth-child(2n){flex-direction:row-reverse;align-items:center;text-align:left}.memory:nth-child(2n) .memory-meta{text-align:right}.memory-media-wrap{width:45%;flex-shrink:0}.memory-meta{flex:1}.little-things-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.screen{padding:60px 20px}.little-things-grid{grid-template-columns:repeat(2,1fr)}.collage-stage{aspect-ratio:3 / 4}}