@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#612b3b;background:#fff8f3;font-synthesis:none;text-rendering:optimizeLegibility;--ivory: #fffaf6;--blush: #f8dfe2;--rose: #d97b91;--rose-deep: #b84f6a;--burgundy: #612b3b;--gold: #d6a85f;--ink-soft: #8d6170}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button{font:inherit}button:focus-visible{outline:3px solid rgba(131,70,87,.55);outline-offset:4px}.love-page{position:relative;display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto auto;align-items:center;justify-items:center;min-height:100svh;padding:clamp(24px,5vh,52px) 20px 18px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 16% 12%,rgba(244,191,201,.36),transparent 26%),radial-gradient(circle at 85% 72%,rgba(225,174,184,.22),transparent 30%),linear-gradient(155deg,#fffaf6,#fdf1f1 56%,#fae8eb)}.love-page:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.28;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.ambient{position:absolute;z-index:-1;width:180px;height:180px;border:1px solid rgba(184,79,106,.11);border-radius:50%}.ambient:after{content:"";position:absolute;inset:18px;border:inherit;border-radius:inherit}.ambient--one{top:-74px;right:-70px}.ambient--two{bottom:-110px;left:-72px;width:230px;height:230px}.intro{z-index:2;text-align:center}.intro__kicker{margin:0 0 7px;color:var(--rose-deep);font-size:.68rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase}.intro h1{max-width:min(100%,320px);margin:0 auto;color:var(--burgundy);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,8vw,3.4rem);font-weight:600;line-height:.98;letter-spacing:-.035em;text-wrap:balance}.intro__instruction{margin:8px 0 0;color:var(--ink-soft);font-family:Cormorant Garamond,Georgia,serif;font-size:1.08rem;font-style:italic}.flower-stage{display:grid;width:min(100%,420px);min-height:280px;place-items:center}.flower{position:relative;width:min(78vw,330px);height:min(78vw,330px);animation:flower-breathe 4.8s ease-in-out infinite}.flower__head{position:absolute;inset:0;z-index:2}.petal{position:absolute;top:calc(50% - 59px);left:calc(50% - 37px);width:74px;min-height:118px;margin:0;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:56% 56% 50% 50%/70% 70% 38% 38%;cursor:pointer;transform:rotate(var(--petal-angle)) translateY(-76px) scale(1);transform-origin:50% 50%;transition:filter .26s ease,transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease;background:radial-gradient(circle at 42% 24%,rgba(255,255,255,.72),transparent 23%),linear-gradient(145deg,#facbd2 4%,#e997a9 48%,#cf7088);box-shadow:inset -10px -10px 18px #882d4521,inset 8px 9px 18px #ffffff57,0 10px 23px #8b3a5029}.petal:after{content:"";position:absolute;inset:10px 22px 22px;border-left:1px solid rgba(255,255,255,.42);border-radius:50%;transform:rotate(-4deg)}.petal__shine{position:absolute;top:17px;left:20px;width:16px;height:28px;border-radius:50%;background:#ffffff3d;filter:blur(2px)}.petal:hover,.petal:focus-visible{filter:saturate(1.08) brightness(1.04);transform:rotate(var(--petal-angle)) translateY(-84px) scale(1.04)}.petal[data-opened=true]{border-color:#ffe7b2eb;filter:saturate(.82) brightness(1.04);box-shadow:inset -10px -10px 18px #882d451c,0 0 0 2px #d6a85f57,0 10px 28px #9f603940}.flower__center{position:absolute;top:50%;left:50%;z-index:4;display:grid;width:100px;height:100px;border:7px solid rgba(255,250,234,.74);border-radius:50%;place-items:center;color:#7f4a27;font-family:Cormorant Garamond,Georgia,serif;font-size:.92rem;font-style:italic;transform:translate(-50%,-50%);background:radial-gradient(circle at 34% 30%,#ffe7a8 0 7%,transparent 8%),radial-gradient(circle at 64% 60%,#e7b45f 0 6%,transparent 7%),radial-gradient(circle,#f6d487,#dca752 72%);box-shadow:inset -8px -8px 16px #81491b29,0 8px 24px #6c373b38}.flower__stem{position:absolute;top:62%;left:50%;z-index:0;width:10px;height:190px;border-radius:999px;transform:translate(-50%) rotate(2deg);background:linear-gradient(90deg,#668364,#9cae78 48%,#526f57);box-shadow:3px 4px 8px #324a382e}.flower__leaf{position:absolute;width:74px;height:38px;border-radius:90% 10%;background:linear-gradient(145deg,#a9bc88,#648169);box-shadow:inset 6px 5px 10px #ffffff26}.flower__leaf--left{top:92px;right:4px;transform:rotate(19deg);transform-origin:right center}.flower__leaf--right{top:125px;left:4px;transform:scaleX(-1) rotate(12deg);transform-origin:left center}.journey-status{z-index:3;display:grid;gap:7px;justify-items:center;margin-top:-9px}.journey-status p{margin:0;color:var(--ink-soft);font-size:.7rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.journey-status__dots{display:flex;gap:6px}.journey-status__dots span{width:5px;height:5px;border-radius:50%;background:#89536438;transition:transform .22s ease,background .22s ease}.journey-status__dots .is-opened{transform:scale(1.35);background:var(--rose-deep)}.final-actions{z-index:3;display:flex;min-height:56px;align-items:center;gap:16px}.final-button,.replay-button{min-height:44px;border:0;cursor:pointer}.final-button{display:flex;min-width:186px;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px 12px 21px;border-radius:999px;color:#fffaf7;font-weight:600;box-shadow:0 12px 28px #782f443d;background:linear-gradient(135deg,#793649,#ad526b);animation:reveal-final .62s cubic-bezier(.2,.8,.2,1) both}.final-button:hover{transform:translateY(-2px)}.replay-button{padding:8px 4px;color:var(--ink-soft);text-decoration:underline;text-underline-offset:4px;background:transparent}footer{z-index:2;color:#612b3b94;font-family:Cormorant Garamond,Georgia,serif;font-size:.92rem;font-style:italic}.message-modal__backdrop{position:fixed;inset:0;z-index:20;display:grid;padding:22px;place-items:center;background:#4b1f2c47;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:backdrop-in .22s ease-out both}.message-modal{position:relative;width:min(100%,390px);padding:38px 30px 31px;border:1px solid rgba(255,255,255,.75);border-radius:30px;text-align:center;box-shadow:0 26px 70px #521d2e47;background:#fffaf7f5;animation:card-in .33s cubic-bezier(.2,.9,.2,1.08) both}.message-modal:before{content:"";position:absolute;inset:10px;border:1px solid rgba(214,168,95,.28);border-radius:22px;pointer-events:none}.message-modal--final{padding:44px 31px 36px;background:linear-gradient(155deg,#fffcf7fa,#fdeaedfa)}.message-modal__close{position:absolute;top:12px;right:13px;z-index:2;display:grid;width:44px;min-height:44px;padding:0;border:0;border-radius:50%;place-items:center;color:var(--ink-soft);cursor:pointer;background:transparent;font-size:1.65rem;font-weight:300}.message-modal__close:hover{background:#db8fa01c}.message-modal__eyebrow{margin:0 0 12px;color:var(--rose-deep);font-size:.64rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.message-modal h2{margin:0 0 15px;color:var(--burgundy);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.75rem,7vw,2.45rem);font-weight:600;line-height:1}.message-modal__copy{margin:0;color:#754554;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.2rem,5vw,1.42rem);line-height:1.42}.message-modal__flourish{display:block;margin-top:17px;color:var(--gold);font-size:1.25rem}.completion-sparkles span{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;opacity:0;background:var(--gold);animation:sparkle 1.25s calc(var(--petal-index, 0) * 70ms) ease-out both}.completion-sparkles span:nth-child(1){--spark-x: -145px;--spark-y: -88px}.completion-sparkles span:nth-child(2){--spark-x: 136px;--spark-y: -104px}.completion-sparkles span:nth-child(3){--spark-x: 154px;--spark-y: 28px}.completion-sparkles span:nth-child(4){--spark-x: -151px;--spark-y: 35px}.completion-sparkles span:nth-child(5){--spark-x: 90px;--spark-y: 132px}.completion-sparkles span:nth-child(6){--spark-x: -86px;--spark-y: 126px}.flower--complete .flower__head{animation:bloom .7s cubic-bezier(.2,.8,.2,1)}@keyframes flower-breathe{0%,to{transform:translateY(2px) rotate(-.8deg) scale(.99)}50%{transform:translateY(-5px) rotate(.8deg) scale(1.015)}}@keyframes bloom{0%{transform:scale(.96)}58%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes sparkle{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}35%{opacity:.82}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(1.5)}}@keyframes reveal-final{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:360px){.love-page{grid-template-rows:auto minmax(244px,1fr) auto auto auto;padding:20px 14px 14px}.flower-stage{min-height:252px}.flower{width:284px;height:284px;transform:scale(.9)}.message-modal{padding-inline:24px}}@media(min-width:760px){.love-page{padding-top:38px}.flower-stage{min-height:360px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.flower{animation:none}}