:root{--cream:#f8f5f0;--white:#fff;--ink:#2c2927;--gold:#b89b72;--ink-soft:#2c29279e;--font-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:6rem;--radius-lg:1.5rem;--radius-sm:.75rem;--hairline:1px solid #b89b7266;--ease-out:cubic-bezier(.22, 1, .36, 1);--page-max:520px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;font-weight:300;line-height:1.7}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:500;line-height:1.2}p{margin:0}a{color:var(--gold);text-decoration:none}img{max-width:100%;display:block}::selection{background:#b89b724d}.shell{min-height:100dvh;padding:var(--space-5) var(--space-3);place-items:center;display:grid}.shell--start{min-height:auto;padding-top:var(--space-6);place-items:start center}.card{background:var(--white);width:100%;max-width:var(--page-max);padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);border:var(--hairline);text-align:center;box-shadow:0 18px 50px -30px #2c292759}.kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:.72rem;font-weight:500}.heart{color:var(--gold);margin:var(--space-3) 0;font-size:2rem;line-height:1}.title{font-size:clamp(1.9rem,7vw,2.6rem)}.subtitle{margin-top:var(--space-2);color:var(--ink-soft);font-size:.98rem;font-style:italic;font-family:var(--font-display);font-size:1.15rem}.btn{appearance:none;cursor:pointer;font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--white);background:var(--ink);transition:transform .25s var(--ease-out), background .25s;border:none;border-radius:999px;padding:.9rem 2.6rem;font-size:.78rem;font-weight:500}.btn:hover{background:var(--gold);transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.link-quiet{margin-top:var(--space-4);letter-spacing:.08em;color:var(--ink-soft);border-bottom:1px solid var(--gold);padding-bottom:2px;font-size:.8rem;transition:color .25s;display:inline-block}.link-quiet:hover{color:var(--ink)}.envelope{min-height:100dvh;padding:var(--space-5) var(--space-3);place-items:center;display:grid}.envelope__intro,.envelope__content{width:100%;max-width:var(--page-max);background:var(--white);border:var(--hairline);border-radius:var(--radius-lg);animation:rise .6s var(--ease-out) both;box-shadow:0 18px 50px -30px #2c292759}.envelope__intro{text-align:center;padding:var(--space-6) var(--space-4)}.envelope__title{margin:var(--space-3) 0 0;font-size:clamp(1.6rem,6vw,2.2rem)}.envelope__intro .btn{margin-top:var(--space-4)}.envelope__content{padding:var(--space-4)}.envelope__content>*+*{margin-top:var(--space-3)}.envelope__text{color:var(--ink-soft);font-size:.98rem}.envelope__note{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-align:center;padding:var(--space-3);border:var(--hairline);border-radius:var(--radius-sm);font-size:1.1rem}.gate{width:100%;max-width:var(--page-max);background:var(--white);border:var(--hairline);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);justify-items:center;gap:var(--space-3);animation:rise .6s var(--ease-out) both;display:grid;box-shadow:0 18px 50px -30px #2c292759}.gate .heart{margin:0}.gate__lead{font-family:var(--font-display);text-align:center;font-size:1.35rem}.gate__input{text-align:center;width:100%;max-width:280px;font-family:var(--font-body);color:var(--ink);background:var(--cream);border:1px solid #b89b7280;border-radius:999px;outline:none;padding:.8rem 1.2rem;font-size:1rem;transition:border-color .25s,box-shadow .25s}.gate__input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b89b7233}.gate__error{color:#a0523d;font-size:.85rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.placeholder-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.placeholder{aspect-ratio:3/4;border-radius:var(--radius-sm);background:linear-gradient(150deg, var(--cream), #b89b7240);border:var(--hairline)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}