@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&display=swap');
.topbar-actions{display:flex;align-items:center;gap:10px}.invitation-replay{display:flex;align-items:center;gap:7px;border:1px solid #e6b7c9;background:#fff0f6;border-radius:8px;padding:10px 14px;color:#b6577c;font-size:12px;font-weight:900;min-height:40px}.invitation-replay:hover{background:#ffe1ed}.invitation-replay>.icon{width:16px;height:16px;fill:#f6c2d4}.invitation-open{overflow:hidden}
#invitation-dialog{padding:0;width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 32px);border:1px solid #e7cbd1;border-radius:22px;background:#fff9f4;box-shadow:0 25px 100px #6a30474a;overflow:auto;scrollbar-width:thin;scrollbar-color:#edc6d4 transparent;color:#6b4b4a}
#invitation-dialog::backdrop{background:#4b313a88;backdrop-filter:blur(9px)}.invitation-close{position:absolute;right:15px;top:12px;width:34px;height:34px;border-radius:50%;background:#fff6f1;color:#bb8b94;font-size:26px;line-height:1;z-index:3}.invitation-close:hover{background:#ffe6ed}.invitation-scene{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#fffefa 0%,#fff1f1 65%,#fce2ea 100%);min-height:460px;text-align:center;overflow:hidden}.invitation-scene>section{position:relative;z-index:1;padding:38px 34px 32px}.invitation-scene>section[hidden]{display:none}.invitation-kicker{font-size:9px!important;font-family:var(--sans)!important;letter-spacing:2px;color:#c6949e!important;font-weight:900;margin:8px 0 15px!important}.invitation-envelope-stage h2{font-family:var(--serif);font-size:32px;font-weight:500;letter-spacing:-.8px;margin:0;display:flex;gap:8px;justify-content:center;align-items:center}.letter-heart{display:flex;color:#ca6d91}.letter-heart>.icon{fill:#f5c1d3;width:23px;height:23px}.invitation-envelope-stage>p:not(.invitation-kicker){font-size:12px;color:#ab8b86;margin:13px 0 10px;line-height:1.7}.envelope{position:relative;display:block;width:300px;height:192px;margin:65px auto 20px;filter:drop-shadow(0 13px 14px #b78d8333);animation:envelope-arrival 1s cubic-bezier(.2,.7,.2,1) both;perspective:700px;padding:0}.envelope-back{position:absolute;inset:0;border-radius:8px;background:#dcb9b2;border:1px solid #cfa19d}.envelope-paper{position:absolute;top:-28px;left:17px;right:17px;height:150px;z-index:1;background:#fffaf2;border:1px solid #efdfcc;border-radius:5px;padding-top:18px;transform:rotate(-3deg);display:flex;align-items:center;flex-direction:column;gap:5px;box-shadow:0 -3px 8px #89665710}.envelope-paper>span:first-child{font-family:'Caveat',cursive;font-size:26px;color:#ad7580}.envelope-paper>span:last-child{font-size:10px;color:#bb9990}.envelope-flap{position:absolute;top:0;left:0;right:0;height:110px;z-index:3;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#efd2cb,#d8aba9);transform-origin:top;border-top:1px solid #f8e5df}.envelope-front{position:absolute;inset:0;z-index:2;background:#eccbc2;clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%);border-radius:7px}.envelope-front:after{content:'';position:absolute;inset:0;background:#f2d6cc;clip-path:polygon(0 100%,50% 43%,100% 100%)}.envelope-seal{position:absolute;left:calc(50% - 23px);top:75px;width:46px;height:46px;z-index:4;border-radius:50%;display:grid;place-items:center;background:#ba5479;color:#ffd8e5;font-size:24px;box-shadow:0 2px 0 #914c66,inset 0 0 0 3px #c66a89;animation:seal-beat 3s ease-in-out infinite}.envelope:hover .envelope-seal{background:#cf5d85}.envelope:focus-visible{outline:3px solid #bc7695;outline-offset:10px}.envelope-instruction{font-size:10px;letter-spacing:.6px;color:#b69093;display:block;margin:15px 0 18px}.invitation-skip{font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#ac9390;display:block;margin:14px auto 0;padding:8px;min-height:32px}.invitation-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.invitation-ambient>span{position:absolute;color:#dd9db4;opacity:.25;animation:invitation-float 8s ease-in-out infinite;font-size:23px}.invitation-ambient>span:nth-child(1){left:8%;top:15%;animation-delay:-2s}.invitation-ambient>span:nth-child(2){left:85%;top:25%;font-size:14px;animation-delay:-4s}.invitation-ambient>span:nth-child(3){left:12%;top:78%;font-size:16px;animation-delay:-1s}.invitation-ambient>span:nth-child(4){left:88%;top:72%;animation-delay:-5s}.invitation-ambient>span:nth-child(5){left:76%;top:8%;font-size:11px;animation-delay:-3s}
.invitation-scene>.invitation-letter-stage{padding:24px 24px 26px}.love-letter{background:#fffdf7;border:1px solid #eaddcc;box-shadow:0 9px 28px #9b7f6c19;border-radius:5px;padding:25px 30px 22px;text-align:left;animation:letter-unfold .75s cubic-bezier(.2,.7,.2,1) both;background-image:repeating-linear-gradient(0deg,transparent,transparent 29px,#e8ddcc17 30px)}.letter-topline{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:900;letter-spacing:1.8px;color:#baa091}.letter-topline .icon{width:20px;height:20px}.letter-couple{display:block;width:128px;height:auto;margin:13px auto 11px;transform:rotate(-5deg);filter:drop-shadow(0 3px 3px #b9858c24)}.letter-greeting{font-family:'Caveat',cursive!important;font-size:38px!important;letter-spacing:0;font-weight:600!important;color:#ba6588;line-height:1.15;margin:8px 0 15px}.love-letter p{font-family:var(--sans);font-size:12px;line-height:1.85;color:#9b8278;margin:9px 0}.letter-trip{display:flex;gap:10px;align-items:center;background:#fdf0ef;border:1px solid #f0dcda;border-radius:8px;padding:12px;margin:17px 0}.letter-trip>.icon{color:#c5839e;width:22px;height:22px}.letter-trip strong{display:block;font-size:12px;color:#ac6e88}.letter-trip div>span{display:block;font-size:10px;color:#b1958b;margin-top:3px}.love-letter p.letter-question{font-family:'Caveat',cursive;font-size:25px;color:#bb6c8d;line-height:1.35;margin-top:20px}.letter-signature{font-size:10px;color:#aa8d83;margin:16px 0 21px}.letter-signature strong{display:block;font-family:'Caveat',cursive;font-size:28px;color:#a5647d;font-weight:600;margin-top:2px}.letter-signature strong>span{font-size:18px;color:#cf829e}.accept-invitation{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;border-radius:10px;padding:14px 18px;min-height:48px;background:#c6688c;color:white;font-size:13px;font-weight:900;box-shadow:0 4px 0 #a45577;transition:transform .2s,background .2s}.accept-invitation:hover{background:#d17499;transform:translateY(-1px)}.accept-invitation:active{transform:translateY(3px);box-shadow:0 1px 0 #a45577}.accept-invitation>.icon{width:18px;height:18px;fill:#ffdce9;stroke:white}.invitation-scene>.invitation-accepted-stage{padding:46px 40px 35px;animation:accepted-bloom .7s ease-out both}.accepted-heart{display:flex;justify-content:center;color:#d7789c;margin:0 0 21px}.accepted-heart>.icon{width:70px;height:70px;fill:#f6bad0;stroke-width:1;animation:seal-beat 3s ease-in-out infinite}.accepted-title{font-family:'Caveat',cursive!important;font-size:49px!important;font-weight:600!important;color:#bc6b8b;margin:13px 0}.invitation-accepted-stage>p:not(.invitation-kicker){font-size:13px;line-height:1.8;color:#b09188}.accepted-couple{width:175px;height:auto;display:block;margin:27px auto 16px;transform:rotate(-4deg)}.accepted-names{font-family:'Caveat',cursive;font-size:29px;color:#bd6d8d}.accepted-names>span{font-size:18px;color:#d985a5}.invitation-accepted-stage>p.accepted-dates{font-size:10px;letter-spacing:.5px;margin-bottom:27px}.invitation-open #journey-toast{visibility:hidden}.invitation-open #confetti{display:none}.paused #invitation-dialog *{animation:none!important}
@keyframes envelope-arrival{from{opacity:0;transform:translateY(25px) rotate(-8deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}@keyframes seal-beat{50%{transform:scale(1.07)}}@keyframes invitation-float{50%{transform:translateY(-14px) rotate(14deg)}}@keyframes letter-unfold{from{opacity:0;transform:translateY(75px) rotate(-4deg) scale(.93)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes accepted-bloom{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@media(max-width:780px){.topbar{height:auto;min-height:65px;flex-wrap:wrap;gap:11px;padding-top:14px;padding-bottom:13px}.topbar-actions{width:100%;gap:8px}.topbar-actions>button{flex:1;justify-content:center;min-height:42px;font-size:11px;padding:10px}.invitation-replay>.icon{width:15px;height:15px}#invitation-dialog{max-height:calc(100dvh - 24px);width:calc(100% - 24px);border-radius:17px}.invitation-scene{min-height:410px}.invitation-scene>section{padding:38px 20px 25px}.invitation-envelope-stage h2{font-size:26px}.invitation-kicker{font-size:7px!important;letter-spacing:1.5px}.invitation-envelope-stage>p:not(.invitation-kicker){font-size:10px}.envelope{width:250px;height:165px;margin-top:54px}.envelope-flap{height:97px}.envelope-seal{top:62px;width:42px;height:42px;left:calc(50% - 21px)}.envelope-paper>span:first-child{font-size:24px}.envelope-paper{top:-22px;height:130px}.invitation-scene>.invitation-letter-stage{padding:18px 14px}.love-letter{padding:23px 20px 18px}.letter-greeting{font-size:33px!important}.letter-couple{width:110px}.love-letter p{font-size:11px;line-height:1.85}.letter-trip{padding:10px;gap:8px}.letter-trip strong{font-size:11px}.letter-trip div>span{font-size:9px}.love-letter p.letter-question{font-size:23px}.accept-invitation{font-size:12px;padding:13px 10px}.invitation-skip{font-size:10px}.invitation-scene>.invitation-accepted-stage{padding:43px 25px 28px}.accepted-title{font-size:42px!important}.accepted-heart>.icon{width:57px;height:57px}.accepted-couple{width:155px}}
@media(max-width:350px){.envelope{width:220px;height:150px}.envelope-flap{height:87px}.envelope-seal{top:55px}.invitation-envelope-stage h2{font-size:23px}.letter-greeting{font-size:30px!important}.love-letter{padding:22px 16px 17px}.letter-topline{font-size:7px}}
@media(prefers-reduced-motion:reduce){#invitation-dialog *{animation:none!important;transition:none!important}}
@media print{.topbar-actions,#invitation-dialog{display:none!important}.invitation-open{overflow:visible}}