:root{--color-cream: #FFF5F5;--color-pink-light: #FFE4E6;--color-pink: #FDA4AF;--color-pink-medium: #FB7185;--color-rose: #E11D48;--color-rose-dark: #9F1239;--color-text: #4A1025;--color-text-light: #7C3A50;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Lora", Georgia, serif;--section-padding: 5rem 1.5rem}@media(max-height:500px)and (orientation:landscape){:root{--section-padding: 2rem 1.5rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-pink-light)}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-pink-light);min-width:320px;overflow-x:hidden}body.no-scroll{overflow:hidden;height:100vh;height:100dvh}.intro-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-pink-light) 0%,#fecdd3 50%,var(--color-cream) 100%);padding:1.5rem}.intro-card{text-align:center;animation:intro-appear .8s ease-out both}@keyframes intro-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.intro-heart{font-size:3.5rem;color:var(--color-rose);margin-bottom:1.5rem;animation:intro-pulse 1.5s ease-in-out infinite}@media(max-height:500px)and (orientation:landscape){.intro-heart{font-size:2rem;margin-bottom:.5rem}.intro-question{font-size:clamp(1rem,3vw,1.4rem);margin-bottom:1rem}.intro-buttons{min-height:50px;gap:1rem}.intro-btn--yes{font-size:1rem;padding:.6rem 2rem}.intro-btn--no{font-size:.85rem;padding:.5rem 1.2rem}.intro-hint{margin-top:.75rem;font-size:.8rem}}@keyframes intro-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.intro-question{font-family:var(--font-heading);font-size:clamp(1.6rem,5vw,2.6rem);font-weight:600;color:var(--color-text);margin-bottom:2.5rem;line-height:1.3}.intro-buttons{display:flex;align-items:center;justify-content:center;gap:1.5rem;min-height:80px}.intro-btn{all:unset;cursor:pointer;display:inline-block;font-family:var(--font-heading);font-weight:600;border-radius:50px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s ease,box-shadow .2s ease}.intro-btn--yes{font-size:1.3rem;color:#fff;background:linear-gradient(135deg,var(--color-rose) 0%,var(--color-pink-medium) 100%);padding:.9rem 3rem;box-shadow:0 4px 20px #e11d4859}.intro-btn--yes:hover{box-shadow:0 6px 28px #e11d4880}.intro-btn--no{font-size:1.1rem;color:var(--color-text-light);background:#fff;padding:.75rem 2rem;box-shadow:0 2px 10px #0000000f}.intro-btn--no:hover{box-shadow:0 3px 14px #0000001a}.intro-hint{margin-top:1.5rem;font-family:var(--font-body);font-size:.95rem;font-style:italic;color:var(--color-text-light);animation:intro-appear .4s ease-out both}.envelope-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-pink-light) 0%,#fecdd3 50%,var(--color-pink-light) 100%);cursor:pointer}.envelope-overlay--opening{animation:overlay-fade 2.2s ease forwards}@keyframes overlay-fade{0%,80%{opacity:1}to{opacity:0;pointer-events:none;visibility:hidden}}.envelope-hint{margin-bottom:2rem;font-family:var(--font-body);font-size:1rem;font-style:italic;color:var(--color-text-light);animation:hint-pulse 2s ease-in-out infinite;min-height:1.5em}@keyframes hint-pulse{0%,to{opacity:.6}50%{opacity:1}}.envelope{position:relative;width:280px;height:calc(280px * 240 / 340)}@media(max-height:500px)and (orientation:landscape){.envelope{width:200px;height:calc(200px * 240 / 340)}.envelope-hint{margin-bottom:1rem;font-size:.85rem}.envelope-letter-heart{font-size:1.3rem}.envelope-letter-text{font-size:.85rem}}@media(min-width:480px)and (min-height:501px){.envelope{width:340px;height:240px}}.envelope-svg{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;filter:drop-shadow(0 8px 24px rgba(160,60,80,.2))}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:54.17%;transform-origin:top center;z-index:2;animation:none}.envelope-flap svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.06))}.envelope--open .envelope-flap{animation:flap-open .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes flap-open{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}50%{transform:rotateX(90deg) scaleY(-1)}to{transform:rotateX(180deg) scaleY(-1);opacity:0}}.envelope-letter{position:absolute;left:14%;right:14%;top:10%;height:70%;background:#fff;border-radius:8px;z-index:-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 16px #0000001a;transition:transform .8s cubic-bezier(.34,1.2,.64,1) .5s}.envelope--open .envelope-letter{transform:translateY(-115%)}.envelope-letter-heart{font-size:2rem;color:var(--color-rose)}.envelope-letter-text{font-family:var(--font-heading);font-size:1.1rem;font-style:italic;color:var(--color-text)}.floating-hearts{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-heart{position:absolute;bottom:-30px;color:var(--color-pink-medium);animation:float-up linear infinite;will-change:transform}@keyframes float-up{0%{transform:translateY(0) rotate(0) scale(1);opacity:0}10%{opacity:var(--heart-opacity, .2)}90%{opacity:var(--heart-opacity, .2)}to{transform:translateY(-110vh) rotate(360deg) scale(.5);opacity:0}}.hero{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:2rem 1.5rem;text-align:center;background:linear-gradient(180deg,var(--color-pink-light) 0%,var(--color-cream) 100%)}.hero-content{animation:hero-fade-in 1.5s ease-out both}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-date{font-family:var(--font-body);font-size:1rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-rose);margin-bottom:1rem}.hero-title{font-family:var(--font-heading);font-weight:600;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.3;color:var(--color-text);margin-bottom:2rem}.hero-name{display:inline-block;font-style:italic;color:var(--color-rose);font-size:1.15em}.hero-counter{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:3rem}.hero-counter-number{font-family:var(--font-heading);font-size:clamp(3rem,8vw,5rem);font-weight:700;color:var(--color-rose);line-height:1}.hero-counter-label{font-family:var(--font-body);font-size:1.1rem;color:var(--color-text-light)}.hero-scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-light);font-size:.9rem;font-style:italic;animation:hint-bounce 2s ease-in-out infinite}.hero-arrow{width:20px;height:20px}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media(max-height:500px)and (orientation:landscape){.hero{min-height:auto;padding:1.5rem}.hero-date{font-size:.75rem;margin-bottom:.4rem}.hero-title{font-size:clamp(1.1rem,3vw,1.6rem);margin-bottom:.8rem}.hero-counter{margin-bottom:1rem}.hero-counter-number{font-size:clamp(1.8rem,5vw,2.5rem)}.hero-counter-label{font-size:.85rem}.hero-scroll-hint{font-size:.75rem}}.timeline-section{position:relative;z-index:1;padding:var(--section-padding);max-width:900px;margin:0 auto}.timeline-heading{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.4rem);text-align:center;color:var(--color-rose);margin-bottom:3rem}.timeline{position:relative}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--color-pink) 5%,var(--color-pink) 95%,transparent);transform:translate(-50%)}.timeline-item{position:relative;display:flex;width:100%;margin-bottom:3rem;opacity:0;transition:opacity 1s ease,transform 1s cubic-bezier(.34,1.3,.64,1)}.timeline-item--left{justify-content:flex-start;padding-right:calc(50% + 2rem);transform:translate(-60px) rotate(-3deg) scale(.9)}.timeline-item--right{justify-content:flex-end;padding-left:calc(50% + 2rem);transform:translate(60px) rotate(3deg) scale(.9)}.timeline-item--visible{opacity:1;transform:translate(0) rotate(0) scale(1)}.timeline-dot{position:absolute;left:50%;top:2rem;width:14px;height:14px;background:var(--color-rose);border:3px solid var(--color-cream);border-radius:50%;transform:translate(-50%) scale(0);z-index:2;box-shadow:0 0 0 4px var(--color-pink-light);transition:transform .5s cubic-bezier(.34,1.56,.64,1) .3s}.timeline-item--visible .timeline-dot{transform:translate(-50%) scale(1)}.timeline-item--visible .timeline-dot:after{content:"";position:absolute;inset:-6px;border-radius:50%;background:var(--color-rose);opacity:0;animation:dot-pulse 1.5s ease-out .5s}@keyframes dot-pulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(2.5);opacity:0}}.timeline-card{width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 20px #e11d4814;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.timeline-card:hover{box-shadow:0 8px 30px #e11d482e;transform:translateY(-3px)}.timeline-item--visible .timeline-card:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(253,164,175,.25) 50%,transparent 60%);z-index:5;animation:card-shimmer 1s ease-out .6s both;pointer-events:none}@keyframes card-shimmer{0%{transform:translate(-100%);opacity:1}to{transform:translate(100%);opacity:0}}.timeline-photo{width:100%;height:200px;object-fit:cover;display:block}.timeline-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:200px;background:var(--color-pink-light);color:var(--color-pink-medium)}.timeline-photo-hint{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.timeline-card-content{padding:1.25rem}.timeline-date{display:inline-block;font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--color-rose);letter-spacing:.05em;margin-bottom:.25rem}.timeline-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--color-text);margin-bottom:.4rem}.timeline-description{font-size:.9rem;color:var(--color-text-light);line-height:1.5}@media(max-height:500px)and (orientation:landscape){.timeline-section{padding:2rem 1.5rem}.timeline-heading{font-size:1.2rem;margin-bottom:1.5rem}.timeline-item{margin-bottom:1.5rem}.timeline-photo,.timeline-photo-placeholder{height:120px}.timeline-card-content{padding:.75rem}.timeline-title{font-size:.95rem;margin-bottom:.2rem}.timeline-date{font-size:.7rem}.timeline-description{font-size:.8rem}}@media(max-width:640px){.timeline-line{left:1.25rem}.timeline-item--left,.timeline-item--right{padding-left:3.5rem;padding-right:0;justify-content:flex-start;transform:translate(-40px) rotate(-2deg) scale(.9)}.timeline-item--visible{transform:translate(0) rotate(0) scale(1)}.timeline-dot{left:1.25rem}}.message-section{position:relative;z-index:1;padding:var(--section-padding);display:flex;justify-content:center}.message-card{max-width:600px;width:100%;background:#fff;border-radius:16px;padding:2.5rem 2rem;text-align:center;box-shadow:0 4px 24px #e11d4814;opacity:0;transform:translateY(30px) scale(.97);transition:opacity .8s ease,transform .8s ease}.message-card--visible{opacity:1;transform:translateY(0) scale(1)}.message-decoration{font-size:2.5rem;color:var(--color-rose);margin-bottom:1.25rem;line-height:1}.message-text{font-family:var(--font-body);font-size:1.05rem;font-style:italic;color:var(--color-text);line-height:1.8;margin-bottom:1rem}.message-text:last-child{margin-bottom:0}@media(max-height:500px)and (orientation:landscape){.message-card{padding:1.5rem 1.25rem}.message-decoration{font-size:1.5rem;margin-bottom:.5rem}.message-text{font-size:.85rem;line-height:1.5;margin-bottom:.5rem}}.footer{position:relative;z-index:1;padding:4rem 1.5rem 3rem;text-align:center;background:linear-gradient(180deg,var(--color-cream) 0%,var(--color-pink-light) 100%)}.footer-content{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.footer-content--visible{opacity:1;transform:translateY(0)}.footer-heart{display:block;font-size:3rem;color:var(--color-rose);margin-bottom:1rem;animation:pulse-heart 1.5s ease-in-out infinite}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.footer-text{font-family:var(--font-heading);font-size:clamp(1.4rem,4vw,2rem);font-weight:600;font-style:italic;color:var(--color-text);margin-bottom:.5rem}.footer-subtext{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-light)}@media(max-height:500px)and (orientation:landscape){.footer{padding:2rem 1.5rem 1.5rem}.footer-heart{font-size:2rem;margin-bottom:.5rem}.footer-text{font-size:1.2rem}.footer-subtext{font-size:.75rem}}.runner-section{position:relative;z-index:1;padding:3rem 1.5rem 4rem;background:var(--color-cream)}.runner-heading{font-family:var(--font-heading);font-size:clamp(1.4rem,3.5vw,2rem);text-align:center;color:var(--color-rose);margin-bottom:1.5rem}.runner-container{max-width:700px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 24px #e11d4814;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.runner-canvas{display:block;width:100%;height:100%}@media(max-height:500px)and (orientation:landscape){.runner-section{padding:1rem}.runner-heading{font-size:1rem;margin-bottom:.5rem}.runner-container{max-width:100%;border-radius:10px}}.app{position:relative;width:100%;min-height:100vh;display:none}.app--visible{display:block;animation:app-fade-in .8s ease both}@keyframes app-fade-in{0%{opacity:0}to{opacity:1}}.timebomb{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff1f2,#fecdd3,#fda4af);overflow:hidden}.timebomb-content{position:relative;z-index:2;text-align:center;padding:2rem;animation:timebomb-appear 1.2s ease-out both}.timebomb-heart{font-size:3rem;color:var(--color-rose);margin-bottom:1.5rem;animation:timebomb-pulse 2s ease-in-out infinite}.timebomb-title{font-family:var(--font-heading);font-size:clamp(1.6rem,5vw,2.4rem);font-weight:600;color:var(--color-text);margin-bottom:1rem}.timebomb-text{font-family:var(--font-body);font-size:clamp(1rem,3vw,1.2rem);color:var(--color-text-light);line-height:1.8;margin-bottom:1.5rem}.timebomb-hint{font-family:var(--font-heading);font-style:italic;font-size:clamp(.9rem,2.5vw,1.1rem);color:var(--color-rose);opacity:0;animation:timebomb-hint-in 1s ease-out 1.5s forwards}@keyframes timebomb-appear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes timebomb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes timebomb-hint-in{0%{opacity:0;transform:translateY(10px)}to{opacity:.8;transform:translateY(0)}}.rotate-hint{display:none}@media(max-width:768px)and (orientation:portrait){.rotate-hint{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-pink-light) 0%,#fecdd3 100%)}.rotate-hint-content{text-align:center;color:var(--color-text);animation:rotate-appear .6s ease-out both}.rotate-hint-icon{color:var(--color-rose);margin-bottom:1.5rem;animation:rotate-phone 2s ease-in-out infinite}@keyframes rotate-phone{0%,to{transform:rotate(0)}30%,70%{transform:rotate(90deg)}}@keyframes rotate-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rotate-hint-content p{font-family:var(--font-heading);font-size:1.2rem;font-style:italic}}