.flipcard-game.svelte-5z13nj{--paper-a:#fffaf4;--paper-b:#f1dfd8;--card-ink:#4a2c36;--card-accent:#7a2944;--card-rule:#9d4c6530;--card-fiber:#5c343a38;color:#4a2c36;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:560px;min-height:100%;margin:0 auto;padding:24px 18px;display:flex}.card-shell.svelte-5z13nj{aspect-ratio:4/3;perspective:1100px;filter:drop-shadow(0 18px 24px #00000047);transform-origin:bottom;width:100%}.card-shell.flipped.svelte-5z13nj{animation:.78s cubic-bezier(.22,1,.36,1) both svelte-5z13nj-cardLift}@keyframes svelte-5z13nj-cardLift{0%{filter:drop-shadow(0 18px 24px #00000047);transform:translateY(0)rotate(0)}48%{filter:drop-shadow(0 32px 34px #00000061);transform:translateY(-13px)rotate(-.65deg)}to{filter:drop-shadow(0 21px 27px #0000004f);transform:translateY(-2px)rotate(.18deg)}}.card-inner.svelte-5z13nj{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1);position:relative}.card-inner.flipped.svelte-5z13nj{transform:rotateY(180deg)}.card-face.svelte-5z13nj{backface-visibility:hidden;background:linear-gradient(145deg,var(--paper-a),var(--paper-b));border:1px solid #58343b3d;border-radius:13px 15px 14px 12px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff52,inset 0 0 18px #532c320b}.card-back.svelte-5z13nj,.card-inner.flipped.svelte-5z13nj .card-front:where(.svelte-5z13nj){pointer-events:none}.card-inner.flipped.svelte-5z13nj .card-back:where(.svelte-5z13nj){pointer-events:auto}.paper-grain.svelte-5z13nj{opacity:.42;pointer-events:none;background-image:radial-gradient(var(--card-fiber) .45px,transparent .7px), repeating-linear-gradient(104deg,transparent 0 19px,#ffffff2e 19px 20px,transparent 20px 43px);mix-blend-mode:multiply;background-size:6px 7px,100% 100%;position:absolute;inset:0}.fold-crease.svelte-5z13nj{z-index:1;pointer-events:none;opacity:.32;background:linear-gradient(90deg,#532f361f,#ffffff75,#532f3614);width:2px;height:94%;position:absolute;top:3%;left:50%;box-shadow:1px 0 5px #502b320f}.writing-lines.svelte-5z13nj{z-index:0;pointer-events:none;opacity:.72;background:repeating-linear-gradient(to bottom,transparent 0 26px,var(--card-rule) 26px 27px);position:absolute;inset:17% 7% 19%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}[data-theme=moonlight].svelte-5z13nj{--paper-a:#f0eff5;--paper-b:#d9d9e7;--card-ink:#343044;--card-accent:#62557d;--card-rule:#584c7a33;--card-fiber:#3e395238}[data-theme=warm-note].svelte-5z13nj{--paper-a:#fffaf0;--paper-b:#eedfc8;--card-ink:#51392f;--card-accent:#8a4b45;--card-rule:#925b482e;--card-fiber:#694c3733}.card-front.svelte-5z13nj{appearance:none;width:100%;color:inherit;cursor:pointer;text-align:left;font:inherit;padding:0}.card-front.svelte-5z13nj:focus-visible,.read-button.svelte-5z13nj:focus-visible{outline-offset:3px;outline:3px solid #e0a93f}.card-front.svelte-5z13nj:disabled{cursor:default}.card-front.svelte-5z13nj img:where(.svelte-5z13nj){object-fit:contain;image-rendering:auto;filter:saturate(.9)contrast(.96);width:56%;height:104%;position:absolute;top:-2%;left:-2%;transform:rotate(-1.5deg)}.front-copy.svelte-5z13nj{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;position:absolute;inset:22% 8% 20% 45%}.front-copy.svelte-5z13nj strong:where(.svelte-5z13nj){font-family:var(--font-display);text-wrap:balance;font-size:clamp(1.3rem,4.7vw,2rem);font-weight:600;line-height:1.2}.front-copy.svelte-5z13nj small:where(.svelte-5z13nj){color:#8e6972;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(.53rem,1.7vw,.68rem)}.seal.svelte-5z13nj{color:#f3cdd3;background:linear-gradient(145deg,var(--card-accent),#a44363);border-radius:48% 52% 46% 54%;place-items:center;width:35px;height:35px;display:grid;position:absolute;bottom:7%;right:6%;transform:rotate(-4deg);box-shadow:0 3px 7px #481b2a4d,inset 0 1px #fff3}.card-back.svelte-5z13nj{color:var(--card-ink);background:linear-gradient(145deg,var(--paper-a),var(--paper-b));flex-direction:column;justify-content:center;align-items:stretch;padding:clamp(20px,5%,34px) clamp(24px,7%,44px);display:flex;transform:rotateY(180deg)}.card-back.svelte-5z13nj:before,.card-back.svelte-5z13nj:after{content:"";border:1px solid #9a596929;width:72px;height:72px;position:absolute;transform:rotate(45deg)}.card-back.svelte-5z13nj:before{top:-48px;left:-48px}.card-back.svelte-5z13nj:after{bottom:-48px;right:-48px}.message-copy.svelte-5z13nj{z-index:2;flex-direction:column;justify-content:center;min-height:0;display:flex;position:relative}.recipient.svelte-5z13nj{color:var(--card-accent);font-family:var(--font-display);margin:0 0 10px;font-size:clamp(1rem,3vw,1.35rem);font-weight:600}.message.svelte-5z13nj{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--card-ink);font-family:var(--font-hand);scrollbar-width:thin;text-shadow:0 1px #ffffff59;max-height:7.1em;margin:0;font-size:clamp(.9rem,3.25vw,1.28rem);line-height:1.42;overflow:auto}.sender.svelte-5z13nj{text-align:right;color:var(--card-accent);font-family:var(--font-hand);margin:10px 0 0;font-size:clamp(.9rem,2.8vw,1.15rem)}.read-button.svelte-5z13nj{z-index:2;appearance:none;color:#7a2944;font:inherit;cursor:pointer;background:#ffffff94;border:1px solid #7a29444d;border-radius:999px;align-self:center;margin-top:clamp(12px,3%,20px);padding:9px 21px;font-size:.78rem;font-weight:650;transition:transform .18s,background .18s;position:relative;box-shadow:0 4px 12px #4f24301a}.read-button.svelte-5z13nj:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.read-button.svelte-5z13nj:disabled{cursor:default}.guide.svelte-5z13nj{color:#ffffffb8;letter-spacing:.01em;margin:17px 0 0;font-size:.8rem;transition:opacity .25s}.guide.svelte-5z13nj span:where(.svelte-5z13nj){color:#e0a93f;margin-right:5px;display:inline-block}.guide.hidden.svelte-5z13nj{opacity:0}.done-state.svelte-5z13nj{text-align:center;color:#ffffffeb;place-items:center;animation:.55s cubic-bezier(.22,1,.36,1) both svelte-5z13nj-doneIn;display:grid}.done-heart.svelte-5z13nj{color:#f3d1d8;background:linear-gradient(145deg,#7d2945,#a44363);border-radius:50%;place-items:center;width:68px;height:68px;font-size:2rem;display:grid;box-shadow:0 0 30px #a4436373}.done-state.svelte-5z13nj p:where(.svelte-5z13nj){font-family:var(--font-hand);margin:15px 0 0;font-size:1.45rem}@keyframes svelte-5z13nj-doneIn{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:none}}@media (width<=420px){.flipcard-game.svelte-5z13nj{padding:18px 10px}.card-face.svelte-5z13nj{border-radius:15px}.card-back.svelte-5z13nj{padding:18px 22px}.message.svelte-5z13nj{max-height:6.75em;line-height:1.35}.read-button.svelte-5z13nj{margin-top:10px;padding:7px 17px}}@media (prefers-reduced-motion:reduce){.card-inner.svelte-5z13nj,.guide.svelte-5z13nj,.read-button.svelte-5z13nj{transition:none}.card-shell.flipped.svelte-5z13nj,.done-state.svelte-5z13nj{animation:none}}