:root{--wine:#69000e;--paper:#f8efd7;--gold:#c98b2d;--ink:#3d1718;--shadow:#19090b88}*{box-sizing:border-box}html{background:#1b1012;scroll-behavior:smooth}body{margin:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#56373b,#1a1012 72%);color:var(--wine);font-family:Georgia,"Times New Roman",serif}button,textarea{font:inherit}.envelope,.page{position:relative;width:min(100vw,57.407dvh);height:100dvh;min-height:100dvh;margin:auto;overflow:hidden;background:var(--paper);box-shadow:0 0 60px #0008}.layer,.page>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.layer{transition:opacity .72s ease,transform 1.2s cubic-bezier(.22,.72,.22,1)}.opened{opacity:0;transform:scale(.97)}.envelope.is-open .closed{opacity:0;transform:scale(1.025)}.envelope.is-open .opened{opacity:1;transform:scale(1)}.seal{position:absolute;z-index:2;left:34%;top:40%;width:32%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;cursor:pointer}.seal span{position:absolute;top:110%;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--wine);font-size:clamp(13px,3.8vw,19px);text-shadow:0 1px #fff9;animation:breathe 1.7s ease-in-out infinite}.invite{display:none;height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.invite.visible{display:block}.page{scroll-snap-align:start;scroll-snap-stop:always}.page::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff0 88%,#2a11151c)}.countdown{position:absolute;z-index:2;left:10%;right:10%;top:36.6%;height:12%;display:grid;grid-template-columns:1.25fr 1fr 1.25fr 1.25fr;align-items:center;padding:0 2%;background:rgba(248,239,215,.94);border-radius:12px;box-shadow:0 0 23px 19px rgba(248,239,215,.92)}.countdown div{text-align:center}.countdown strong{display:block;font-size:clamp(25px,8.8vw,51px);line-height:1}.countdown span{display:block;margin-top:.52em;font-size:clamp(8px,2.3vw,13px);font-weight:700}.hit{position:absolute;z-index:3;border:0;background:transparent;cursor:pointer}.church{left:21%;top:70%;width:58%;height:10%}.venue{left:20%;top:72%;width:60%;height:11%}.rsvp{left:32%;top:7%;width:36%;height:23%;border-radius:50%}.message{left:18%;top:59%;width:64%;height:10%}.modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:18px;visibility:hidden;opacity:0;transition:opacity .28s ease}.modal.open{visibility:visible;opacity:1}.backdrop{position:absolute;inset:0;border:0;background:#1e080bbb;backdrop-filter:blur(8px)}.card{position:relative;width:min(94vw,540px);max-height:91dvh;overflow:auto;padding:32px 26px 25px;background:#f9edcd url("assets/page-7.webp") center/cover;border:4px solid var(--wine);box-shadow:0 26px 75px #000a;transform:translateY(25px) scale(.97);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.modal.open .card{transform:none}.card.compact{text-align:center;max-width:460px;background:#f9edcd}.close{position:absolute;right:8px;top:3px;border:0;background:transparent;color:var(--wine);font-size:36px;line-height:1;cursor:pointer}.photo{display:flex;align-items:center;gap:14px;cursor:pointer}.photo input{display:none}.photo-preview{display:grid;place-items:center;width:78px;aspect-ratio:1;border:4px solid var(--wine);border-radius:50%;background:#f5dda1 center/cover no-repeat;font-size:31px}.photo>span:last-child{font-weight:700}.card h2{margin:28px 0 13px;font-size:clamp(25px,7vw,39px);font-style:italic;font-weight:400}.card textarea{display:block;width:100%;min-height:180px;padding:14px;border:2px solid var(--wine);background:#fffaf0e8;color:var(--ink);resize:vertical;outline:none}.card textarea:focus{box-shadow:0 0 0 4px #c98b2d55}.counter{text-align:right;margin-top:4px;font-size:12px;opacity:.7}.primary{display:block;margin:17px auto 0;padding:12px 24px;border:1px solid var(--gold);border-radius:9px;background:#fff8e7;color:var(--wine);font-weight:700;cursor:pointer}.privacy-note{margin:14px auto 0;text-align:center;max-width:390px;font-size:11px;line-height:1.4;opacity:.72}.toast{position:fixed;z-index:40;left:50%;bottom:max(22px,env(safe-area-inset-bottom));width:min(88vw,430px);padding:13px 18px;border-radius:14px;background:#fff8e8;color:var(--wine);box-shadow:0 16px 45px #0008;text-align:center;opacity:0;transform:translate(-50%,24px);pointer-events:none;transition:.28s}.toast.show{opacity:1;transform:translate(-50%,0)}.leaving{animation:leave .52s forwards}@keyframes breathe{50%{transform:translate(-50%,5px);opacity:.62}}@keyframes leave{to{opacity:0;transform:scale(1.035)}}@media(max-width:390px){.countdown{left:8%;right:8%}.countdown strong{font-size:clamp(23px,8vw,44px)}.card{padding-inline:20px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}