:root{--primary-pink: #e74d8c;--secondary-pink: #f7b6c6;--accent-pink: #c83a73;--soft-pink: #fff2f6;--deep-pink: #a73161;--gold: #FFD700;--white: #FFFFFF;--light-gray: #F8F9FA;--shadow: rgba(199, 58, 115, .2);--font-heading: "Great Vibes", cursive;--font-elegant: "Cormorant Garamond", serif;--font-special: "Alex Brush", cursive;--font-body: "Poppins", sans-serif;--gradient-primary: linear-gradient(135deg, #f45fa0, #da356f, #b8255d);--gradient-soft: linear-gradient(135deg, #f7a5b8, #fff0f3 48%, #f8b8ca);--gradient-gold: linear-gradient(135deg, #FFD700, #FFA500)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:radial-gradient(circle at 14% 21%,rgba(255,255,255,.72),transparent 6%),radial-gradient(circle at 89% 12%,rgba(255,255,255,.5),transparent 8%),radial-gradient(circle at 78% 86%,rgba(207,63,112,.32),transparent 12%),linear-gradient(135deg,#ef9fb0,#ffe8ed 44%,#f5b6c6);min-height:100vh;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0}body:before{top:-14vh;right:-10vw;bottom:-14vh;left:-10vw;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.74),transparent 16%),radial-gradient(circle at 64% 28%,rgba(255,255,255,.44),transparent 18%),radial-gradient(circle at 78% 78%,rgba(216,62,111,.3),transparent 24%),radial-gradient(circle at 22% 78%,rgba(255,196,209,.54),transparent 20%);filter:blur(34px);opacity:.82;transform:scale(1.04)}body:after{right:8vw;bottom:10vh;width:82px;height:82px;background:#e05a88;clip-path:path("M41 74 C41 74 6 44 6 22 C6 10 15 3 25 3 C33 3 38 8 41 15 C44 8 49 3 57 3 C67 3 76 10 76 22 C76 44 41 74 41 74 Z");filter:blur(14px);opacity:.38}body.gate-open{overflow:hidden}.gift-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:grid;place-items:center;padding:1rem;background:#efc0cb;transition:opacity .55s ease,visibility .55s ease}.gift-gate.hidden{opacity:0;visibility:hidden;pointer-events:none}.gate-card{width:min(920px,94vw);min-height:min(540px,82vh);padding:clamp(1.4rem,4vw,3rem);display:grid;justify-items:center;align-content:center;gap:clamp(.9rem,2vw,1.35rem);text-align:center;color:#a71969;background:radial-gradient(circle at 50% 44%,#ffb1cda3,#ffeee300 42%),linear-gradient(135deg,#fff8dc,#ffd8df 48%,#fff1db);border:2px solid rgba(255,255,255,.65);border-radius:1.8rem;box-shadow:0 24px 80px #a62a6438}.gate-kicker{font-size:clamp(.78rem,2.2vw,.95rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a719699e}.gate-card h2{font-family:var(--font-heading);font-size:clamp(3rem,10vw,5.2rem);line-height:.95;font-weight:400;color:#c2187a;text-shadow:0 3px 0 rgba(255,255,255,.72)}.gate-question{font-family:var(--font-body);font-size:clamp(1rem,3vw,1.45rem);font-weight:500;color:#b12672}.gate-actions{display:flex;justify-content:center;gap:clamp(1rem,4vw,3rem);min-height:58px;flex-wrap:wrap}.gate-btn{min-width:118px;min-height:50px;border:0;border-radius:999px;background:#fffce8;color:#9c1b63;font-family:var(--font-body);font-size:1rem;font-weight:800;text-transform:uppercase;text-decoration:underline;cursor:pointer;box-shadow:0 10px 22px #a62a6424;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.gate-btn:hover,.gate-btn:focus-visible{background:#fff;transform:translateY(-3px) scale(1.04);box-shadow:0 14px 28px #a62a6433}.gate-btn.no.looping{animation:dodgeNo .38s ease}.gate-illustration{width:min(240px,56vw);min-height:188px;display:grid;place-items:center}.mini-bear{position:relative;width:132px;height:154px;animation:gateBounce 1.9s ease-in-out infinite}.mini-bear:before,.mini-bear:after{content:"";position:absolute;bottom:0;width:42px;height:72px;background:#fff;border:4px solid #5b4b51;border-top:0;border-radius:0 0 24px 24px}.mini-bear:before{left:16px;transform:rotate(12deg)}.mini-bear:after{right:16px;transform:rotate(-12deg)}.bear-ear{position:absolute;top:10px;width:42px;height:42px;background:#fff;border:4px solid #5b4b51;border-radius:50%}.bear-ear.left{left:8px}.bear-ear.right{right:8px}.bear-face{position:absolute;left:50%;top:20px;width:104px;height:114px;transform:translate(-50%);background:#fff;border:4px solid #5b4b51;border-radius:48% 48% 44% 44%;z-index:2}.bear-eye{position:absolute;top:44px;width:12px;height:14px;background:#21191c;border-radius:50%}.bear-eye.left{left:30px}.bear-eye.right{right:30px}.bear-mouth{position:absolute;left:50%;top:66px;width:28px;height:14px;border-bottom:4px solid #21191c;border-radius:0 0 24px 24px;transform:translate(-50%)}.bear-scarf{position:absolute;left:50%;top:112px;width:116px;height:24px;transform:translate(-50%) rotate(2deg);background:#f37fa9;border:3px solid #a54673;border-radius:999px;z-index:3}.mini-bear.sad{animation:sadSway 1.4s ease-in-out infinite}.mini-bear.sad .bear-mouth{top:74px;transform:translate(-50%) rotate(180deg)}.mini-bear.sad .bear-face:after{content:"";position:absolute;right:27px;top:58px;width:8px;height:18px;background:#6fc5ff;border-radius:999px 999px 999px 12px}.click-yes-icon{position:relative;width:230px;height:116px;transform:rotate(-14deg);animation:pointWiggle .85s ease-in-out infinite}.click-yes-icon:before{content:"";position:absolute;left:18px;top:52px;width:168px;height:18px;background:#fff;border:4px solid #8d6878;border-radius:999px 16px 16px 999px}.click-yes-icon:after{content:"";position:absolute;right:22px;top:26px;width:72px;height:38px;background:#f492bd;border:4px solid #8d6878;border-radius:24px 999px 999px 24px}.gift-box-btn{position:relative;width:min(230px,58vw);height:190px;margin-top:.25rem;border:0;background:transparent;cursor:pointer;animation:gateBounce 1.8s ease-in-out infinite}.gift-body,.gift-lid,.gift-bow{position:absolute;left:50%;transform:translate(-50%)}.gift-body{bottom:18px;width:150px;height:104px;background:#ffd5da;border:5px solid #c17785;border-radius:16px 16px 10px 10px;box-shadow:inset 61px 0 #ffe768b8}.gift-lid{bottom:116px;width:174px;height:42px;background:#ffe2e5;border:5px solid #c17785;border-radius:18px}.gift-bow{bottom:143px;width:98px;height:56px;z-index:2}.gift-bow:before,.gift-bow:after{content:"";position:absolute;top:7px;width:48px;height:36px;border:7px solid #ffe768;border-radius:50% 50% 12px}.gift-bow:before{left:0;transform:rotate(-32deg)}.gift-bow:after{right:0;transform:rotate(32deg) scaleX(-1)}@keyframes gateBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sadSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes pointWiggle{0%,to{transform:rotate(-14deg) translate(0)}50%{transform:rotate(-8deg) translate(8px)}}@keyframes dodgeNo{0%,to{transform:translate(0)}25%{transform:translate(16px) rotate(3deg)}75%{transform:translate(-16px) rotate(-3deg)}}.gate-panel[hidden]{display:none}.gate-panel{width:min(560px,100%);display:grid;justify-items:center;align-content:center;gap:clamp(.7rem,2vw,1rem);min-height:min(620px,84vh)}.gate-illustration.compact{min-height:clamp(168px,28vw,230px);transform-origin:bottom center}.gate-sticker{display:block;width:min(260px,58vw);height:auto;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(166,42,100,.18));animation:gateBounce 1.9s ease-in-out infinite}.welcome-sticker{width:min(270px,62vw)}.reward-sticker{width:min(230px,58vw);margin:-.2rem 0 .35rem}.hug-heart{position:absolute;left:2px;top:64px;z-index:4;width:38px;height:38px;display:grid;place-items:center;color:#fff;font-size:1.35rem;background:#f06a9e;border:3px solid #a54673;border-radius:50%;transform:rotate(-12deg)}.tiny-click{margin-top:-.6rem;color:#9f1b6380;font-size:.78rem;font-weight:700}.journey-btn{min-width:min(250px,82vw);min-height:52px;padding:.85rem 1.4rem;border:3px solid #a8326d;border-radius:.45rem;background:linear-gradient(180deg,#ef74aa,#cf477f);color:#fff;font-family:var(--font-body);font-size:clamp(.95rem,2.8vw,1.08rem);font-weight:800;text-transform:lowercase;cursor:pointer;box-shadow:0 9px #9f2b61,0 15px 25px #a62a642e;transform:rotate(-3deg);transition:transform .2s ease,box-shadow .2s ease}.journey-btn:hover,.journey-btn:focus-visible{transform:rotate(-1deg) translateY(-3px);box-shadow:0 11px #9f2b61,0 19px 30px #a62a6438}.gate-card .pin-title,.gate-card .reward-title{font-family:var(--font-body);font-size:clamp(1.8rem,7vw,3rem);line-height:1.05;font-weight:900;color:#a91962;text-transform:uppercase;letter-spacing:0}.pin-hint{margin-top:-.4rem;font-family:var(--font-elegant);font-size:clamp(1rem,3vw,1.25rem);font-weight:700;color:#881c50bd}.pin-slots,.reward-digits{display:flex;justify-content:center;gap:clamp(.7rem,2.5vw,1rem);margin:.6rem 0 .9rem;flex-wrap:wrap}.pin-slot,.reward-digit{width:clamp(58px,15vw,76px);aspect-ratio:1;display:grid;place-items:center;border:4px solid #a8326d;border-radius:1.15rem;background:linear-gradient(145deg,#e7a6db,#f6b1cf);color:#e32f4d;font-size:clamp(1.6rem,6vw,2.35rem);box-shadow:inset 0 4px 10px #ffffff6b,0 8px 16px #a62a6429}.pin-slot.filled{animation:popSlot .18s ease}.pin-grid{width:min(340px,100%);display:grid;grid-template-columns:repeat(5,minmax(46px,1fr));gap:clamp(.65rem,2vw,.85rem);justify-items:center}.pin-key{width:clamp(48px,13vw,64px);aspect-ratio:1;border:3px solid #9e2f68;border-radius:1rem;background:#fffc;color:#9f1d61;font-family:var(--font-body);font-size:clamp(1.25rem,4vw,1.65rem);font-weight:900;cursor:pointer;box-shadow:0 7px #9e2f683d;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.pin-key:hover,.pin-key:focus-visible{background:#fff;transform:translateY(-2px);box-shadow:0 9px #9e2f683d}.pin-key:active{transform:translateY(3px);box-shadow:0 3px #9e2f683d}.pin-feedback{min-height:1.5rem;color:#a91962;font-size:.92rem;font-weight:800}.pin-panel.wrong{animation:wrongPin .36s ease}.reward-digit{gap:.35rem;grid-template-rows:1fr auto;color:#e0314f}.reward-digit span{line-height:1}.reward-digit strong{color:#81154c;font-size:clamp(1.35rem,4vw,1.9rem)}.mini-cat{position:relative;width:118px;height:110px;margin:.2rem 0 .55rem;animation:gateBounce 1.6s ease-in-out infinite}.cat-face{position:absolute;left:50%;top:20px;width:88px;height:82px;transform:translate(-50%);background:#fff;border:4px solid #5b4b51;border-radius:44% 44% 36% 36%}.cat-face:before,.cat-face:after{content:"";position:absolute;top:33px;width:10px;height:12px;background:#21191c;border-radius:50%}.cat-face:before{left:25px}.cat-face:after{right:25px}.cat-ear{position:absolute;top:6px;width:38px;height:38px;background:#fff;border:4px solid #5b4b51;transform:rotate(45deg)}.cat-ear.left{left:14px}.cat-ear.right{right:14px}.pom{position:absolute;bottom:0;width:34px;height:34px;background:#ff9fc6;border:4px solid #a54673;border-radius:50%;z-index:4}.pom.left{left:14px}.pom.right{right:14px}@keyframes popSlot{0%{transform:scale(.86)}to{transform:scale(1)}}@keyframes wrongPin{0%,to{transform:translate(0)}25%{transform:translate(-12px)}75%{transform:translate(12px)}}@media (max-width: 560px){.gate-card{min-height:min(760px,84svh);padding:1.25rem}.pin-grid{max-width:320px;grid-template-columns:repeat(5,minmax(42px,1fr));gap:.55rem}.pin-key{width:min(48px,100%)}}@media (max-width: 380px){.pin-grid{max-width:292px;gap:.45rem}.pin-key{width:44px}}.hearts-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;filter:blur(.7px);opacity:.72}.heart{position:absolute;color:var(--primary-pink);font-size:20px;animation:float 6s infinite ease-in-out;opacity:.7}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.container{max-width:1500px;margin:0 auto;padding:clamp(1rem,3vw,3.6rem);position:relative;z-index:10}.legacy-section{display:none!important}.monthsary-hero{min-height:min(920px,calc(100vh - 1rem));padding:clamp(1.4rem,3vw,3.2rem) clamp(1.4rem,3.6vw,4rem);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:clamp(.85rem,1.4vw,1.35rem);overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.92);border-radius:clamp(1.6rem,4vw,3rem);background:linear-gradient(135deg,#ffffff85,#ffebf14f),radial-gradient(circle at 17% 18%,rgba(255,255,255,.82),transparent 14%),radial-gradient(circle at 72% 34%,rgba(255,167,190,.28),transparent 22%);box-shadow:0 34px 100px #a62a6438,inset 0 1px #ffffffeb,inset 0 -1px #ffffff57;backdrop-filter:blur(30px) saturate(1.22);-webkit-backdrop-filter:blur(30px) saturate(1.22)}.monthsary-hero:before,.monthsary-hero:after{content:"♡";position:absolute;color:#dc3f7638;font-size:clamp(3rem,8vw,8rem);font-family:var(--font-heading);pointer-events:none}.monthsary-hero:before{left:5%;top:18%;transform:rotate(-20deg)}.monthsary-hero:after{right:6%;top:33%;transform:rotate(16deg)}.hero-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--deep-pink);font-weight:700}.nav-brand,.nav-pill{display:inline-flex;align-items:center;gap:.7rem}.nav-heart{font-size:2.2rem;line-height:1}.nav-pill{min-height:44px;padding:0 1.5rem;border:1px solid rgba(255,255,255,.66);border-radius:999px;background:linear-gradient(135deg,#ffffff7a,#ffeef43d);color:var(--primary-pink);font-weight:700;cursor:pointer;box-shadow:inset 0 1px #ffffffd6,0 10px 26px #a62a6414;backdrop-filter:blur(16px) saturate(1.18);-webkit-backdrop-filter:blur(16px) saturate(1.18)}.hero-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.9fr);align-items:center;gap:clamp(.75rem,2vw,2rem);padding:0 clamp(.25rem,1.4vw,1rem)}.hero-copy{position:relative;z-index:2;display:grid;justify-items:center;text-align:center}.hero-sparkle{margin-left:58%;color:#cf3a7399;font-size:clamp(2rem,6vw,5rem);line-height:.6}.hero-copy h1{font-family:var(--font-elegant);font-size:clamp(5rem,9.3vw,9.4rem);line-height:1.2;font-weight:600;letter-spacing:0;color:transparent;background:linear-gradient(90deg,#923052,#c54870 48%,#ef756f);-webkit-background-clip:text;background-clip:text;text-shadow:0 14px 26px rgba(179,42,91,.16)}.hero-subtitle{width:min(760px,100%);margin-top:1.3rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;color:var(--deep-pink);font-family:var(--font-elegant);font-size:clamp(1.25rem,3vw,2.05rem)}.hero-subtitle span{height:1px;background:linear-gradient(90deg,transparent,rgba(176,51,92,.34),transparent)}.countdown-card{width:min(650px,100%);margin-top:1.6rem;padding:clamp(1.3rem,3vw,2rem);border:1px solid rgba(255,255,255,.86);border-radius:clamp(1.5rem,4vw,2.4rem);background:linear-gradient(135deg,#ffffffa8,#fff4f83d),radial-gradient(circle at 18% 8%,rgba(255,255,255,.58),transparent 36%);box-shadow:0 24px 58px #b83a6726,inset 0 1px #ffffffeb,inset 0 -1px #ffffff47;backdrop-filter:blur(26px) saturate(1.26);-webkit-backdrop-filter:blur(26px) saturate(1.26)}.count-label{display:flex;align-items:center;justify-content:center;gap:1rem;color:#a93161ad;font-size:.82rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.count-label:before,.count-label:after{content:"";width:74px;height:1px;background:#a931613d}.countdown-grid{margin-top:1.35rem;display:grid;grid-template-columns:repeat(4,1fr)}.countdown-grid div{display:grid;justify-items:center;gap:.45rem;color:var(--deep-pink);border-right:1px solid rgba(169,49,97,.15)}.countdown-grid div:last-child{border-right:0}.countdown-grid strong{font-family:var(--font-elegant);font-size:clamp(2.1rem,5vw,3.5rem);font-weight:500;line-height:1}.countdown-grid span{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.count-note{margin-top:1.6rem;color:var(--deep-pink);font-size:.96rem}.hero-visual{position:relative;min-height:clamp(430px,41vw,590px);display:grid;place-items:end center;align-self:end}.hero-visual:before{content:"";position:absolute;right:-2%;bottom:3%;width:min(570px,108%);height:78%;border:1px solid rgba(255,255,255,.52);border-radius:48% 48% 2rem 2rem;background:linear-gradient(135deg,#ffffff57,#ffd8e52e),radial-gradient(circle at 52% 28%,rgba(255,255,255,.44),transparent 38%);box-shadow:0 26px 52px #b23a671f,inset 0 1px #ffffffd1;backdrop-filter:blur(18px) saturate(1.16);-webkit-backdrop-filter:blur(18px) saturate(1.16)}.chibi-glow{position:absolute;right:-1%;bottom:8%;width:min(520px,104%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 46%,rgba(255,255,255,.9),rgba(255,191,212,.54) 58%,rgba(255,255,255,.48) 61%,transparent 62%);box-shadow:inset -18px -12px #ffffff57}.baby-girl-art{position:relative;z-index:2;width:min(560px,106%);max-height:min(590px,47vw);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 24px rgba(139,42,76,.16))}.journey-line{width:min(1200px,90%);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;position:relative;color:var(--deep-pink)}.journey-line:before{content:"";position:absolute;left:6%;right:6%;top:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(169,49,97,.32),transparent)}.journey-step{display:grid;justify-items:center;gap:.32rem;text-align:center;position:relative;z-index:1}.journey-step span{width:48px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffffffb3,#fff2f752);border:1px solid rgba(255,255,255,.86);box-shadow:0 10px 24px #a931611f,inset 0 1px #ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--primary-pink);font-size:1.35rem}.journey-step strong{margin-top:.25rem;font-size:.9rem}.journey-step em{font-style:normal;font-size:.82rem;opacity:.68}.next-chapter-btn{justify-self:center;min-width:min(390px,82vw);min-height:60px;padding:0 2rem;display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;border-radius:999px;color:#fff;text-decoration:none;font-family:var(--font-elegant);font-size:clamp(1.25rem,3vw,1.55rem);font-weight:700;background:linear-gradient(180deg,#f45fa0,#c72964);box-shadow:0 17px 28px #b02a5b42,inset 0 1px #ffffff73}.made-with-love{justify-self:center;color:var(--deep-pink);font-size:.88rem;opacity:.86}.moments-timeline{margin-top:clamp(1.5rem,4vw,3.5rem);position:relative}.moment-panel{min-height:min(900px,calc(100vh - clamp(2rem,5vw,5rem)));display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding:clamp(1.4rem,4vw,4.2rem);margin-bottom:clamp(1rem,3vw,2.4rem);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:clamp(1.4rem,3vw,2.5rem);background:linear-gradient(135deg,#ffffff94,#ffecf347),radial-gradient(circle at 17% 24%,rgba(255,255,255,.72),transparent 20%),radial-gradient(circle at 82% 74%,rgba(230,80,136,.2),transparent 28%);box-shadow:0 28px 78px #a62a642e,inset 0 1px #ffffffe6;scroll-snap-align:start;scroll-snap-stop:always;opacity:.68;transform:translateY(24px) scale(.985);transition:opacity .55s ease,transform .55s ease}.moment-panel:before{content:"";position:absolute;left:clamp(3.4rem,7vw,7rem);top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(169,49,97,.25),transparent)}.moment-panel:after{content:"♡";position:absolute;right:6%;top:10%;font-family:var(--font-heading);font-size:clamp(4rem,11vw,9rem);color:#dc3f7621;pointer-events:none}.moment-panel.is-active{opacity:1;transform:translateY(0) scale(1)}.moment-copy{position:relative;z-index:2;display:grid;align-content:center;gap:.7rem;color:var(--deep-pink)}.moment-icon{width:clamp(4.4rem,9vw,6.2rem);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:var(--primary-pink);font-size:clamp(2.1rem,5vw,3.5rem);background:linear-gradient(135deg,#ffffffbd,#fff1f761);border:1px solid rgba(255,255,255,.88);box-shadow:0 18px 38px #a9316129,inset 0 1px #ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:scale(.9);transition:transform .55s ease}.moment-panel.is-active .moment-icon{transform:scale(1);animation:momentPulse 2.2s ease-in-out infinite}.moment-date{margin-top:clamp(.4rem,1.4vw,1rem);color:#a93161ad;font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.moment-copy h2{max-width:11ch;font-family:var(--font-elegant);font-size:clamp(3rem,7vw,6.8rem);line-height:.95;font-weight:600;color:transparent;background:linear-gradient(90deg,#923052,#c54870 52%,#ee736f);-webkit-background-clip:text;background-clip:text}.moment-place{max-width:26rem;color:#722041c7;font-size:clamp(1rem,2vw,1.25rem);font-weight:600}.moment-detail{position:relative;z-index:2;display:grid;justify-items:center;gap:clamp(1rem,2vw,1.4rem);color:var(--deep-pink);transform:translate(18px);transition:transform .55s ease}.moment-panel.is-active .moment-detail{transform:translate(0)}.moment-photo{width:min(540px,100%);aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;border-radius:clamp(1.1rem,2.5vw,2rem);background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.82),transparent 45%),linear-gradient(135deg,#ffffff80,#ffd6e557);border:1px solid rgba(255,255,255,.86);box-shadow:0 24px 54px #952a522e,inset 0 1px #ffffffeb}.moment-photo-square{width:min(500px,100%);aspect-ratio:1}.moment-photo-portrait{width:min(360px,100%);aspect-ratio:9 / 16}.moment-photo-portrait-soft{width:min(420px,100%);aspect-ratio:3 / 4}.moment-photo img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;padding:clamp(.75rem,2vw,1.2rem);filter:drop-shadow(0 18px 20px rgba(139,42,76,.14))}.moment-detail p{width:min(540px,100%);padding:clamp(1rem,2.2vw,1.35rem);border-left:3px solid rgba(231,77,140,.42);color:#722041d1;font-family:var(--font-elegant);font-size:clamp(1.1rem,2.4vw,1.45rem);line-height:1.55;background:#ffffff4d;border-radius:.9rem}.future-photo{min-height:280px}.future-photo span{color:#e74d8cb8;font-family:var(--font-heading);font-size:clamp(8rem,18vw,13rem);line-height:1;animation:futureBeat 2.6s ease-in-out infinite}@keyframes momentPulse{0%,to{box-shadow:0 18px 38px #a9316129,inset 0 1px #ffffffeb}50%{box-shadow:0 22px 48px #a9316142,inset 0 1px #ffffffeb}}@keyframes futureBeat{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}.header{text-align:center;margin-bottom:3rem;padding:2rem 0}.main-title{font-family:var(--font-heading);font-size:clamp(3rem,10vw,5rem);font-weight:400;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.1);animation:glow 2s ease-in-out infinite alternate;letter-spacing:2px}@keyframes glow{0%{filter:drop-shadow(0 0 10px rgba(255,105,180,.3))}to{filter:drop-shadow(0 0 20px rgba(255,105,180,.6))}}.subtitle{font-family:var(--font-elegant);font-size:clamp(1.4rem,4vw,2rem);color:var(--deep-pink);font-weight:400;font-style:italic;letter-spacing:1px}.characters-section{margin:4rem 0;padding:2rem;background:#ffffffe6;border-radius:2rem;box-shadow:0 10px 40px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.character-container{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}.character{text-align:center;padding:2rem;background:var(--gradient-soft);border-radius:1.5rem;box-shadow:0 8px 25px var(--shadow);transition:all .3s ease;min-width:200px}.character:hover{transform:translateY(-10px);box-shadow:0 15px 35px var(--shadow)}.character-avatar{margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.character-svg{width:80px;height:80px;filter:drop-shadow(0 4px 8px var(--shadow))}.character h3{font-family:var(--font-special);font-size:2rem;color:var(--primary-pink);margin-bottom:.5rem;font-weight:400;letter-spacing:1px}.character p{font-family:var(--font-elegant);color:var(--deep-pink);font-style:italic}.love-heart{display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.heart-svg{width:60px;height:60px;filter:drop-shadow(0 4px 8px var(--shadow))}.interaction-section{text-align:center;margin:4rem 0;padding:2rem;background:#fffffff2;border-radius:2rem;box-shadow:0 10px 40px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.love-btn{background:var(--gradient-primary);color:#fff;border:none;padding:1.5rem 3rem;border-radius:3rem;font-size:clamp(1.3rem,4vw,1.8rem);font-family:var(--font-special);font-weight:400;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px var(--shadow);margin:1rem 0;letter-spacing:2px}.love-btn:hover{transform:translateY(-5px);box-shadow:0 15px 35px var(--shadow)}.love-btn:active{transform:translateY(-2px)}.love-note{background:var(--gradient-soft);padding:3rem;border-radius:2rem;box-shadow:0 15px 40px var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);max-width:90%;margin:2rem auto;text-align:center;opacity:0;transform:translateY(30px);transition:all .6s ease;pointer-events:none;position:relative;z-index:10;border:2px solid rgba(255,255,255,.3)}.love-note.visible{opacity:1;transform:translateY(0);pointer-events:auto}.love-note p{font-family:var(--font-elegant);font-size:clamp(1.3rem,4vw,1.8rem);color:var(--deep-pink);line-height:1.8;margin:0;font-weight:500}.memory-gallery{margin:4rem 0;padding:2rem;background:#ffffffe6;border-radius:2rem;box-shadow:0 10px 40px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.memory-gallery h2{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,3.5rem);text-align:center;color:var(--primary-pink);margin-bottom:2rem;font-weight:400;letter-spacing:2px}.memories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.memory-card{background:var(--gradient-soft);padding:2rem;border-radius:1.5rem;text-align:center;box-shadow:0 8px 25px var(--shadow);transition:all .3s ease;cursor:pointer;border:2px solid rgba(255,255,255,.3)}.memory-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px var(--shadow)}.memory-icon{font-size:3rem;margin-bottom:1rem;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.memory-card h3{font-family:var(--font-special);font-size:1.8rem;color:var(--primary-pink);margin-bottom:1rem;font-weight:400;letter-spacing:1px}.memory-card p{font-family:var(--font-body);color:var(--deep-pink);font-size:1.1rem;line-height:1.6}.love-meter-section{margin:4rem 0;padding:2rem;background:#ffffffe6;border-radius:2rem;box-shadow:0 10px 40px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.love-meter-section h2{font-family:var(--font-heading);font-size:clamp(2rem,6vw,3rem);color:var(--primary-pink);margin-bottom:2rem;font-weight:700}.love-meter{position:relative;background:#ffb6c14d;height:30px;border-radius:15px;overflow:hidden;box-shadow:inset 0 2px 4px var(--shadow);margin:2rem 0}.meter-fill{background:var(--gradient-primary);height:100%;width:100%;border-radius:15px;animation:fillAnimation 3s ease-in-out infinite}@keyframes fillAnimation{0%{width:95%}50%{width:100%}to{width:95%}}.love-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-section{margin:4rem 0;padding:2rem;background:#ffffffe6;border-radius:2rem;box-shadow:0 10px 40px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.game-section h2{font-family:var(--font-heading);font-size:clamp(2rem,6vw,3rem);color:var(--primary-pink);margin-bottom:2rem;font-weight:700}.kiss-counter{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0}#kissCount{font-family:var(--font-heading);font-size:4rem;color:var(--primary-pink);font-weight:700;text-shadow:2px 2px 4px var(--shadow)}.kiss-btn{background:var(--gradient-primary);color:#fff;border:none;padding:1.2rem 2.5rem;border-radius:2rem;font-size:1.3rem;font-family:var(--font-heading);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px var(--shadow)}.kiss-btn:hover{transform:scale(1.05);box-shadow:0 12px 30px var(--shadow)}.kiss-effects{position:relative;height:100px;margin-top:1rem}.special-message{margin:4rem 0;padding:3rem;background:var(--gradient-soft);border-radius:2rem;box-shadow:0 15px 40px var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;border:2px solid rgba(255,255,255,.3)}.message-container h2{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,3.5rem);color:var(--primary-pink);margin-bottom:2rem;font-weight:700}.message-container p{font-family:var(--font-elegant);font-size:clamp(1.2rem,4vw,1.6rem);color:var(--deep-pink);line-height:1.8;margin-bottom:1.5rem;font-weight:500}.signature{font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,2rem);color:var(--primary-pink);font-weight:700;margin-top:2rem;font-style:italic}@media (max-width: 768px){.container{width:100%;max-width:100%;padding:1rem}.monthsary-hero{min-height:auto;padding:1.25rem;gap:1.5rem}.hero-main{grid-template-columns:1fr;padding-top:0}.hero-copy h1{font-size:clamp(4.3rem,18vw,7rem)}.hero-subtitle{grid-template-columns:1fr;gap:.45rem}.hero-subtitle span{display:none}.countdown-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem 0}.countdown-grid div:nth-child(2){border-right:0}.hero-visual{min-height:390px;margin-top:-.75rem}.chibi-glow{width:min(430px,105%);right:50%;bottom:6%;transform:translate(50%)}.baby-girl-art{width:min(430px,94vw);max-height:none}.journey-line{width:100%;grid-template-columns:repeat(2,1fr);gap:1rem}.journey-line:before{display:none}.moment-panel{min-height:calc(100svh - 2rem);grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(1rem,3vw,1.75rem);padding:1.25rem}.moment-panel:before{left:3rem}.moment-copy{min-height:auto;padding-left:.1rem;gap:.45rem}.moment-icon{width:clamp(3.5rem,9vw,4.5rem)}.moment-copy h2{max-width:10ch;font-size:clamp(2.35rem,8vw,4.5rem)}.moment-place{font-size:clamp(.9rem,2vw,1.05rem)}.moment-detail{gap:.8rem;transform:translate(14px)}.moment-panel.is-active .moment-detail{transform:translate(0)}.moment-photo{width:100%;max-height:min(52svh,420px)}.moment-photo-square{width:min(420px,100%);aspect-ratio:1}.moment-photo-portrait{width:min(300px,100%);aspect-ratio:9 / 16}.moment-photo-portrait-soft{width:min(340px,100%);aspect-ratio:3 / 4}.moment-photo img{padding:.65rem}.moment-detail p{font-size:1.05rem;line-height:1.45}.character-container{flex-direction:column;gap:2rem}.love-heart{order:-1}.memories-grid{grid-template-columns:1fr}.character{min-width:auto;width:100%}}@media (max-width: 640px){.container{padding:.75rem}.monthsary-hero{width:100%;padding:1rem;gap:1rem;border-radius:1.35rem}.hero-nav{gap:.6rem}.nav-brand{gap:.45rem;font-size:.92rem}.nav-heart{font-size:1.9rem}.hero-sparkle{margin-left:0;font-size:clamp(1.9rem,12vw,3.6rem)}.hero-copy h1{font-size:clamp(3.35rem,16vw,4.9rem);line-height:1.04}.hero-subtitle{margin-top:.75rem;font-size:clamp(1.1rem,6vw,1.45rem)}.countdown-card{margin-top:1rem;padding:1.1rem .9rem;border-radius:1.25rem}.count-label{gap:.55rem;font-size:.68rem;letter-spacing:.18em}.countdown-grid{margin-top:1rem;gap:1rem 0}.count-note{margin-top:1rem;font-size:.88rem;line-height:1.45}.hero-visual{min-height:auto;margin-top:0;padding-top:.35rem}.hero-visual:before{width:100%;height:80%;right:0;bottom:0;border-radius:46% 46% 1.25rem 1.25rem}.chibi-glow{width:min(360px,92vw);bottom:4%}.baby-girl-art{width:min(360px,100%);max-height:58svh}.journey-line{gap:.8rem}.next-chapter-btn{width:100%;min-width:0;min-height:54px;padding:0 1rem;font-size:1.24rem}.moment-panel{min-height:auto;grid-template-columns:1fr;align-content:center;gap:.95rem;padding:1rem;border-radius:1.25rem}.moment-panel:before{left:2.45rem}.moment-copy{gap:.3rem;justify-items:start;width:100%}.moment-copy h2{max-width:12ch;font-size:clamp(2.45rem,11vw,3.7rem);line-height:.98}.moment-detail{width:100%;gap:.75rem;justify-items:center;transform:translateY(14px)}.moment-panel.is-active .moment-detail{transform:translateY(0)}.moment-photo{width:min(100%,540px);max-height:none;height:auto;padding:.65rem;overflow:visible;aspect-ratio:auto}.moment-photo-square{width:min(420px,100%);aspect-ratio:auto}.moment-photo-portrait{width:min(300px,70vw);aspect-ratio:auto}.moment-photo-portrait-soft{width:min(340px,78vw);aspect-ratio:auto}.moment-photo img{width:100%;height:auto;max-height:none;padding:0;border-radius:.9rem}.moment-detail p{width:100%;padding:.95rem 1.05rem;line-height:1.42}}@media (max-width: 480px){.hero-nav{align-items:flex-start}.nav-pill{min-height:38px;padding:0 .85rem;font-size:.82rem}.count-label:before,.count-label:after{width:38px}.journey-line{grid-template-columns:1fr}.moment-panel{min-height:auto;grid-template-columns:1fr;align-content:center;gap:.9rem;padding:.9rem}.moment-panel:before{left:2.25rem}.moment-copy{gap:.28rem}.moment-icon{width:3.7rem}.moment-copy h2{max-width:12ch;font-size:clamp(2.28rem,12vw,3.4rem)}.moment-detail{gap:.7rem;transform:translateY(14px)}.moment-panel.is-active .moment-detail{transform:translateY(0)}.moment-photo-square{width:min(360px,100%)}.moment-photo-portrait{width:min(270px,72vw)}.moment-photo-portrait-soft{width:min(310px,78vw)}.moment-detail p{padding:.9rem 1rem;font-size:1rem;line-height:1.42}.moment-date{letter-spacing:.12em}.moment-place{font-size:.96rem}.future-photo{min-height:220px}.main-title{font-size:2.5rem}.love-note,.special-message{padding:2rem}}@supports (-webkit-touch-callout: none){.love-btn,.kiss-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.love-btn:active,.kiss-btn:active{transform:scale(.98)}}.character,.memory-card,.love-note{will-change:transform}.love-btn,.kiss-btn{will-change:transform,box-shadow}html{scroll-behavior:smooth;scroll-snap-type:y proximity}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--soft-pink)}::-webkit-scrollbar-thumb{background:var(--primary-pink);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--deep-pink)}