:root{--ink: #08090D;--ink-2: #10131A;--flower: #F4C430;--flower-light: #FFD95A;--gold: #E9B949;--cream: #FFF7E6;--white-warm: #FFFDF8;--text: rgba(255, 247, 230, .92);--text-soft: rgba(255, 247, 230, .68);--text-dim: rgba(255, 247, 230, .44);--serif: "Cormorant Garamond", "Iowan Old Style", "Times New Roman", Georgia, serif;--sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.22, .61, .36, 1);--gutter: 26px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--px: 0;--py: 0}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;background:var(--ink);overflow-x:hidden;overscroll-behavior-y:none}body{margin:0;padding:0;background:var(--ink)}body{color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html.is-locked{overflow:hidden}html.is-locked body{position:fixed;inset:0;width:100%}img{max-width:100%;display:block}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}svg{display:block}::selection{background:#f4c43040;color:var(--white-warm)}:focus-visible{outline:1px solid rgba(255,217,90,.75);outline-offset:4px;border-radius:4px}.flower:focus{outline:none}.flower:focus-visible{outline:1px solid rgba(255,217,90,.7);outline-offset:-6px;border-radius:50%}.scene{position:relative;width:100%;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:clamp(64px,12svh,120px);padding-bottom:clamp(64px,12svh,120px);padding-left:calc(var(--gutter) + var(--safe-l));padding-right:calc(var(--gutter) + var(--safe-r));isolation:isolate}.scene--tall{min-height:120svh}.wrap{width:100%;max-width:560px;margin-inline:auto;position:relative;z-index:2}.center{text-align:center}.eyebrow{font-family:var(--sans);font-size:clamp(.62rem,2.6vw,.72rem);font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);margin:0 0 1.4em}.eyebrow--gold{color:#e9b949b8}.display{font-family:var(--serif);font-weight:300;font-size:clamp(2.5rem,13vw,4.6rem);line-height:1.02;letter-spacing:-.015em;margin:0;color:var(--white-warm)}.line{font-family:var(--serif);font-weight:300;font-size:clamp(1.62rem,7.4vw,2.9rem);line-height:1.24;letter-spacing:-.01em;margin:0;color:var(--white-warm);text-wrap:balance}.line--sm{font-size:clamp(1.32rem,6vw,2.2rem)}.line--em{font-style:italic;color:var(--flower-light)}.lead{font-size:clamp(1rem,4.4vw,1.2rem);font-weight:300;line-height:1.66;color:var(--text-soft);margin:0}.prose{font-family:var(--serif);font-size:clamp(1.14rem,4.9vw,1.42rem);font-weight:300;line-height:1.78;color:#fff7e6db;margin:0 0 1.15em}.tiny{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin:0}.gate-input{width:min(100%,300px);padding:.75em .4em;border:0;border-bottom:1px solid rgba(233,185,73,.35);background:transparent;color:var(--white-warm);font-family:var(--serif);font-size:clamp(1.2rem,5.4vw,1.5rem);text-align:center;caret-color:var(--flower-light);border-radius:0;-webkit-appearance:none;appearance:none;transition:border-color .4s var(--ease),box-shadow .4s var(--ease)}.gate-input::placeholder{color:#fff7e640}.gate-input:focus{outline:none;border-bottom-color:var(--flower-light);box-shadow:0 10px 26px -20px #f4c430e6}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:56px;padding:1.05em 2.2em;border-radius:999px;font-family:var(--sans);font-size:.95rem;font-weight:500;letter-spacing:.04em;color:var(--ink);background:linear-gradient(160deg,var(--flower-light),var(--gold));box-shadow:0 0 0 1px #ffd95a59,0 14px 46px -14px #f4c430bf,0 0 90px -28px #f4c430e6;transition:transform .45s var(--ease),box-shadow .45s var(--ease);touch-action:manipulation;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translate(-120%);animation:sheen 5.5s var(--ease-soft) 1.6s infinite}.btn:disabled{opacity:.45;pointer-events:none}.btn:active{transform:scale(.965);box-shadow:0 0 0 1px #ffd95a66,0 6px 22px -12px #f4c430cc}.btn--ghost{color:var(--cream);background:transparent;box-shadow:inset 0 0 0 1px #e9b94957;font-weight:400}.btn--ghost:after{display:none}.btn--ghost:active{background:#f4c43014}@keyframes sheen{0%{transform:translate(-120%)}55%{transform:translate(120%)}to{transform:translate(120%)}}.flower{overflow:visible}.flower .petal{transform:scale(.06) rotate(-24deg);opacity:0;transform-box:fill-box;transform-origin:50% 100%;transition:transform 1s var(--ease) var(--d, 0ms),opacity .55s ease var(--d, 0ms)}.flower .leaf{transform:scale(.04);opacity:0;transform-box:fill-box;transform-origin:0% 50%;transition:transform .9s var(--ease) var(--d, 0ms),opacity .5s ease var(--d, 0ms)}.flower .core{transform:scale(.1);opacity:0;transform-box:fill-box;transition:transform .75s var(--ease) calc(var(--fd, 0ms) + .24s),opacity .5s ease calc(var(--fd, 0ms) + .24s)}.flower .halo{opacity:0;transition:opacity 1.6s ease calc(var(--fd, 0ms) + .42s)}.flower .stem{stroke-dasharray:460;stroke-dashoffset:460;transition:stroke-dashoffset 1.3s var(--ease-soft) var(--fd, 0ms)}.flower.is-open .petal,.flower.is-open .leaf,.flower.is-open .core{transform:none;opacity:1}.flower.is-open .halo{opacity:var(--halo, .2)}.flower.is-open .stem{stroke-dashoffset:0}.flower.is-closed .petal{transform:scale(.34) rotate(-34deg);opacity:.95}.flower.is-closed .core{transform:scale(.9);opacity:1}.flower.is-closed .halo{opacity:calc(var(--halo, .2) * .55)}.flower--tappable{cursor:pointer;touch-action:manipulation}.flower--tappable .head-group{transition:transform .5s var(--ease);transform-box:fill-box;transform-origin:50% 50%}.flower--tappable:active .head-group{transform:scale(.9)}.flower--active .head-group{transform:scale(1.1)}.flower .pulse{transform-box:fill-box;transform-origin:50% 50%;animation:pulse 3.6s var(--ease-soft) infinite;animation-delay:var(--fd, 0ms)}@keyframes pulse{0%,72%,to{transform:scale(.74);opacity:0}16%{transform:scale(1.02);opacity:.24}46%{transform:scale(1.34);opacity:0}}.stalk{position:absolute;bottom:0;transform-origin:50% 100%;pointer-events:none}.stalk-sway{transform-origin:50% 100%;animation:sway var(--sway, 7s) ease-in-out infinite alternate;animation-delay:var(--swayd, 0ms)}@keyframes sway{0%{transform:rotate(calc(var(--swayAmp, 1.5deg) * -1))}to{transform:rotate(var(--swayAmp, 1.5deg))}}.petal-float{position:absolute;top:0;will-change:transform;animation:drift var(--dur, 16s) linear var(--delay, 0s) infinite;opacity:0;pointer-events:none}@keyframes drift{0%{transform:translate3d(0,-12svh,0) rotate(0);opacity:0}12%{opacity:var(--op, .5)}88%{opacity:var(--op, .5)}to{transform:translate3d(var(--dx, 40px),112svh,0) rotate(var(--spin, 420deg));opacity:0}}.spark{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffd95af2,#ffd95a00 68%);will-change:transform,opacity;animation:rise var(--dur, 12s) ease-in-out var(--delay, 0s) infinite;opacity:0;pointer-events:none}@keyframes rise{0%{transform:translateZ(0) scale(.6);opacity:0}18%{opacity:var(--op, .7)}82%{opacity:var(--op, .7)}to{transform:translate3d(var(--dx, 18px),-26svh,0) scale(1.1);opacity:0}}.rail{position:fixed;top:20svh;bottom:20svh;right:calc(9px + var(--safe-r));width:2px;border-radius:2px;background:#fff7e612;z-index:60;pointer-events:none}.rail__fill{position:absolute;inset:0;border-radius:2px;transform-origin:top center;background:linear-gradient(to bottom,rgba(244,196,48,.2),var(--flower-light));box-shadow:0 0 12px #f4c43080}.sound{position:fixed;top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r));z-index:70;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#10131a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #e9b94938;transition:transform .4s var(--ease)}.sound:active{transform:scale(.9)}.hint{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-dim)}.hint__line{width:1px;height:42px;background:linear-gradient(to bottom,#f4c43000,#f4c430d9);transform-origin:top;animation:hintLine 2.6s var(--ease-soft) infinite}@keyframes hintLine{0%{transform:scaleY(0);opacity:0}40%{transform:scaleY(1);opacity:1}to{transform:scaleY(1) translateY(42px);opacity:0}}.msg-slot{min-height:92px;display:grid;place-items:center;width:100%}.msg-card{position:relative;padding:1.1em 1.45em;border-radius:18px;background:linear-gradient(165deg,#1c180ed9,#0c0d12cc);box-shadow:inset 0 0 0 1px #e9b9493d,0 24px 60px -30px #000000e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--serif);font-size:clamp(1.18rem,5.2vw,1.5rem);line-height:1.34;color:var(--white-warm);text-align:center;max-width:22ch}.counter{display:inline-flex;gap:7px;align-items:center;justify-content:center}.counter__dot{width:5px;height:5px;border-radius:50%;background:#fff7e62e;transition:background .5s var(--ease),box-shadow .5s var(--ease),transform .5s var(--ease)}.counter__dot.is-on{background:var(--flower-light);box-shadow:0 0 10px #ffd95acc;transform:scale(1.35)}.photo{position:relative;padding:11px 11px 50px;background:linear-gradient(170deg,#fffdf8f2,#fff7e6db);border-radius:3px;box-shadow:0 32px 70px -34px #000000f2,0 0 0 1px #fff7e61a;width:min(76%,300px)}.photo__img{width:100%;aspect-ratio:4 / 5;object-fit:cover;background:#17181c;border-radius:1px}.photo__cap{position:absolute;left:0;right:0;bottom:15px;text-align:center;font-family:var(--serif);font-style:italic;font-size:1rem;color:#14120cb8}.letter{position:relative;padding:clamp(30px,7vw,46px) clamp(22px,6vw,38px);border-radius:6px;background:linear-gradient(175deg,#181610b8,#0b0c10b8);box-shadow:inset 0 0 0 1px #e9b94929,0 40px 90px -50px #000}.letter:before{content:"";position:absolute;left:50%;top:0;width:54px;height:1px;transform:translate(-50%);background:linear-gradient(to right,transparent,rgba(233,185,73,.9),transparent)}.letter__greet{font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,6.4vw,2rem);color:var(--flower-light);margin:0 0 .7em}.letter__sign{font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--text-soft);text-align:right;margin:1.6em 0 0}.egg{position:fixed;left:50%;pointer-events:none;bottom:calc(156px + var(--safe-b));z-index:80;width:max-content;max-width:min(86vw,400px);padding:.9em 1.35em;border-radius:999px;text-align:center;font-size:.9rem;line-height:1.45;color:var(--white-warm);background:#14110ae6;box-shadow:inset 0 0 0 1px #e9b94966,0 20px 50px -24px #000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--ink)}.backdrop__layer{position:absolute;inset:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.2s!important;transition-delay:0ms!important;scroll-behavior:auto!important}.petal-float,.spark,.btn:after{display:none!important}}@media (min-width: 900px){:root{--gutter: 40px}.wrap{max-width:620px}}