@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Poppins:wght@300;400;500;600&family=Noto+Sans+Tamil:wght@400;600&family=Noto+Sans+Malayalam:wght@400;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pink-light:#f0ecff;--pink:#a78bfa;--pink-dark:#7c3aed;--rose:#6d28d9;--gold:#fbbf24;--cream:#faf7ff;--text:#1e1035;--text-soft:#7c6da8;--glass:#ffffff24;--glass-border:#ffffff47;--shadow:0 8px 40px #6d28d938;--shadow-strong:0 16px 60px #6d28d952;--accent:#38bdf8;--accent2:#818cf8;--font-display:"Playfair Display", Georgia, serif;--font-body:"Poppins", sans-serif;--font-tamil:"Noto Sans Tamil", sans-serif;--font-mal:"Noto Sans Malayalam", sans-serif;--safe-top:3.6rem;--safe-bottom:7.2rem}html,body,#root{height:100dvh;max-height:100dvh;overflow:hidden}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased}.tamil{font-family:var(--font-tamil);color:var(--accent);font-weight:600}.malayalam{font-family:var(--font-mal);color:var(--gold);font-weight:600}.separator{color:var(--text-soft)}.bilingual-line{margin-bottom:1rem;font-size:.9rem;line-height:1.7}.app{width:100%;height:100dvh;max-height:100dvh;position:relative;overflow:hidden}.bg-gradient{z-index:0;background:linear-gradient(135deg,#0f0722 0%,#1a0a3d 20%,#0c1a4a 45%,#1a0f35 70%,#0a1628 100%) 0 0/400% 400%;animation:12s infinite gradientShift;position:fixed;inset:0}.bg-gradient:before,.bg-gradient:after{content:"";filter:blur(80px);opacity:.35;border-radius:50%;animation:8s ease-in-out infinite alternate orbFloat;position:absolute}.bg-gradient:before{background:radial-gradient(circle,#7c3aed,#0000 70%);width:500px;height:500px;top:-150px;left:-150px}.bg-gradient:after{background:radial-gradient(circle,#0ea5e9,#0000 70%);width:400px;height:400px;animation-delay:-4s;bottom:-100px;right:-100px}.bg-gradient.day-theme-bg{background:linear-gradient(135deg, var(--day-from,#0f0722) 0%, var(--day-mid,#1a0a3d) 45%, var(--day-to,#0a1628) 100%);background-size:200% 200%;transition:background .8s}.bg-gradient.day-theme-bg:before{background:radial-gradient(circle, var(--day-orb1,#7c3aed), transparent 70%);opacity:.42}.bg-gradient.day-theme-bg:after{background:radial-gradient(circle, var(--day-orb2,#0ea5e9), transparent 70%);opacity:.38}.has-day-theme .pre-eyebrow,.has-day-theme .pre-days-hint{color:var(--day-accent,#fbbf24d9)}.has-day-theme .pre-title span{color:var(--day-accent,var(--gold))}.has-day-theme .pre-count-cell{border-color:color-mix(in srgb, var(--day-accent,#a78bfa) 45%, transparent)}.has-day-theme .pre-daily-card{border-color:color-mix(in srgb, var(--day-accent,#fbbf24) 40%, transparent);box-shadow:0 16px 48px #0f072273, 0 0 40px color-mix(in srgb, var(--day-accent,#fbbf24) 18%, transparent)}.has-day-theme .pre-daily-day{color:var(--day-accent,#fbbf24d9)}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.1)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.app:after{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(1px 1px at 20% 30%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 60% 70%,#fff6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 40% 15%,#fbbf24b3 0%,#0000 100%),radial-gradient(1px 1px at 80% 45%,#ffffff80 0%,#0000 100%),radial-gradient(1.5px 1.5px at 10% 80%,#38bdf880 0%,#0000 100%),radial-gradient(1px 1px at 70% 20%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 30% 60%,#fbbf2466 0%,#0000 100%),radial-gradient(1.5px 1.5px at 90% 85%,#a78bfa99 0%,#0000 100%),radial-gradient(1px 1px,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 15% 45%,#38bdf866 0%,#0000 100%);animation:4s ease-in-out infinite alternate starTwinkle;position:fixed;inset:0}@keyframes starTwinkle{0%{opacity:.7}to{opacity:1}}.petals-container,.confetti-container{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.petal{opacity:.65;position:absolute;top:0}.screen-wrapper{z-index:2;justify-content:center;align-items:center;width:100%;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.screen-inner{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a78bfa80 transparent;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.screen-content{width:100%;max-width:520px;padding:var(--safe-top) 1.25rem var(--safe-bottom);text-align:center;box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:.35rem;min-height:100%;margin:0 auto;display:flex}.screen-content:before,.screen-content:after{content:"";pointer-events:none;flex:1 1 0;width:100%;min-height:0}.opening-screen{position:relative}.opening-glow{z-index:-1;background:radial-gradient(circle,#7c3aed4d,#38bdf826 60%,#0000 80%);border-radius:50%;width:360px;height:360px;animation:3s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.gift-box{filter:drop-shadow(0 8px 20px #ff4d6d59);margin-bottom:1.2rem;font-size:5.5rem}.opening-title{font-family:var(--font-display);color:#fff;text-shadow:0 0 30px #7c3aed99;margin-bottom:.8rem;font-size:2.5rem;font-weight:700;line-height:1.3}.opening-title span{background:linear-gradient(135deg,#fbbf24,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.opening-hint{color:#fff9;margin-bottom:2.5rem;font-size:1rem;font-weight:300}.start-btn{font-family:var(--font-body);color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:50px;align-items:center;gap:.6rem;padding:1rem 2.4rem;font-size:1.05rem;font-weight:600;display:inline-flex;box-shadow:0 6px 28px #7c3aed80,0 0 0 1px #fbbf244d}.btn-sparkle{font-size:1.2rem}.wish-screen{position:relative;overflow:visible}.wish-main-content{z-index:2;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.bg-hearts-layer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.bg-heart-outline{pointer-events:none;position:absolute}.heart-draw-intro{z-index:5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.heart-draw-center{justify-content:center;align-items:center;width:220px;height:200px;display:flex;position:relative}.main-heart-svg{filter:drop-shadow(0 0 20px #fbbf2466);width:100%;height:100%}.heart-draw-dot{background:#fbbf24;border-radius:50%;width:10px;height:10px;position:absolute;bottom:18%;left:50%;transform:translate(-50%);box-shadow:0 0 12px #fbbf24,0 0 24px #fbbf2480}.heart-draw-hint{color:#ffffff8c;letter-spacing:.5px;margin-top:1.5rem;font-size:.9rem;font-style:italic}.candles-row{gap:.5rem;margin-bottom:.5rem;font-size:1.6rem;display:flex}.cake-icon{filter:drop-shadow(0 6px 12px #0000001f);cursor:default;margin-bottom:.8rem;font-size:4.2rem}.wish-title{font-family:var(--font-display);color:#fff;text-shadow:0 0 20px #7c3aed80;margin-bottom:.4rem;font-size:2.8rem;font-weight:700;line-height:1.15}.wish-name{font-family:var(--font-display);background:linear-gradient(135deg,#fbbf24,#f472b6,#a78bfa);-webkit-text-fill-color:transparent;cursor:default;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:2rem;font-style:italic;font-weight:600}.title-hearts-burst{justify-content:center;gap:.4rem;margin:.3rem 0 .6rem;font-size:1.3rem;display:flex}.burst-heart{filter:drop-shadow(0 2px 6px #ff4d6d66);display:inline-block}.name-plate-wrapper{justify-content:center;align-items:center;width:100%;min-height:200px;margin:.5rem 0 1rem;display:flex;position:relative}.plate-glow{pointer-events:none;z-index:0;background:radial-gradient(#7c3aed59,#fbbf2426 60%,#0000 80%);border-radius:50%;width:280px;height:160px;position:absolute}.orbit-heart{pointer-events:none;z-index:2;filter:drop-shadow(0 2px 8px #ff649680);position:absolute}.name-plate{z-index:3;text-align:center;min-width:240px;padding:2.2rem 2.8rem 1.8rem;position:relative}.plate-border{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#140a3299,#140a3299) padding-box padding-box,linear-gradient(135deg,#fbbf24,#a78bfa,#38bdf8,#fbbf24) border-box;border:2px solid #0000;border-radius:20px;position:absolute;inset:0;box-shadow:0 0 0 1px #a78bfa33,0 8px 40px #7c3aed59,inset 0 1px #ffffff1a}.plate-ribbon-top{z-index:4;align-items:center;display:flex;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.ribbon-bow{filter:drop-shadow(0 2px 6px #fbbf2480);font-size:1.6rem}.ribbon-tail{background:linear-gradient(90deg,#7c3aed,#fbbf24);border-radius:4px;width:28px;height:8px;margin:0 4px}.ribbon-tail.left{transform:skewY(-8deg)}.ribbon-tail.right{transform:skewY(8deg)}.plate-corner{z-index:4;font-size:1rem;position:absolute}.corner-0{top:6px;left:8px}.corner-1{top:6px;right:8px}.corner-2{bottom:28px;left:8px}.corner-3{bottom:28px;right:8px}.plate-name{z-index:3;letter-spacing:.05em;text-shadow:0 0 30px #fbbf2466;position:relative;margin:0!important;font-size:2.4rem!important;font-weight:700!important}.plate-sparkle{z-index:3;margin-top:.2rem;font-size:1.1rem;display:block;position:relative}.plate-garland{z-index:3;justify-content:center;gap:.35rem;margin-top:.5rem;font-size:1rem;display:flex;position:relative}.wish-subtitle{color:#ffffff80;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1.2rem;font-size:.9rem;font-weight:300}.wish-divider{background:linear-gradient(90deg,#0000,#fbbf24,#0000);border-radius:2px;width:80px;height:2px;margin-bottom:1.2rem}.wish-message{color:#ffffffbf;max-width:400px;font-size:1rem;font-weight:300;line-height:1.8}.bilingual-wish-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7c3aed26;border:1px solid #a78bfa4d;border-radius:14px;margin-top:1rem;padding:.8rem 1.2rem;line-height:2}.bilingual-wish-block .tamil,.bilingual-wish-block .malayalam{font-size:.9rem;display:block}.sparkle-row{gap:.7rem;margin-top:1.2rem;font-size:1.4rem;display:flex}.section-title{font-family:var(--font-display);color:#fff;text-shadow:0 0 16px #a78bfa80;margin-bottom:.4rem;font-size:1.9rem;font-weight:700}.section-subtitle{color:#ffffff8c;margin-bottom:1rem;font-size:.9rem;font-weight:300}.flower-portrait-screen{gap:.5rem}.portrait-3d-wrapper{justify-content:center;align-items:center;width:300px;height:300px;display:flex}.portrait-3d-inner{width:100%;height:100%}.flower-portrait-svg{filter:drop-shadow(0 8px 24px #ff4d6d40);width:100%;height:100%;transition:filter .3s}.flower-portrait-svg:hover{filter:drop-shadow(0 12px 36px #ff4d6d66)}.portrait-hint{color:#ffffff73;margin-top:.5rem;font-size:.8rem;font-style:italic}.gallery-carousel{align-items:center;gap:.5rem;width:100%;margin-bottom:.8rem;display:flex}.gallery-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#a78bfa;cursor:pointer;background:#7c3aed33;border:1px solid #a78bfa66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:background .2s,transform .2s;display:flex}.gallery-nav:hover{background:#ffffff80;transform:scale(1.12)}.gallery-frame{border-radius:20px;flex:1;min-width:0;overflow:hidden}.gallery-slide{width:100%;height:100%}.photo-card{box-shadow:var(--shadow-strong);background:#0a051e80;border-radius:20px;width:100%;height:min(50vh,400px);min-height:300px;margin:0 auto;position:relative;overflow:hidden}.photo-card img{object-fit:cover;object-position:center center;width:100%;min-width:100%;height:100%;min-height:100%;display:block;position:absolute;inset:0;transform:scale(1.03)}.photo-overlay{color:#fff;background:linear-gradient(#0000,#0000009e);padding:2rem 1rem 1rem;position:absolute;bottom:0;left:0;right:0}.photo-number{opacity:.75;letter-spacing:1px;font-size:.75rem}.photo-caption{font-family:var(--font-display);margin-top:.2rem;font-size:1.05rem;font-style:italic}.gallery-dots{justify-content:center;gap:5px;margin-bottom:.7rem;display:flex}.gallery-dot{cursor:pointer;background:#a78bfa40;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.gallery-dot.active{background:#7c3aed;border-radius:4px;width:22px}.gallery-thumbnails{scrollbar-width:none;gap:5px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.gallery-thumbnails::-webkit-scrollbar{display:none}.thumb{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex-shrink:0;width:42px;height:42px;padding:0;transition:border-color .3s;position:relative;overflow:hidden}.thumb.active{border-color:var(--pink-dark)}.thumb img{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.favs-screen-full{-webkit-overflow-scrolling:touch;width:100%;height:100%;padding:var(--safe-top) 1rem var(--safe-bottom);z-index:2;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#a78bfa80 transparent;position:absolute;inset:0;overflow:hidden auto}.favs-screen-full::-webkit-scrollbar{width:4px}.favs-screen-full::-webkit-scrollbar-thumb{background:#a78bfa66;border-radius:4px}.favs-inner{text-align:center;flex-direction:column;align-items:center;gap:.25rem;width:100%;max-width:560px;margin:0 auto;padding-bottom:1rem;display:flex}.favs-section-label{letter-spacing:1px;text-transform:uppercase;color:#ffffff8c;text-align:left;align-self:stretch;align-items:center;gap:.4rem;width:100%;margin:.8rem 0 .5rem;font-size:.85rem;font-weight:600;display:flex}.favs-grid{gap:.5rem;width:100%;display:grid}.foods-grid,.things-grid{grid-template-columns:repeat(4,1fr)}.places-grid{grid-template-columns:1fr 1fr}.fav-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:default;background:#ffffff12;border:1px solid #a78bfa40;border-radius:14px;flex-direction:column;align-items:center;gap:.15rem;min-height:0;padding:.65rem .35rem;display:flex;box-shadow:0 4px 24px #7c3aed26}.fav-emoji{font-size:1.8rem}.fav-name{color:#ffffffe6;text-align:center;font-size:.7rem;font-weight:600;line-height:1.2}.fav-sub{text-align:center;font-size:.62rem;line-height:1.3}.place-card{text-align:left;flex-direction:row;align-items:flex-start;gap:.6rem;padding:.9rem .7rem}.place-emoji{flex-shrink:0;font-size:2.2rem}.place-info{flex-direction:column;gap:.2rem;display:flex}.place-info .fav-name{font-size:.8rem}.place-desc{color:var(--text-soft);font-size:.67rem;font-style:italic}.place-langs{font-size:.62rem;line-height:1.4}.gift-box-scene{perspective:600px;flex-direction:column;align-items:center;margin:.5rem 0 1rem;display:flex;position:relative}.box-lid{z-index:3;width:140px;position:relative}.lid-top{background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:8px 8px 0 0;justify-content:center;align-items:center;width:140px;height:28px;display:flex;position:relative;box-shadow:0 -4px 14px #7c3aed80}.lid-ribbon-h{background:gold;border-radius:3px;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.lid-ribbon-v{background:gold;border-radius:3px;width:6px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.lid-bow{z-index:1;font-size:1.5rem;position:relative}.lid-front{background:linear-gradient(#6d28d9,#1d4ed8);border-radius:0 0 4px 4px;width:140px;height:10px}.box-body{background:linear-gradient(160deg,#4c1d95,#1e3a8a);border-radius:6px 6px 10px 10px;justify-content:center;align-items:flex-start;width:130px;height:110px;display:flex;position:relative;overflow:visible;box-shadow:0 8px 28px #ff4d6d59,inset 0 1px #ffffff4d}.box-ribbon-h{background:#ffd700d9;height:10px;position:absolute;top:38%;left:0;right:0}.box-ribbon-v{background:#ffd700d9;width:10px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.box-sparkle{pointer-events:none;z-index:10;font-size:1.1rem;position:absolute;top:10px;left:50%}.letter-rise{z-index:5;font-size:2.2rem;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.box-hint{color:var(--text-soft);margin-top:.6rem;font-size:.8rem;font-style:italic}.letter-envelope{width:100%;max-width:440px;position:relative}.envelope-flap{border-top:60px solid #7c3aed33;border-left:220px solid #0000;border-right:220px solid #0000;width:0;height:0;margin:0 auto -1px}.envelope-body{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-strong), 0 0 0 1px #a78bfa33;background:#140a32bf;border:1px solid #a78bfa4d;border-radius:16px;padding:1.8rem 1.4rem;position:relative}.letter-heading{margin-bottom:1rem}.letter-paper{text-align:left;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#a78bfa80 transparent;min-height:200px;max-height:min(320px,42vh);padding:.8rem .5rem;position:relative;overflow:hidden auto}.letter-lines{pointer-events:none;background-image:repeating-linear-gradient(#0000,#0000 27px,#a78bfa1f 27px 28px);position:absolute;inset:0}.letter-text{font-family:var(--font-display);color:#ffffffe0;z-index:1;font-size:.92rem;line-height:1.9;position:relative}.letter-line{min-height:1.9em;margin:0}.letter-line-active{color:#fffffff2}.letter-scroll-anchor{width:100%;height:1px}.cursor-blink{color:#fbbf24;font-weight:700;animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.letter-seal{filter:drop-shadow(0 2px 4px #0000001f);font-size:2rem;position:absolute;bottom:-12px;right:20px}.seven-min-screen{justify-content:flex-start;gap:.6rem}.seven-min-screen .section-title{flex-shrink:0}.letter-screen{gap:.5rem}.seven-info-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#ffffff0f;border:1px solid #a78bfa40;border-radius:16px;flex-shrink:0;width:100%;max-width:400px;padding:1.1rem 1.2rem;box-shadow:0 4px 24px #7c3aed33}.seven-theory-text{color:#fffc;font-size:.9rem;font-weight:300;line-height:1.7}.seven-theory-text strong{color:#fbbf24;font-weight:700}.seven-theory-sub{color:#ffffff80;margin-top:.5rem;font-size:.85rem;font-style:italic}.countdown-ring-wrapper{position:relative}.seven-progress-bar{align-items:center;gap:.6rem;width:100%;max-width:320px;margin:.25rem 0 .5rem;display:flex}.seven-progress-track{background:#ffffff1a;border:1px solid #a78bfa40;border-radius:999px;flex:1;height:8px;overflow:hidden}.seven-progress-fill{background:linear-gradient(90deg,#7c3aed,#fbbf24);border-radius:999px;height:100%;box-shadow:0 0 12px #fbbf2466}.seven-skip-btn{color:#ffffffd9;cursor:pointer;background:#7c3aed40;border:1px solid #a78bfa59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:background .2s,transform .2s;display:flex}.seven-skip-btn:hover{background:#7c3aed73;transform:scale(1.08)}.countdown-svg{width:160px;height:160px}.memory-flash-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:#ffffff12;border:1px solid #a78bfa40;border-radius:16px;flex-shrink:0;align-items:center;gap:.8rem;width:100%;max-width:380px;padding:.9rem 1.1rem;display:flex;box-shadow:0 4px 24px #7c3aed33}.mem-icon{flex-shrink:0;font-size:2rem}.mem-content{flex:1}.mem-tag{text-transform:uppercase;letter-spacing:1px;color:#fbbf24;margin-bottom:.2rem;font-size:.7rem;font-weight:600;display:block}.mem-text{color:#ffffffd1;font-size:.85rem;font-style:italic;line-height:1.5}.seven-idle-text{color:var(--text-soft);text-align:center;max-width:300px;font-size:.88rem;font-style:italic}.seven-done{flex-direction:column;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.seven-done span:first-child{font-size:2.5rem}.seven-done p{font-family:var(--font-display);color:var(--text);font-size:1rem;font-style:italic}.seven-controls{flex-shrink:0;gap:.8rem;margin-bottom:.25rem;display:flex}.ctrl-btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:50px;padding:.7rem 1.6rem;font-size:.9rem;font-weight:600;transition:box-shadow .2s}.ctrl-btn.primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 4px 20px #7c3aed80}.ctrl-btn.secondary{color:#a78bfa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #a78bfa4d}.ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.bouquet-wrapper{margin:.5rem 0}.bouquet-svg{filter:drop-shadow(0 4px 14px #ff4d6d38);width:240px;height:120px}.final-name{font-family:var(--font-display);background:linear-gradient(135deg,#fbbf24,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.4rem 0;font-size:1.5rem;font-style:italic;font-weight:600}.final-message{color:#ffffffb8;max-width:400px;font-size:.98rem;font-weight:300;line-height:1.8}.heart-row{gap:.5rem;margin-top:1.2rem;font-size:1.3rem;display:flex}.floating-heart{display:inline-block}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0000,#0a051eeb);justify-content:center;align-items:center;gap:.8rem;padding:.8rem 1rem 1.2rem;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#a78bfa;cursor:pointer;background:#7c3aed2e;border:1px solid #a78bfa59;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;transition:all .2s;display:flex}.nav-arrow:disabled{opacity:.25;cursor:default}.nav-dots{align-items:center;gap:.35rem;display:flex}.nav-dot{cursor:pointer;background:#7c3aed1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .2s;display:flex;position:relative}.nav-dot.active{background:#7c3aed4d}.dot-emoji{font-size:.9rem;line-height:1}.dot-ring{pointer-events:none;border:2px solid #fbbf24;border-radius:50%;position:absolute;inset:-3px;box-shadow:0 0 8px #fbbf2480}.screen-counter{color:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#ffffff0f;border:1px solid #a78bfa40;border-radius:20px;padding:.3rem .7rem;font-size:.72rem;font-weight:500;position:fixed;top:1rem;right:1rem}.collage-screen{width:100%;height:100%;padding:var(--safe-top) 0 var(--safe-bottom);box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.collage-glow{pointer-events:none;filter:blur(40px);z-index:1;background:radial-gradient(circle,#7c3aed73,#38bdf833 60%,#0000 80%);border-radius:50%;width:340px;height:340px;animation:3s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.collage-title-badge{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-display);color:#fff;letter-spacing:.5px;background:#ffffff12;border:1px solid #a78bfa4d;border-radius:50px;flex-shrink:0;align-items:center;gap:.5rem;margin-top:0;padding:.5rem 1.2rem;font-size:.95rem;font-style:italic;display:flex;position:relative;box-shadow:0 4px 20px #7c3aed40}.collage-canvas-wrapper{scrollbar-width:none;z-index:2;flex:1;width:100%;position:relative;overflow:auto}.collage-canvas-wrapper::-webkit-scrollbar{display:none}.collage-canvas{width:1000px;height:1000px;margin:0 auto;position:relative}.collage-thumb{cursor:pointer;background:0 0;border:2px solid #ffffff26;border-radius:10px;padding:0;transition:border-color .2s;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0006}.collage-thumb:hover{border-color:#fbbf24;box-shadow:0 6px 24px #fbbf2466,0 0 0 1px #fbbf244d}.collage-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.collage-main-photo{z-index:30;cursor:pointer;border-radius:50%;width:170px;height:170px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.collage-main-photo img{object-fit:cover;border:3px solid #fbbf24;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 0 6px #7c3aed59,0 0 40px #7c3aed80,0 8px 32px #00000080}.main-ring{pointer-events:none;border:2px solid #fbbf2480;border-radius:50%;position:absolute;inset:-10px}.main-ring.ring2{border-color:#a78bfa59;inset:-22px}.main-label{white-space:nowrap;font-family:var(--font-display);color:#fbbf24;text-shadow:0 0 10px #fbbf2499;font-size:.9rem;font-style:italic;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.collage-sparkle{pointer-events:none;z-index:31;-webkit-user-select:none;user-select:none;position:absolute;transform:translate(-50%,-50%)}.collage-subtitle{z-index:20;text-align:center;flex-shrink:0;margin-bottom:0;padding:.4rem 1rem 0;font-size:.82rem;line-height:1.6;position:relative}.collage-lightbox{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;background:#050014e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;border:2px solid #fbbf2480;border-radius:20px;max-width:min(90vw,480px);max-height:80vh;box-shadow:0 0 60px #7c3aed66}.lightbox-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex;position:absolute;top:1.2rem;right:1.2rem}.pre-birthday-inner{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;z-index:2;width:100%;height:100%;max-height:100dvh;display:block;position:absolute;inset:0;overflow:hidden auto}.pre-birthday-screen{height:auto;min-height:auto;padding-top:max(1.25rem, env(safe-area-inset-top));padding-bottom:max(3rem, env(safe-area-inset-bottom));flex-shrink:0;justify-content:flex-start;gap:.75rem;overflow:visible}.pre-birthday-screen:before,.pre-birthday-screen:after{display:none}.pre-landing,.pre-note-view{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.pre-count-block,.pre-count-top{flex-direction:column;align-items:center;width:min(100%,340px);display:flex}.pre-count-top{margin-bottom:.35rem}.pre-count-top .pre-countdown{margin-top:.35rem}.pre-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#fbbf24d9;font-size:.75rem;font-weight:500}.pre-title{font-family:var(--font-display);color:#f5f0ff;text-align:center;font-size:clamp(1.75rem,6vw,2.4rem);font-weight:600;line-height:1.25}.pre-title span{color:var(--gold);font-style:italic;font-weight:400}.boy-scene{flex-direction:column;justify-content:center;align-items:center;width:min(100%,340px);min-height:140px;margin:.4rem 0 .2rem;display:flex;position:relative}.boy-figure{filter:drop-shadow(0 12px 24px #7c3aed59);align-items:flex-end;gap:.15rem;font-size:4.2rem;line-height:1;display:flex}.boy-bouquet{transform-origin:0 100%;margin-bottom:.35rem;margin-left:-.4rem;font-size:2.4rem;display:inline-block}.boy-speech{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f0eaff;background:#ffffff1a;border:1px solid #fbbf2459;border-radius:18px 18px 18px 4px;max-width:280px;margin-top:.75rem;padding:.85rem 1.15rem;box-shadow:0 8px 28px #0f072259}.boy-speech p{font-size:.95rem;font-weight:500}.boy-speech-sub{color:#e2d6ffbf!important;margin-top:.35rem!important;font-size:.78rem!important;font-weight:400!important}.pre-countdown{grid-template-columns:repeat(4,1fr);gap:.45rem;width:min(100%,340px);margin:0 auto;display:grid}.pre-count-cell{background:linear-gradient(160deg,#7c3aed59,#0ea5e92e);border:1px solid #a78bfa59;border-radius:14px;flex-direction:column;align-items:center;padding:.7rem .35rem;display:flex;box-shadow:inset 0 1px #ffffff14}.pre-count-num{font-family:var(--font-display);color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(1.35rem,5vw,1.75rem);font-weight:700;line-height:1.1}.pre-count-label{letter-spacing:.08em;text-transform:uppercase;color:#e2d6ffa6;margin-top:.25rem;font-size:.62rem}.pre-days-hint{text-align:center;color:#fbbf24e6;margin-top:.65rem;font-size:.85rem}.pre-cta-wrap{flex-direction:column;align-items:center;gap:.85rem;width:min(100%,340px);margin-top:.5rem;display:flex}.pre-cta-hint{text-align:center;color:#e2d6ffb3;max-width:260px;font-size:.82rem;line-height:1.5}.pre-open-btn{gap:.5rem}.pre-daily-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:linear-gradient(165deg,#ffffff1f,#7c3aed2e 55%,#0ea5e91a);border:1px solid #fbbf2447;border-radius:22px;width:min(100%,360px);margin-top:.35rem;padding:1.35rem 1.25rem 1.5rem;box-shadow:0 16px 48px #0f072266}.pre-daily-emoji{margin-bottom:.45rem;font-size:2.4rem;line-height:1}.pre-daily-day{letter-spacing:.12em;text-transform:uppercase;color:#fbbf24d9;margin-bottom:.45rem;font-size:.7rem}.pre-daily-title{font-family:var(--font-display);color:#fff;margin-bottom:.7rem;font-size:1.35rem;font-weight:600}.pre-daily-msg{color:#f5f0ffeb;margin-bottom:.75rem;font-size:.95rem;line-height:1.65}.pre-daily-bi{margin-bottom:.35rem;font-size:.88rem;line-height:1.5}.pre-daily-footer{color:#e2d6ff8c;border-top:1px solid #ffffff1f;margin-top:1rem;padding-top:.85rem;font-size:.75rem;line-height:1.55}.pre-daily-footer--tight{color:#e2d6ffb3;border-top:none;margin-bottom:.85rem;padding-top:0}.pre-surprise-cta{border-top:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:.75rem;width:100%;margin-top:1.1rem;padding-top:1rem;display:flex}.pre-surprise-btn{width:100%;max-width:280px;box-shadow:0 8px 28px #e11d4873;background:linear-gradient(135deg,#e11d48,#fbbf24)!important}@media (width<=480px){:root{--safe-top:3.2rem;--safe-bottom:6.8rem}.wish-title{font-size:2.2rem}.wish-name{font-size:1.6rem}.plate-name{font-size:1.9rem!important}.name-plate{min-width:200px;padding:1.8rem 2rem 1.5rem}.name-plate-wrapper{min-height:170px}.opening-title{font-size:2rem}.section-title{font-size:1.55rem}.photo-card{height:min(45vh,320px);min-height:260px}.portrait-3d-wrapper{width:240px;height:240px}.foods-grid,.things-grid{grid-template-columns:repeat(3,1fr)}.envelope-flap{border-left-width:48vw;border-right-width:48vw}.bouquet-svg{width:190px}.countdown-svg{width:140px;height:140px}.pre-title{font-size:1.55rem}.boy-figure{font-size:3.4rem}.boy-bouquet{font-size:2rem}.boy-scene{min-height:120px}.pre-birthday-screen{gap:.55rem}}@media (width>=768px){.screen-content{max-width:580px;padding:var(--safe-top) 2rem var(--safe-bottom)}.wish-title{font-size:3.2rem}.photo-card{height:min(55vh,420px);min-height:340px}.portrait-3d-wrapper{width:340px;height:340px}}