body.receiver-mode{background:#fff4f8;overflow-x:hidden}.receiver-shell{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:28px 16px 34px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 8%,#fff 0 9%,transparent 28%),radial-gradient(circle at 92% 76%,#ffe1ec 0 8%,transparent 26%),#fff4f8;color:#4b405c}.receiver-shell:before,.receiver-shell:after{content:'';position:absolute;pointer-events:none;border:1px dashed rgba(255,127,166,.28);border-radius:50%;width:410px;height:410px}.receiver-shell:before{top:-240px;left:-230px}.receiver-shell:after{right:-250px;bottom:-220px}.receiver-brand{position:absolute;left:50%;top:18px;transform:translateX(-50%);font-size:11px;color:#b38a9d;letter-spacing:.11em;white-space:nowrap}.receiver-stage{width:min(100%,420px);min-height:650px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.receiver-hearts{position:absolute;inset:0;pointer-events:none}.float-heart{position:absolute;color:#ff8cae;font-size:20px;animation:float-heart 4s ease-in-out infinite;opacity:.72}.float-heart:nth-child(1){left:6%;top:20%;animation-delay:-.8s}.float-heart:nth-child(2){right:7%;top:32%;font-size:14px;animation-delay:-2s;color:#ffd06c}.float-heart:nth-child(3){left:12%;bottom:21%;font-size:13px;animation-delay:-1.3s;color:#a9dcca}.float-heart:nth-child(4){right:12%;bottom:17%;font-size:23px;animation-delay:-2.7s}@keyframes float-heart{0%,100%{transform:translateY(0) rotate(-8deg);opacity:.55}50%{transform:translateY(-18px) rotate(10deg);opacity:1}}.receiver-envelope{width:min(86vw,310px);height:218px;position:relative;cursor:pointer;transition:transform .25s}.receiver-envelope:hover{transform:translateY(-4px) rotate(-1deg)}.envelope-back{position:absolute;inset:17px 0 0;background:#ff9fbc;border-radius:18px;box-shadow:0 12px 0 #f2bfd0,0 24px 38px rgba(164,91,123,.18)}.envelope-paper{position:absolute;left:22px;right:22px;top:20px;height:140px;background:#fffdfd;border-radius:13px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;transform:translateY(14px);transition:transform .65s cubic-bezier(.2,.85,.28,1);box-shadow:0 2px 9px rgba(164,91,123,.08)}.envelope-paper strong{font-family:var(--serif);font-size:24px;color:#64536f}.envelope-paper span{font-size:10px;color:#aa8d9d;margin-top:7px}.envelope-flap{position:absolute;left:0;right:0;top:17px;height:130px;background:#ffb3c9;clip-path:polygon(0 0,100% 0,50% 67%);border-radius:17px 17px 0 0;transform-origin:top;transition:transform .68s cubic-bezier(.2,.75,.25,1);z-index:3}.envelope-seal{position:absolute;left:50%;top:91px;transform:translateX(-50%);z-index:4;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ff7fa6;color:#fff;border:4px solid #ffd6e3;box-shadow:0 3px 0 #dc7193;font-size:20px;transition:.35s}.envelope-label{position:absolute;left:0;right:0;bottom:-59px;text-align:center;color:#8e7383;font-size:12px;animation:label-bob 1.8s ease-in-out infinite}.envelope-label strong{display:block;color:#56465f;font-size:15px;margin-bottom:5px}@keyframes label-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}.receiver-envelope.opened{pointer-events:none}.receiver-envelope.opened .envelope-flap{transform:rotateX(180deg);z-index:1}.receiver-envelope.opened .envelope-paper{transform:translateY(-78px);z-index:2}.receiver-envelope.opened .envelope-seal{opacity:0;transform:translate(-50%,-10px) scale(.7)}.receiver-envelope.opened .envelope-label{opacity:0}.receiver-card{width:min(100%,360px);background:rgba(255,255,255,.94);border:1px solid #f2dce6;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(164,91,123,.22);opacity:0;transform:translateY(35px) scale(.95);pointer-events:none;transition:opacity .5s ease .18s,transform .65s cubic-bezier(.2,.85,.28,1) .12s;position:absolute;max-height:calc(100svh - 62px);overflow-y:auto}.receiver-shell.revealed .receiver-card{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.receiver-shell.revealed .receiver-envelope{display:none}.receiver-card-cover{height:245px;background:linear-gradient(135deg,#ffb9cc,#ad9ee9 58%,#8bd4bb);background-size:cover;background-position:center;position:relative;padding:24px;display:flex;align-items:flex-end;color:#fff}.receiver-card-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(69,59,85,.02) 22%,rgba(69,59,85,.62))}.receiver-card-cover .cover-content{position:relative;z-index:1}.receiver-card-cover .cover-kicker{font-size:9px;letter-spacing:.16em;background:rgba(255,255,255,.22);padding:5px 8px;border-radius:999px;display:inline-block}.receiver-card-cover h1{font-family:var(--sans);font-size:30px;line-height:1.12;letter-spacing:-.05em;margin:12px 0 8px}.receiver-card-cover p{font-size:11px;line-height:1.6;margin:0;opacity:.9}.receiver-card-content{padding:22px 22px 24px}.receiver-date-row{display:flex;gap:16px;align-items:center;padding-bottom:18px;border-bottom:1px solid #f2e8ee}.receiver-date{width:73px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.receiver-date span{font-size:10px;color:#958598}.receiver-date strong{font-size:35px;line-height:.9;color:#ff7fa6}.receiver-date span:last-child{width:100%;margin-top:3px}.receiver-line{height:39px;width:1px;background:#f0e1e9}.receiver-time{display:flex;flex-direction:column;gap:6px;min-width:0}.receiver-time strong{font-size:12px}.receiver-time span{font-size:10px;color:#918293;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receiver-message{padding:19px 1px 18px;color:#65566d}.receiver-message .quote{font-family:var(--serif);font-size:34px;color:#ff7fa6;line-height:.5}.receiver-message p{font-size:14px;line-height:1.75;font-weight:600;margin:10px 0 12px}.receiver-message small{font-size:10px;color:#a58e9e}.receiver-question{font-size:12px;font-weight:800;margin:3px 0 10px}.receiver-actions{display:flex;gap:10px;align-items:center;position:relative;min-height:47px}.receiver-action{border-radius:14px;height:45px;font-size:12px;font-weight:800;transition:transform .2s,background .2s;display:flex;align-items:center;justify-content:center;gap:6px}.receiver-action svg{width:15px}.receiver-action.accept{flex:1;background:#ff7fa6;color:#fff;box-shadow:0 4px 0 #e98aa5}.receiver-action.accept:hover{background:#f36d99;transform:translateY(-2px)}.receiver-action.dodge{width:110px;background:#fff0f5;color:#c87591;border:1px solid #ffd3e1;position:relative;z-index:2}.receiver-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#b096a5;font-size:9px}.receiver-share{color:#bc7892;border:0;font-size:10px;display:flex;gap:4px;align-items:center}.receiver-share svg{width:13px}.receiver-toast{position:fixed;z-index:9;left:50%;bottom:23px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#4b405c;color:#fff;border-radius:999px;padding:11px 16px;font-size:12px;box-shadow:0 12px 28px rgba(75,64,92,.2);transition:.25s;white-space:nowrap}.receiver-toast.show{opacity:1;transform:translate(-50%,0)}.receiver-spark{position:absolute;pointer-events:none;z-index:8;color:#ff7fa6;font-size:20px;animation:spark-pop .75s ease-out forwards}@keyframes spark-pop{0%{opacity:0;transform:translate(0,8px) scale(.3)}35%{opacity:1}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(22deg) scale(1.2)}}@media (max-width:520px){.receiver-stage{min-height:610px}.receiver-card{max-height:calc(100svh - 58px)}.receiver-card-cover{height:215px}.receiver-card-cover h1{font-size:27px}.receiver-card-content{padding:18px 18px 20px}.receiver-action.dodge{width:100px}}