.invite-serif{font-family:var(--font-headline)}.invite-frame{box-shadow:inset 0 0 0 1px var(--invite-line), inset 0 0 0 6px var(--card), inset 0 0 0 7px var(--invite-line), 0 1px 2px color-mix(in oklch, var(--foreground) 8%, transparent), 0 12px 32px -18px color-mix(in oklch, var(--foreground) 30%, transparent)}.invite-strip{box-shadow:inset 1px 0 0 var(--invite-line), inset -1px 0 0 var(--invite-line)}.envelope-pocket{clip-path:polygon(0 0,50% 60%,100% 0,100% 100%,0 100%)}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 100%)}.invite-seal{box-shadow:inset 0 0 0 3px color-mix(in oklch, var(--accent) 70%, var(--foreground)), 0 2px 6px color-mix(in oklch, var(--foreground) 25%, transparent)}.invite-dot-rule{background-image:radial-gradient(circle, var(--invite-line) 1px, transparent 1.5px);background-position:50%;background-repeat:repeat-x;background-size:8px 3px}@keyframes invite-rise{0%{transform:translateY(46%)}to{transform:translateY(0)}}@keyframes invite-draw{to{stroke-dashoffset:0}}@keyframes invite-tick{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}@keyframes reply-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes note-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.invite-rise{animation:1.2s cubic-bezier(.22,.7,.2,1) .25s both invite-rise}.invite-circle{stroke-dasharray:140;stroke-dashoffset:140px;animation:.8s ease-out .2s forwards invite-draw}.invite-tick{animation:.45s ease-out both invite-tick;display:inline-block}.reply-in{animation:.5s cubic-bezier(.22,.7,.2,1) both reply-in}.note-in{animation:.5s cubic-bezier(.22,.7,.2,1) both note-in}}