.xp-stage{color:#1f2a4d;background-color:#eef0ff;background-image:var(--xp-bg);min-height:100dvh}.xp-stage[data-profile=celebration]{--xp-bg:radial-gradient(60% 45% at 80% 0%, #ffd59ecc, transparent 70%), radial-gradient(55% 45% at 0% 100%, #ffb5d8bf, transparent 70%), linear-gradient(170deg, #cfe9ff, #f1e6ff 55%, #ffe3ef);--xp-accent:#c0266d;--xp-env:#fff2f7;--xp-env-dark:#f6c9dc;--xp-seal:radial-gradient(circle at 35% 30%, #ff7aa8, #c0266d)}.xp-stage[data-profile=romance]{--xp-bg:radial-gradient(60% 50% at 50% 0%, #ffa0c499, transparent 70%), linear-gradient(170deg, #3a1530, #6b2443 55%, #8c3a5a);color:#fff1f6;--xp-accent:#ffb5d8;--xp-env:#f7d6dc;--xp-env-dark:#e9aebc;--xp-seal:radial-gradient(circle at 35% 30%, #e25d7e, #8e1b3f)}.xp-stage[data-profile=apology]{--xp-bg:radial-gradient(60% 45% at 50% 0%, #dce6ffe6, transparent 70%), linear-gradient(175deg, #e8eef8, #eef0f6 60%, #f3f0f5);--xp-accent:#3a4a7a;--xp-env:#fbfaf7;--xp-env-dark:#e3e1dc;--xp-seal:radial-gradient(circle at 35% 30%, #8a9bc8, #3a4a7a)}.xp-stage[data-profile=gratitude]{--xp-bg:radial-gradient(60% 50% at 50% 0%, #ffe2aad9, transparent 70%), linear-gradient(170deg, #fff4e3, #fde8d8 60%, #f7e3ef);--xp-accent:#a2442a;--xp-env:#fffaf2;--xp-env-dark:#f1dcc3;--xp-seal:radial-gradient(circle at 35% 30%, #e8a35c, #a2442a)}.xp-stage[data-profile=anniversary]{--xp-bg:radial-gradient(60% 45% at 80% 0%, #f2c87973, transparent 70%), linear-gradient(170deg, #1d2552, #2f2a6a 55%, #4b3478);color:#f4f1ff;--xp-accent:#f2c879;--xp-env:#f4efe4;--xp-env-dark:#dcd2bd;--xp-seal:radial-gradient(circle at 35% 30%, #f6d98f, #b8862e)}.xp-stage[data-profile=warm]{--xp-bg:radial-gradient(60% 45% at 20% 0%, #8ed8ffb3, transparent 70%), radial-gradient(50% 40% at 100% 100%, #b59aff80, transparent 70%), linear-gradient(170deg, #dcefff, #ece6ff);--xp-accent:#4338ca;--xp-env:#f7f5ff;--xp-env-dark:#dcd6f6;--xp-seal:radial-gradient(circle at 35% 30%, #8f87ff, #4338ca)}.xp-step{animation:.6s cubic-bezier(.2,.7,.1,1) both xp-in}@keyframes xp-in{0%{opacity:0;transform:translateY(16px)}}.xp-envelope{aspect-ratio:7/5;perspective:900px;width:min(22rem,84vw);margin-top:calc(min(22rem,84vw)/2.38095 - 1rem);position:relative}.xp-envelope__back{background:var(--xp-env-dark);border-radius:8px;position:absolute;inset:0;box-shadow:0 30px 60px -30px #1414328c}.xp-envelope__letter{z-index:1;background:linear-gradient(#fffdf8,#fffdf8) 0 0/100% 18% no-repeat,repeating-linear-gradient(#0000 0 14px,#1f2a4d14 14px 16px) 12% 0/76% 60% no-repeat,#fffdf8;border-radius:6px;transition:translate .9s cubic-bezier(.2,.7,.1,1) .45s;position:absolute;inset:7% 6% 6%;box-shadow:0 6px 18px -8px #00000040}.xp-envelope[data-open=true] .xp-envelope__letter{translate:0 -34%}.xp-envelope__front{z-index:2;background:linear-gradient(160deg, var(--xp-env), var(--xp-env-dark));clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 -1px #0000000f);border-radius:8px;position:absolute;inset:0}.xp-envelope__flap{z-index:3;transform-origin:top;background:linear-gradient(180deg, var(--xp-env-dark), var(--xp-env));clip-path:polygon(0 0,100% 0,50% 100%);transition:transform .7s cubic-bezier(.3,.7,.2,1),z-index 0s linear .3s;position:absolute;inset:0 0 42%}.xp-envelope[data-open=true] .xp-envelope__flap{z-index:0;transform:rotateX(180deg)}.xp-seal{z-index:4;aspect-ratio:1;color:#ffffffe6;background:var(--xp-seal);border-radius:50%;place-items:center;width:4.4rem;transition:scale .25s;display:grid;position:absolute;top:58%;left:50%;translate:-50% -50%;box-shadow:0 8px 16px -6px #00000073,inset 0 -4px 8px #00000040}.xp-seal:hover{scale:1.06}.xp-seal-half{z-index:4;aspect-ratio:1;background:var(--xp-seal);pointer-events:none;border-radius:50%;width:4.4rem;animation:.7s cubic-bezier(.3,.6,.3,1) both xp-crack;position:absolute;top:58%;left:50%;translate:-50% -50%}.xp-seal-half:first-child{clip-path:polygon(0 0,55% 0,42% 40%,58% 60%,45% 100%,0 100%);--dx:-26px;--rot:-24deg}.xp-seal-half:last-child{clip-path:polygon(55% 0,100% 0,100% 100%,45% 100%,58% 60%,42% 40%);--dx:26px;--rot:24deg}@keyframes xp-crack{to{opacity:0;transform:translate(var(--dx), 30px) rotate(var(--rot))}}.xp-fx{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.xp-confetti{border-radius:2px;width:9px;height:14px;animation:2.8s cubic-bezier(.25,.6,.4,1) both xp-fall;position:absolute;top:-4%}@keyframes xp-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{transform:translate3d(var(--drift,0), 110vh, 0) rotate(720deg);opacity:.85}}.xp-burst{border-radius:2px;width:8px;height:8px;animation:1.4s cubic-bezier(.15,.7,.3,1) both xp-burst;position:absolute;bottom:6%}@keyframes xp-burst{0%{opacity:1;transform:translate(0)scale(.6)}to{transform:translate(var(--bx), var(--by)) rotate(400deg) scale(1);opacity:0}}.xp-heart{font-size:var(--size,22px);color:var(--color,#ff7aa8);line-height:1;animation:4s cubic-bezier(.3,.6,.3,1) both xp-rise;position:absolute;bottom:-6%}@keyframes xp-rise{0%{opacity:0;transform:translateY(0)scale(.7)}15%{opacity:.95}to{transform:translate(var(--drift,0), -105vh) scale(1.1);opacity:0}}.xp-glow{aspect-ratio:1;background:radial-gradient(circle, var(--xp-glow,#ffecbeb3) 0%, transparent 62%);border-radius:50%;width:min(44rem,140vw);animation:2.4s ease-out both xp-glow;position:absolute;top:38%;left:50%;translate:-50% -50%}@keyframes xp-glow{0%{opacity:0;scale:.5}}.xp-spark{background:#fff6d8;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out both xp-spark;position:absolute;box-shadow:0 0 10px 3px #ffe296cc}@keyframes xp-spark{0%,to{opacity:0;scale:.3}45%{opacity:1;scale:1.2}}.xp-reveal>*{animation:.8s cubic-bezier(.2,.7,.1,1) both xp-in}.xp-reveal>:nth-child(2){animation-delay:.25s}.xp-reveal>:nth-child(3){animation-delay:.5s}.xp-reveal>:nth-child(4){animation-delay:.75s}.xp-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;outline:none;gap:10px;padding:10px calc(50% - 3.5rem) 14px;display:flex;overflow-x:auto}.xp-carousel::-webkit-scrollbar{display:none}.xp-stage .nb-choice{--nb-surface:#ffffffd6;--nb-hover:#fff;--nb-on-surface:var(--xp-accent);--nb-on-ink:#fff;--nb-on-edge:#1f2a4d;--nb-on-shadow:#1f2a4d}.xp-stage:is([data-profile=romance],[data-profile=anniversary]) .nb-choice{--nb-edge:#ffffffeb;--nb-shadow:#0a061e8c;--nb-on-edge:#fff;--nb-on-shadow:#0a061e99;--nb-on-ink:#1f2a4d}.xp-day{scroll-snap-align:center;text-align:center;-webkit-user-select:none;user-select:none;flex:0 0 7rem;padding:12px 6px;scroll-margin:0}.xp-day[aria-selected=true]{transform:scale(1.06)}.xp-wheel{scroll-snap-type:y mandatory;scrollbar-width:none;outline:none;height:15rem;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.xp-wheel::-webkit-scrollbar{display:none}.xp-wheel__pad{height:6rem}.xp-time{scroll-snap-align:center;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;height:3rem;scroll-margin:0;transition:color .2s,font-size .2s,opacity .2s;display:flex}.xp-heart-frame{aspect-ratio:100/92;width:min(18rem,72vw);animation:1.4s cubic-bezier(.2,.7,.1,1) both xp-heart-in;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath d='M50 90 C20 70 2 52 2 30 C2 14 15 3 29 3 C39 3 46 9 50 17 C54 9 61 3 71 3 C85 3 98 14 98 30 C98 52 80 70 50 90 Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath d='M50 90 C20 70 2 52 2 30 C2 14 15 3 29 3 C39 3 46 9 50 17 C54 9 61 3 71 3 C85 3 98 14 98 30 C98 52 80 70 50 90 Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}@keyframes xp-heart-in{0%{opacity:0;filter:blur(14px)brightness(1.6);scale:.8}}.xp-polaroid{animation:1.1s cubic-bezier(.2,.8,.2,1.1) both xp-polaroid}@keyframes xp-polaroid{0%{opacity:0;transform:translateY(40px)rotate(-12deg)scale(.9)}}.xp-light-frame{animation:1.6s ease-out both xp-light}@keyframes xp-light{0%{opacity:0;filter:brightness(2.2)blur(6px);box-shadow:0 0 #f2c87900}}@media (prefers-reduced-motion:reduce){.xp-step,.xp-reveal>*,.xp-seal-half,.xp-confetti,.xp-burst,.xp-heart,.xp-glow,.xp-spark,.xp-heart-frame,.xp-polaroid,.xp-light-frame{animation:none!important}.xp-fx{display:none}.xp-envelope__letter,.xp-envelope__flap,.xp-day,.xp-time{transition:none}}.xp-sky-card{--sky-ink:#16244a;--sky-ink-soft:#26345a}.xp-sky-card[data-sky-phase=sunset]{--sky-ink:#2a1236;--sky-ink-soft:#4a2246}.xp-sky-card[data-sky-phase=twilight],.xp-sky-card[data-sky-phase=night]{--sky-ink:#f4f1ff;--sky-ink-soft:#dcd6ff}.xp-sky-card .tpl-sun{width:64px}.xp-sky-card .tpl-moon{width:40px;box-shadow:inset -10px 6px #fff4dc}