@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600&family=Parisienne&display=swap');

:root{
  --paper:#f6eee3; --paper2:#fffaf2; --ink:#402a25; --muted:#7e655d;
  --red:#8d1720; --red2:#b52d35; --gold:#b38a4a; --line:#d9c3aa;
}
.llx-app{max-width:100%;min-height:100vh;overflow:hidden;color:var(--ink);font-family:"DM Sans",sans-serif;
  background:
    radial-gradient(circle at 15% 18%,rgba(141,23,32,.08) 0 2px,transparent 3px),
    radial-gradient(circle at 85% 72%,rgba(141,23,32,.06) 0 1px,transparent 2px),
    repeating-linear-gradient(0deg,rgba(91,59,39,.018) 0 1px,transparent 1px 4px),
    linear-gradient(135deg,#eee0cf,#faf4ea 45%,#eadbc8);
  position:relative;
}
.llx-app:before,.llx-app:after{content:"♡";position:fixed;z-index:0;color:#9d2b2d;font-family:serif;font-size:55px;opacity:.72;text-shadow:1px 2px 0 rgba(80,20,20,.12)}
.llx-app:before{top:30px;left:18px;transform:rotate(-14deg)}
.llx-app:after{top:30px;right:18px;transform:rotate(14deg)}
.llx-screen{display:none;position:relative;z-index:1;min-height:100vh;box-sizing:border-box;padding:54px 20px 34px;max-width:520px;margin:auto;text-align:center;animation:fade .5s ease}
.llx-screen.is-active{display:flex;flex-direction:column;align-items:center}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.llx-nojs{padding:30px;text-align:center}
.llx-top-heart{font:48px "Parisienne";color:var(--red);margin-bottom:5px}
.llx-kicker,.llx-badge{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--red);font-weight:700}
.llx-screen h1,.llx-screen h2{font-family:"Cormorant Garamond",serif;font-weight:600;line-height:.92;margin:14px 0 12px;color:#522a26}
.llx-screen h1{font-size:55px}.llx-screen h2{font-size:42px}
.llx-screen h1 em,.llx-screen h2 em{font-family:"Parisienne";font-style:normal;color:var(--red);font-weight:400}
.llx-sub{max-width:330px;color:var(--muted);font-size:14px;line-height:1.7;margin:0 auto 24px}
.llx-envelope,.llx-big-envelope{position:relative;width:280px;height:190px;margin:20px auto 25px;filter:drop-shadow(0 18px 18px rgba(60,30,20,.16));}
.llx-envelope{transform:rotate(-1deg)}
.llx-envelope:before,.llx-envelope-body{content:"";position:absolute;inset:15px 0 0;background:linear-gradient(145deg,#d8b98d,#f0d8b2);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:5px}
.llx-envelope:after{content:"";position:absolute;left:0;right:0;bottom:0;height:125px;background:#e3c49a;clip-path:polygon(0 100%,50% 42%,100% 100%);z-index:3}
.llx-envelope-flap{position:absolute;z-index:4;top:15px;left:0;width:100%;height:105px;background:#e9cea5;clip-path:polygon(0 0,100% 0,50% 72%);filter:brightness(.98)}
.llx-seal{position:absolute;z-index:7;left:50%;top:82px;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#bd3940,#74151c);color:#ffe9df;display:grid;place-items:center;font-size:25px;box-shadow:0 5px 10px rgba(60,10,10,.28);border:2px solid #e0ad65}
.llx-envelope span{position:absolute;z-index:6;left:18px;top:38px;font:22px "Parisienne";color:#6e3d31;transform:rotate(-5deg)}
.llx-primary,.llx-secondary{border:0;border-radius:999px;min-height:51px;padding:0 25px;font:600 15px "DM Sans";cursor:pointer;transition:.2s;box-shadow:0 8px 18px rgba(94,20,25,.15)}
.llx-primary{background:linear-gradient(135deg,#a5222c,#74121a);color:#fff9ef;border:1px solid #d19a51;min-width:210px}
.llx-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(94,20,25,.22)}
.llx-secondary{background:rgba(255,250,242,.6);color:var(--red);border:1px solid #b98e65;box-shadow:none}
.llx-form{width:100%;text-align:left;background:rgba(255,250,242,.5);border:1px solid rgba(156,112,73,.35);border-radius:22px;padding:18px;box-sizing:border-box;backdrop-filter:blur(4px)}
.llx-form label{display:block;font-size:12px;font-weight:700;color:#765a4f;margin-bottom:12px}
.llx-form input,.llx-form textarea,.llx-share-box input{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #d7bfa5;background:rgba(255,252,247,.86);border-radius:13px;padding:12px 13px;color:var(--ink);font:14px "DM Sans";outline:none}
.llx-form textarea{resize:vertical;min-height:125px}.llx-form input:focus,.llx-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(141,23,32,.08)}
.llx-upload-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px;font-weight:700;font-size:13px}.llx-upload-head small{color:#947b70;font-weight:400}
.llx-memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.llx-memory-item{position:relative}.llx-memory-item img{width:100%;height:90px;object-fit:cover;border-radius:10px;border:2px solid #fff;box-shadow:0 4px 10px #8a654533}
.llx-memory-item button{position:absolute;right:4px;top:4px;width:23px;height:23px;border:0;border-radius:50%;background:#6f1018;color:#fff;cursor:pointer}.llx-memory-item input{font-size:10px!important;padding:7px!important;margin-top:4px!important;border-radius:8px!important}
.llx-form>.llx-secondary{width:100%;margin:4px 0 12px}
.llx-status{font-size:12px;text-align:center;min-height:17px;color:#6e5a51}.llx-status.bad{color:#a11620}
.llx-mini{font-size:11px;color:#987e72;margin-top:15px}.llx-countdown{background:radial-gradient(circle at center,#552526,#170f0f 72%);color:#fff1e5}
.llx-countdown .llx-count-kicker{color:#e5b46b;letter-spacing:3px}.llx-countdown #llx-count-number{font:150px "Cormorant Garamond";color:#fff2dd;line-height:1;text-shadow:0 10px 40px #000;margin-top:35px}.llx-countdown p{color:#e5d0c2}
.llx-open-envelope{position:relative;width:300px;height:240px;margin:20px auto 10px;perspective:1000px}.paper-envelope{position:absolute;bottom:15px;left:0;width:100%;height:165px;background:#d8b98d;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:4px;box-shadow:0 18px 25px #5c332633}.paper-envelope:before{content:"";position:absolute;inset:0;background:#e4c79d;clip-path:polygon(0 100%,50% 42%,100% 100%)}.paper-letter{position:absolute;z-index:3;left:16px;right:16px;top:45px;height:145px;background:#fff6e8;border:1px solid #ddc5a5;box-shadow:0 8px 15px #4d2b2526;display:grid;place-items:center;font:26px "Parisienne";color:#7c2a2e;transition:1s;transform-origin:bottom}.llx-open-envelope:after{content:"♥";position:absolute;z-index:5;left:50%;bottom:74px;transform:translateX(-50%);width:45px;height:45px;border-radius:50%;background:#9d1d27;color:#ffe8d9;display:grid;place-items:center;border:2px solid #d9aa61}.llx-open-envelope.opening .paper-letter{transform:translateY(-110px) rotateX(5deg) scale(1.04)}.llx-open-envelope.opening .paper-envelope{transform:rotateX(-4deg)}
.llx-paper{width:100%;box-sizing:border-box;position:relative;background:linear-gradient(120deg,#fff5e5,#f5e4cc);padding:38px 25px 30px;box-shadow:0 20px 45px #5a32242b;border:1px solid #dec29f;text-align:left;min-height:480px;transform:rotate(-.5deg)}.llx-paper:before{content:"";position:absolute;inset:8px;border:1px solid #d8b999;pointer-events:none}.llx-paper-flower{position:absolute;right:20px;top:18px;color:#a31f29;font-size:20px}.llx-letter-text{font:20px/1.7 "Parisienne";white-space:pre-wrap;color:#4d312a;margin-top:22px;min-height:250px}.llx-sign{text-align:right;margin-top:18px;font:16px/1.4 "Cormorant Garamond";color:#76534a}.llx-sign em{font:24px "Parisienne";color:#8d1720}.llx-letter .llx-primary{margin-top:25px}
.llx-gallery{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:10px 0 24px}.llx-polaroid{margin:0;background:#fffaf3;padding:8px 8px 20px;box-shadow:0 10px 20px #56322625;transform:rotate(-3deg)}.llx-polaroid:nth-child(even){transform:rotate(4deg)}.llx-polaroid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.llx-polaroid figcaption{font:16px "Parisienne";padding:8px 2px 0;color:#5b3b33}.llx-empty{grid-column:1/-1;padding:35px 10px;color:#876e63}
.llx-final{background:radial-gradient(circle at center,#60302d,#1d1010 75%);color:#fff1e7}.llx-final h2{color:#fff0df}.llx-final .llx-badge{color:#dcb16d}.llx-final-copy{max-width:320px;line-height:1.8;color:#e7d2c7}.llx-final-name{font:38px "Parisienne";color:#e4b970;margin:20px 0}.llx-lantern{font-size:70px;color:#c02e37;text-shadow:0 0 45px #e79b59;margin:20px}
.llx-dashboard{text-align:left}.llx-dashboard h2{text-align:center;font-size:39px}.llx-dash-card,.llx-preview-box{width:100%;box-sizing:border-box;background:rgba(255,250,242,.78);border:1px solid #d5b796;border-radius:20px;padding:16px;display:flex;align-items:center;gap:13px;box-shadow:0 10px 25px #62402b1c;margin:10px 0}.llx-dash-icon,.llx-preview-mini-envelope{width:48px;height:48px;border-radius:15px;background:#8d1720;color:#fff1e5;display:grid;place-items:center;font-size:22px}.llx-dash-card strong,.llx-preview-box strong{display:block}.llx-dash-card small,.llx-preview-box small{display:block;color:#8b7369;margin-top:3px;font-size:11px}.llx-price{margin-left:auto;font:700 23px "Cormorant Garamond";color:#8d1720}.llx-preview-box{margin-top:14px}.llx-dashboard>.llx-primary{width:100%;margin-top:10px}.llx-pay{margin-top:12px!important}.llx-pay.paid{background:#2f6945;border-color:#9dc8a8}.llx-share-box{width:100%;box-sizing:border-box;margin-top:12px;background:#fffaf2aa;border:1px dashed #c49c73;border-radius:17px;padding:12px}.llx-share-box input{margin:0 0 8px}.llx-share-box button{border:1px solid #b98e65;background:#fff8ef;color:#7b252b;border-radius:10px;padding:9px 11px;margin:2px;font-weight:600;cursor:pointer}.llx-share-box #llx-whatsapp{background:#267c4a;color:white;border-color:#267c4a}
@media(max-width:380px){.llx-screen{padding-left:14px;padding-right:14px}.llx-screen h1{font-size:47px}.llx-screen h2{font-size:36px}.llx-envelope,.llx-big-envelope{transform:scale(.92);margin-left:auto;margin-right:auto}.llx-letter-text{font-size:18px}.llx-memory-grid{gap:6px}}
