:root{--bg1: #FFF6EE;--bg2: #FDE7DF;--gold: #F9B208;--gold-soft: #FFD668;--plum: #5B2A3E;--plum-soft: #9A6A5A;--stem: #7F9A63;--seed: #7A4A24;--paper: #FBF3E4;--paper-edge: #EFE2CA;--paper-shade: #E7D6B8;--kraft: #C89B6A;--kraft-dark: #A0713F;--kraft-light: #DCB98D;--wax: #A33A4E;--wax-dark: #7C2739;--ribbon: #8C3A52;--stem-dark: #637C4B;--leaf: #8FA96F;--serif: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;--sans: "Nunito Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--hand: "Caveat", "Segoe Script", cursive;--gap-xs: .5rem;--gap-s: .875rem;--gap-m: 1.5rem;--gap-l: 2.5rem;--gap-xl: 4rem;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100svh;font-family:var(--sans);font-weight:400;color:var(--plum);background-color:var(--bg1);background-image:linear-gradient(176deg,var(--bg1) 0%,var(--bg1) 34%,var(--bg2) 100%);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.is-locked{overflow:hidden;height:100svh}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--plum);outline-offset:4px;border-radius:6px}:focus:not(:focus-visible){outline:none}#pollen{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}#app{position:relative;z-index:1}.scene{display:none}.scene.is-active{display:block}.scene--envelope{position:fixed;inset:0;place-items:center;padding:calc(var(--safe-t) + 1.5rem) calc(var(--safe-r) + 1.25rem) calc(var(--safe-b) + 1.5rem) calc(var(--safe-l) + 1.25rem)}.scene--envelope.is-active{display:grid}.swirl{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden;contain:strict;display:none}.swirl.is-active{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.env{display:grid;justify-items:center;gap:1.6rem;cursor:pointer;border-radius:18px;padding:.75rem;-webkit-tap-highlight-color:transparent}.env__stack{position:relative;width:clamp(250px,76vw,338px);aspect-ratio:3 / 2;perspective:880px;perspective-origin:50% 0%;transform-style:preserve-3d;filter:drop-shadow(0 22px 34px rgba(91,42,62,.18));will-change:transform}.env__layer{position:absolute;inset:0;width:100%;height:100%}.env__body{z-index:1}.env__paper{z-index:2}.env__front{z-index:3}.env__flap{z-index:4;transform-origin:50% 0%;backface-visibility:visible;filter:drop-shadow(0 3px 5px rgba(91,42,62,.16))}.env__paper{position:absolute;left:7%;bottom:8%;width:86%;height:84%;background:linear-gradient(180deg,#FEFAF1,var(--paper));border:1px solid #EADCC0;border-radius:4px 4px 2px 2px;box-shadow:0 -4px 12px #5b2a3e14;display:grid;align-content:start;gap:9px;padding:16px 18px 0;transform:translateZ(0)}.env__paper span{height:3px;border-radius:2px;background:var(--paper-shade);opacity:.75}.env__paper span:nth-child(1){width:62%}.env__paper span:nth-child(2){width:88%}.env__paper span:nth-child(3){width:76%}.env__paper span:nth-child(4){width:40%;background:var(--gold-soft);opacity:.6}.env__seal{position:absolute;left:50%;top:46%;width:21%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:5}.env__seal svg{width:100%;height:100%;overflow:visible}.seal-half{transform-origin:50% 50%}.env__glow{position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffd66880,#f9b2082e 38%,#f9b20800 66%);z-index:0;opacity:.45;pointer-events:none}.env__burst{position:absolute;left:50%;top:52%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,#fff,#ffecb2e6,#f9b20873 52%,#f9b20800 72%);z-index:6;opacity:0;pointer-events:none}.env__hint{margin:0;font-family:var(--sans);font-weight:300;font-size:.92rem;letter-spacing:.04em;color:var(--plum-soft)}.env__hint:after{content:"";display:block;width:26px;height:1px;margin:.7rem auto 0;background:currentColor;opacity:.4}.env:focus-visible{outline:2px solid var(--plum);outline-offset:8px}.sf{position:absolute;left:0;top:0;transform:translate3d(-50vw,-50vh,0) scale(0);will-change:transform,opacity;contain:layout style}.sf__svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 7px rgba(91,42,62,.14))}.scene--letter{padding:calc(var(--safe-t) + 2.25rem) max(clamp(.8rem,3.2vw,1.15rem),var(--safe-r)) calc(var(--safe-b) + 3.25rem) max(clamp(.8rem,3.2vw,1.15rem),var(--safe-l))}.letter-wrap{width:min(100%,34rem);margin-inline:auto}.carta__ramo{position:relative;width:min(100%,23.75rem);margin-inline:auto;aspect-ratio:420 / 486}.ramo{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 16px 26px rgba(91,42,62,.16))}.tag{position:absolute;left:30.5%;top:75.4%;width:43%;margin-left:-21.5%;transform:rotate(-5.5deg);transform-origin:50% 19.6%;filter:drop-shadow(0 7px 12px rgba(91,42,62,.2))}.tag__forma{position:absolute;inset:0;width:100%;height:100%}.tag__contenido{position:relative;display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:.1rem .4rem;padding:1.75rem .85rem 1rem;text-align:center}.tag__rosa{grid-row:1;width:1.4rem;height:1.4rem;color:var(--wax)}.tag__pre{grid-row:1;font-family:var(--sans);font-weight:300;font-size:.78rem;letter-spacing:.05em;color:var(--plum-soft)}.tag__nombre{grid-column:1 / -1;font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(1.02rem,4.2vw,1.22rem);line-height:1.15;color:var(--plum);overflow-wrap:anywhere}.papel{position:relative;margin:2.25rem auto 0;padding:clamp(2rem,7.5vw,3rem) clamp(1.05rem,4.6vw,2.6rem) clamp(2.9rem,9vw,3.6rem);background-color:var(--paper);background-image:radial-gradient(38% 22% at 18% 12%,#7a4a240b,#7a4a2400 70%),radial-gradient(30% 18% at 82% 30%,#7a4a240a,#7a4a2400 72%),radial-gradient(44% 26% at 30% 72%,#7a4a2409,#7a4a2400 74%),radial-gradient(34% 20% at 76% 88%,#7a4a240a,#7a4a2400 72%),radial-gradient(130% 85% at 50% 0%,#ffffff9e,#fff0 60%),radial-gradient(120% 70% at 50% 100%,#7a4a240d,#7a4a2400 58%);border-radius:12px 16px 10px 14px;box-shadow:inset 0 0 38px #7a4a240d,0 20px 40px -20px #5b2a3e52}.papel:before,.papel:after{content:"";position:absolute;left:15px;right:15px;height:5px;background-image:radial-gradient(ellipse 9px 5px at 50% 50%,var(--paper) 97%,transparent 100%);background-size:17px 10px;background-repeat:repeat-x;pointer-events:none}.papel:before{top:-5px;background-position:0 0}.papel:after{bottom:-5px;background-position:8px -5px}.papel__agua{position:absolute;left:50%;top:46%;width:72%;transform:translate(-50%,-50%);opacity:.042;pointer-events:none}.papel__texto{position:relative;z-index:1;text-align:center}.papel__estrofa{margin:0 0 1.55rem;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(.95rem,3.75vw,1.14rem);font-optical-sizing:auto;line-height:1.68;letter-spacing:.002em;color:var(--plum);text-wrap:pretty}.papel__estrofa:last-of-type{margin-bottom:2.1rem}.papel__despedida{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(.96rem,3.7vw,1.06rem);color:var(--plum-soft)}.papel__firma{margin:.15rem 0 0;font-family:var(--hand);font-weight:600;font-size:clamp(2rem,8vw,2.5rem);line-height:1.1;color:var(--plum)}.papel__fecha{position:absolute;left:clamp(1.05rem,4.6vw,2.6rem);bottom:clamp(1.15rem,4vw,1.5rem);margin:0;font-family:var(--sans);font-weight:300;font-size:.76rem;letter-spacing:.04em;color:var(--plum-soft);opacity:.85}.papel__lacre{position:absolute;right:clamp(1.15rem,5vw,2.2rem);bottom:clamp(.95rem,3.5vw,1.35rem);width:clamp(2.4rem,9vw,3rem);aspect-ratio:1;filter:drop-shadow(0 3px 5px rgba(91,42,62,.28))}.papel__lacre svg{width:100%;height:100%}.acciones{display:grid;justify-items:center;gap:.7rem;margin-top:2.25rem}.btn{position:relative;border:0;border-radius:999px;padding:.9rem 1.7rem;background-color:var(--plum);color:#fff3e3;font-family:var(--sans);font-weight:600;font-size:.95rem;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 22px -10px #5b2a3ebf;transition:transform .18s cubic-bezier(.22,.7,.3,1),box-shadow .18s ease,background-color .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px #5b2a3ecc}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.6;cursor:progress;transform:none}.btn:focus-visible{outline:2px solid var(--plum);outline-offset:4px}.acciones__estado{margin:0;min-height:1.1em;font-family:var(--sans);font-weight:300;font-size:.82rem;color:var(--plum-soft)}#carta-pdf{position:fixed;top:0;left:-10000px;width:794px;padding:46px 66px 58px;background-color:#fff6ee;background-image:linear-gradient(176deg,#fff6ee 0% 34%,#fde7df);pointer-events:none;z-index:-1}#carta-pdf .carta__ramo{width:352px}#carta-pdf .tag{width:45%;margin-left:-22.5%}#carta-pdf .tag__contenido{padding:30px 14px 16px}#carta-pdf .tag__rosa{width:17px;height:17px}#carta-pdf .tag__pre{font-size:12.5px}#carta-pdf .tag__nombre{font-size:19px}#carta-pdf .papel{margin-top:40px;padding:56px 62px 66px;box-shadow:inset 0 0 44px #7a4a2412,0 22px 42px -22px #5b2a3e4d}#carta-pdf .papel__estrofa{font-size:18px;line-height:1.72;margin-bottom:28px}#carta-pdf .papel__estrofa:last-of-type{margin-bottom:38px}#carta-pdf .papel__despedida{font-size:16.5px}#carta-pdf .papel__firma{font-size:40px}#carta-pdf .papel__fecha{left:62px;bottom:28px;font-size:12.5px}#carta-pdf .papel__lacre{right:52px;bottom:24px;width:52px}#carta-pdf .papel{border-radius:3px}#carta-pdf .ramo{filter:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:hover{transform:none}.env__glow{opacity:.55}}@media (max-height: 34rem){.env{gap:1rem}.env__stack{width:clamp(210px,58vw,280px)}.env__hint{font-size:.85rem}.env__hint:after{margin-top:.45rem}}@media (min-width: 46rem){.scene--letter{padding-top:calc(var(--safe-t) + 3.5rem)}.carta__ramo{width:min(100%,25.5rem)}.papel{margin-top:2.75rem}}