@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500;600&display=swap";@font-face{font-family:Brilon;src:url(/Brilon.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ajoure Decorative;src:url(/Ajoure-Decorative.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--cream: #f5ede0;--parchment: #ede0c8;--parchment-dark: #d9c5a3;--rose: #c47e7a;--rose-dark: #8c4f4c;--sage: #8a9b7e;--sage-dark: #5a6b50;--ink: #3a322a;--ink-soft: #5c544a;--font-display: "Brilon", "EB Garamond", Georgia, serif;--font-body: "EB Garamond", Georgia, serif;--font-ui: "Jost", system-ui, sans-serif;--font-envelope-script: "Ajoure Decorative", "EB Garamond", cursive;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-soft: 0 2px 12px rgba(58, 50, 42, .08);--shadow-page: 0 8px 32px rgba(58, 50, 42, .18);--shadow-envelope: 0 6px 24px rgba(58, 50, 42, .22)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.01em}h1{font-size:2.4rem;line-height:1.15}h2{font-size:1.6rem}h3{font-size:1.2rem}button,.btn{font-family:var(--font-ui);font-weight:500;border:none;cursor:pointer;border-radius:var(--radius-md);padding:.85rem 1.5rem;font-size:.95rem;letter-spacing:.03em;transition:transform .15s ease,background .2s ease,opacity .2s}.btn-primary{background:var(--rose);color:#fff}.btn-primary:hover{background:var(--rose-dark)}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--parchment-dark)}.btn-ghost:hover{background:var(--parchment)}button:disabled{cursor:not-allowed}input[type=email],input[type=text]{font-family:var(--font-ui);font-size:1rem;padding:.85rem 1rem;border:1px solid var(--parchment-dark);border-radius:var(--radius-md);background:#fff;width:100%;outline:none;transition:border-color .2s}input:focus{border-color:var(--rose)}.field-label{display:block;font-family:var(--font-ui);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.4rem}a{color:var(--rose-dark);text-decoration:none}a:hover{text-decoration:underline}.page{min-height:100vh;padding:1.5rem;max-width:480px;margin:0 auto}.center-stack{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}img.protected{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.envelope{position:relative;aspect-ratio:1.6 / 1;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-envelope);cursor:pointer;transition:transform .2s ease}.envelope:hover{transform:translateY(-2px)}.envelope:active{transform:scale(.98)}.envelope.sealed{cursor:not-allowed;opacity:.45;filter:grayscale(.3)}.envelope-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.envelope-recipient{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);font-family:var(--font-envelope-script);font-size:1.4rem;color:var(--ink);text-align:center;width:80%;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.4)}.envelope-number{position:absolute;top:.6rem;left:.7rem;font-family:var(--font-ui);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#3a322a8c;background:#f5ede099;padding:.15rem .4rem;border-radius:3px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.envelope-opened-badge{position:absolute;bottom:.5rem;right:.6rem;font-family:var(--font-ui);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rose-dark);background:#f5ede0d9;padding:.15rem .45rem;border-radius:3px}