.stage.svelte-3gi8tl{color:#1c1d3f;background:radial-gradient(120% 70% at 50% 0,#fff 0%,#0000 70%),linear-gradient(#f6f4fb,#ece9f5);align-content:center;place-items:center;gap:2.25rem;padding:1.5rem;display:grid;position:absolute;inset:0}.stage[data-stage=opening].svelte-3gi8tl{pointer-events:none}.envelope.svelte-3gi8tl{aspect-ratio:1.4;cursor:pointer;perspective:900px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:min(78cqw,330px);padding:0;animation:4.5s ease-in-out infinite svelte-3gi8tl-float;position:relative}.envelope.svelte-3gi8tl:focus-visible{outline-offset:10px;border-radius:18px;outline:3px solid #1c1d3f}.stage[data-stage=opening].svelte-3gi8tl .envelope:where(.svelte-3gi8tl){transition:transform .6s cubic-bezier(.2,.8,.2,1) .55s;animation:none;transform:translateY(14%)scale(.96)}.body.svelte-3gi8tl,.pocket.svelte-3gi8tl,.flap.svelte-3gi8tl,.letter.svelte-3gi8tl{position:absolute;inset:0}.body.svelte-3gi8tl{z-index:0;background:color-mix(in oklab, var(--env), #000 14%);border-radius:14px;box-shadow:0 30px 50px -28px #1c1d3f8c,0 4px 10px -4px #1c1d3f33}.letter.svelte-3gi8tl{z-index:1;background:#fffdf8;border-radius:8px;flex-direction:column;gap:9%;padding:14% 10%;transition:transform .65s cubic-bezier(.34,1.4,.64,1) .45s;display:flex;inset:8% 7% 10%;box-shadow:0 2px 6px #1c1d3f1f}.line.svelte-3gi8tl{background:#e7e3ef;border-radius:99px;height:7%;display:block}.stage[data-stage=opening].svelte-3gi8tl .letter:where(.svelte-3gi8tl){transform:translateY(-62%)}.pocket.svelte-3gi8tl{z-index:2;width:100%;height:100%;fill:var(--env);overflow:visible}.flap.svelte-3gi8tl{transform-origin:top;height:50%;transform-style:preserve-3d;z-index:3;transition:transform .55s cubic-bezier(.6,0,.3,1) .12s,z-index 0s linear .4s}.flap.svelte-3gi8tl svg:where(.svelte-3gi8tl){width:100%;height:100%;fill:color-mix(in oklab, var(--env), #fff 12%);filter:drop-shadow(0 4px 4px #00000014);position:absolute;inset:0;overflow:visible}.stage[data-stage=opening].svelte-3gi8tl .flap:where(.svelte-3gi8tl){z-index:0;transform:rotateX(180deg)}.seal.svelte-3gi8tl{aspect-ratio:1;color:#ffc629;z-index:4;width:17%;animation:svelte-3gi8tl-wobble calc(2.6s - var(--wobble) * 1.2s) ease-in-out infinite;background:radial-gradient(circle at 35% 30%,#3a3c78,#1c1d3f 70%);border-radius:50%;place-items:center;font-size:clamp(16px,6.5cqw,26px);transition:transform .25s,opacity .25s;display:grid;position:absolute;top:47%;left:50%;translate:-50% -50%;box-shadow:0 0 0 4px oklab(30.9957% .00961294 -.0573903),0 6px 12px -4px #00000073}.stage[data-stage=opening].svelte-3gi8tl .seal:where(.svelte-3gi8tl){opacity:0;animation:none;transform:scale(1.35)}.address.svelte-3gi8tl{text-align:center;color:#1c1d3f;z-index:3;white-space:nowrap;text-overflow:ellipsis;padding:0 8%;font-size:clamp(17px,6.4cqw,26px);transition:opacity .2s;position:absolute;bottom:9%;left:0;right:0;overflow:hidden}.stage[data-stage=opening].svelte-3gi8tl .address:where(.svelte-3gi8tl){opacity:0}.hint.svelte-3gi8tl{letter-spacing:.01em;color:#5d5e7c;font-size:.95rem;font-weight:600;animation:2.4s ease-in-out infinite svelte-3gi8tl-breathe}@keyframes svelte-3gi8tl-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes svelte-3gi8tl-wobble{0%,70%,to{transform:rotate(0)}76%{transform:rotate(calc(var(--wobble) * -16deg))}84%{transform:rotate(calc(var(--wobble) * 14deg))}92%{transform:rotate(calc(var(--wobble) * -8deg))}}@keyframes svelte-3gi8tl-breathe{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.envelope.svelte-3gi8tl,.seal.svelte-3gi8tl,.hint.svelte-3gi8tl{animation:none}}