@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Cormorant+Garamond:ital,wght@0,400;1,400&display=swap');
:root{color-scheme:dark;--wine:#733346;--ivory:#f2dfbf;--gold:#c7a16f}*{box-sizing:border-box}html{min-height:100%;background:#20121e}body{margin:0;min-height:100svh;color:var(--ivory);font-family:'Cormorant Garamond',Georgia,serif;overflow-x:hidden;background:radial-gradient(ellipse at 50% 22%,#583043 0%,#2b1926 45%,#160f18 100%)}.ambient{position:fixed;inset:0;pointer-events:none;opacity:.22;background:radial-gradient(ellipse at 30% 15%,#ae735b24,transparent 50%)}.stage{min-height:100svh;display:grid;place-items:center;padding:30px 20px;position:relative;isolation:isolate}.cover{width:min(480px,100%);text-align:center;animation:arrive 1s ease both}.eyebrow{font:12px/1.5 Georgia,serif;letter-spacing:.32em;color:#e0c5bf;margin:0 0 27px}.envelope{display:block;position:relative;width:100%;padding:0;border:0;border-radius:15px;background:transparent;cursor:pointer;overflow:hidden;box-shadow:0 25px 60px #07040970;transform-origin:center center;transition:transform .35s,box-shadow .35s;-webkit-tap-highlight-color:transparent}.envelope img{display:block;width:100%;height:auto;border-radius:15px}.envelope:hover{transform:translateY(-5px);box-shadow:0 35px 65px #07040990}.envelope:focus-visible,.close-letter:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.seal-glow{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#fff5db66,transparent 65%)}.invitation{margin:24px 0 0;font:italic 17px/1.6 'Cormorant Garamond',Georgia,serif;color:#d8b9bc}.invitation span{padding-left:4px;font-size:20px;color:#dfb2bd}.cover.opening .envelope{animation:unseal 1.2s cubic-bezier(.22,.74,.18,1) both;pointer-events:none}.cover.opening .seal-glow{animation:glow 1.2s ease both}.cover.opening .eyebrow,.cover.opening .invitation{animation:fade .9s ease both}.letter{width:min(510px,100%);text-align:center;animation:unfold 1.1s cubic-bezier(.2,.8,.2,1) both}.paper{width:100%;position:relative;filter:drop-shadow(0 22px 25px #09050d88)}.parchment{display:block;width:100%;height:auto}.inscription{position:absolute;inset:19% 15% 18%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,3vw,20px);color:#6b303d}.signature{font:12px/1.4 Georgia,serif;text-transform:uppercase;letter-spacing:.28em;margin:0;color:#936f43}.small-flourish{font:27px/1 Georgia,serif;color:#aa8147;opacity:.8}h1{font:400 clamp(46px,10vw,75px)/1.04 'Great Vibes','Snell Roundhand','Apple Chancery','Brush Script MT',cursive;letter-spacing:-.015em;margin:8px 0 12px;text-shadow:0 1px #fff7e6;outline:none}.small-heart{font:26px/1 Georgia,serif;color:#a77473;opacity:.9}.close-letter{margin:22px auto 0;padding:10px 15px;border:0;background:none;cursor:pointer;color:#d0a9af;font:italic 15px/1.5 'Cormorant Garamond',Georgia,serif}.no-script{font:italic 24px Georgia;position:relative;margin:22px auto;text-align:center}[hidden]{display:none!important}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes unseal{0%{transform:translateY(0) rotateX(0) scale(1);opacity:1;filter:brightness(1)}55%{transform:translateY(-24px) rotateX(9deg) scale(1.04);opacity:1;filter:brightness(1.2)}100%{transform:translateY(-40px) rotateX(14deg) scale(1.08);opacity:0;filter:brightness(1.35) blur(3px)}}@keyframes glow{0%{opacity:0}60%{opacity:.75}100%{opacity:0}}@keyframes fade{to{opacity:0;transform:translateY(-8px)}}@keyframes unfold{from{opacity:0;transform:translateY(35px) scale(.94) rotate(-1.5deg)}to{opacity:1;transform:none}}
@media(max-width:390px){.stage{padding:24px 14px}.eyebrow{font-size:10px;letter-spacing:.27em}h1{font-size:clamp(42px,11vw,48px)}.signature{font-size:10px}}@media(min-width:650px) and (max-height:850px){.letter{width:min(455px,70svh)}.stage{padding:18px}.close-letter{margin-top:6px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.envelope:hover{transform:none}}