.postcard-page{max-width:900px;margin:auto;padding:20px 12px 40px!important;color:#4c3048}.postcard-eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:3px;color:#806b7f;margin:12px 0}.postcard-page h2{font-size:clamp(26px,5vw,42px);margin:8px 0 24px}.postcard-workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;align-items:start}.postcard-page canvas#postcardCanvas{width:100%;height:auto;aspect-ratio:3/2;border-radius:3px;box-shadow:0 12px 36px #4c304825;transform:rotate(-2deg);margin:10px 0 25px}.postcard-form{display:flex;flex-direction:column;gap:14px;text-align:left;width:100%;max-width:440px;margin:auto}.postcard-form label{display:flex;flex-direction:column;gap:6px;font-size:14px}.postcard-form input,.postcard-form textarea{box-sizing:border-box;width:100%;font:16px/1.55 Georgia,serif;padding:12px 14px;border:1px solid #806b7f55;border-radius:10px;background:#fffaf3;color:#4c3048}.postcard-form textarea{resize:vertical}.postcard-form .btn{margin:4px 0}.postcard-counter{font:11px Arial,sans-serif;text-align:right;margin-top:-10px;color:#806b7f}.postcard-help{font:12px/1.6 Arial,sans-serif;color:#806b7f;margin:0}.postcard-link{background:none;border:none;text-decoration:underline;text-underline-offset:3px;color:#806b7f;font:13px/1.5 Arial,sans-serif;cursor:pointer;padding:8px}.postcard-actions{display:flex;flex-wrap:wrap;justify-content:center;margin:12px 0}.postcard-page [hidden]{display:none!important}#envelopeStatus{font:14px/1.6 Arial,sans-serif;max-width:440px;margin:14px auto;color:#704b4c}#postcardChallenge{min-height:0}
.envelope-scene{position:relative;width:min(100%,380px);height:430px;margin:0 auto;perspective:1000px;isolation:isolate;transition:transform .8s ease,opacity .8s ease}.envelope-back{position:absolute;left:5%;bottom:32px;width:90%;height:210px;background:#dec1aa;border-radius:12px;z-index:0;box-shadow:0 12px 30px #2f171f25}.envelope-flap{position:absolute;left:5%;bottom:240px;width:90%;height:150px;background:linear-gradient(135deg,#e2c5ac,#f4ddc7);clip-path:polygon(0 100%,50% 0,100% 100%);transform-origin:center bottom;z-index:1;transition:transform .8s ease 1.6s}.envelope-photo{position:absolute;bottom:140px;width:29%;max-height:310px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 3px 5px #3218);z-index:3;transition:transform 1.5s cubic-bezier(.4,0,.2,1),opacity .4s 1.1s}.photo-a{left:19%;transform:rotate(-10deg)}.photo-b{right:18%;transform:rotate(8deg)}.envelope-card{position:absolute;left:15%;bottom:165px;width:70%;box-shadow:0 4px 12px #0002;transform:rotate(4deg);z-index:2;transition:transform 1.4s .2s ease,opacity .4s 1.2s}.envelope-front{position:absolute;left:5%;bottom:32px;width:90%;height:210px;z-index:4;background:linear-gradient(32deg,transparent 49.7%,#cfad9233 50%,transparent 50.4%),linear-gradient(-32deg,transparent 49.7%,#cfad9233 50%,transparent 50.4%),radial-gradient(ellipse at 30% 30%,#f9e9d7,#e8c9b0);clip-path:polygon(0 0,50% 42%,100% 0,100% 100%,0 100%);border-radius:0 0 4px 4px}.envelope-front span{position:absolute;bottom:20px;left:0;width:100%;font:italic 13px Georgia,serif;color:#763c35}.envelope-seal{position:absolute;bottom:92px;left:calc(50% - 25px);width:50px;height:50px;border-radius:44% 51% 45% 50%;background:radial-gradient(circle at 35% 30%,#b34b49,#6d1f2a 65%);box-shadow:inset 0 0 0 4px #85313b,inset 0 0 0 6px #b9655a,0 3px 6px #3518;color:#deb0a1;font:italic 25px/50px Georgia,serif;z-index:7;opacity:0;transform:scale(1.5);transition:opacity .3s 2.3s,transform .3s 2.3s}.envelope-scene.packed .photo-a{transform:translate(28px,130px) rotate(-3deg) scale(.8);opacity:0}.envelope-scene.packed .photo-b{transform:translate(-25px,130px) rotate(2deg) scale(.8);opacity:0}.envelope-scene.packed .envelope-card{transform:translateY(120px) scale(.8);opacity:0}.envelope-scene.packed .envelope-flap{transform:rotateX(-180deg);z-index:5}.envelope-scene.packed .envelope-seal{opacity:1;transform:scale(1)}.envelope-scene.sent{transform:translateY(-50px) rotate(-7deg) scale(.8);opacity:.3}
@media(max-width:650px){.postcard-workspace{display:block}.postcard-page{padding:12px 6px 30px!important}.envelope-scene{height:390px}}@media(prefers-reduced-motion:reduce){.envelope-scene,.envelope-scene *{transition:none!important}}
/* Locally hosted typewriter face, shared by the editor and exported postcard. */
@font-face{font-family:'Special Elite';src:url('fonts/special-elite.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.postcard-page{color:#f6eadc}.postcard-page h2{color:#f6eadc}.postcard-eyebrow,.postcard-counter,.postcard-help,.postcard-link,#envelopeStatus{color:#dec6b6}.postcard-form label{color:#f6eadc}.postcard-form input,.postcard-form textarea{font-family:'Special Elite','Courier New',monospace;color:#573c3c}.postcard-page .postcard-form button:disabled{opacity:.55;cursor:wait}#postcardFormStatus{color:#ffe1b8;font:14px/1.5 Arial,sans-serif;margin:0}#postcardFormStatus:empty{display:none}
.envelope-scene{width:min(100%,380px);height:auto;aspect-ratio:380/460;margin:10px auto 28px}
.envelope-back,.envelope-front{left:5%;top:10%;bottom:auto;width:90%;height:90%;border-radius:0;background:url('image/envelope-paper.webp') center/100% 100% no-repeat;box-shadow:none}
.envelope-back{clip-path:polygon(0 100%,0 40%,3% 35%,45% 2%,50% 0,55% 2%,97% 35%,100% 40%,100% 100%)}
.envelope-front{clip-path:polygon(0 40%,40% 65%,60% 65%,100% 40%,100% 100%,0 100%)}
.envelope-front span{bottom:6%;font:11px 'Special Elite','Courier New',monospace;padding-right:45px;box-sizing:border-box}
.envelope-flap{left:5%;top:10%;bottom:auto;width:90%;height:35.1%;background:url('image/envelope-paper.webp') top center/100% 256.4% no-repeat;clip-path:polygon(0 100%,3% 90%,45% 5%,50% 0,55% 5%,97% 90%,100% 100%);transform-origin:center bottom}
.envelope-scene.packed .envelope-back{clip-path:inset(39% 0 0);transition:clip-path 0s 1.6s}
.envelope-card{bottom:32%}.envelope-photo{bottom:30%;max-height:72%}
.envelope-seal{left:auto;right:9%;bottom:6%;width:64px;height:auto;border-radius:0;background:none;box-shadow:none;object-fit:contain;filter:drop-shadow(0 3px 2px #3515)}