*{box-sizing:border-box}html{background:#f7f3eb}body{margin:0;color:#294456;font-family:Georgia,'Times New Roman',serif}.blessing{max-width:1024px;margin:auto;background:#f9f5ed;box-shadow:0 18px 50px #2b465023}.scene{position:relative;aspect-ratio:3/2;overflow:hidden}.art{display:block;width:100%;height:100%;object-fit:cover}.portrait-frame{position:absolute;left:40.1%;top:12%;width:19.8%;height:34%;overflow:hidden;border-radius:49% 49% 2px 2px/35% 35% 2px 2px;box-shadow:0 0 0 3px #f7f0df,0 0 0 5px #ba945b;animation:portrait-reveal .9s .15s both}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}.paper{position:absolute;left:27%;top:46%;width:46%;height:42%;padding:10px 13px;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:5px;text-align:center;background:#fffaf0f2;border:1px solid #decaa8;box-shadow:0 12px 28px #374b4b1a;animation:paper-reveal .85s .45s both}.paper::-webkit-scrollbar{display:none}.paper h1{font-size:clamp(21px,3vw,34px);line-height:1.03;letter-spacing:-.035em;font-weight:400;margin:0;overflow-wrap:anywhere;color:#294456}.kicker{margin:0;font:700 clamp(8px,.85vw,11px)/1.2 Arial,sans-serif;letter-spacing:.18em;color:#a98247}.heart{color:#b18c55;font-size:17px;line-height:1}.message{font-size:clamp(10px,1.2vw,15px);line-height:1.4;margin:0;max-width:98%;overflow-wrap:anywhere;color:#385466}.facts{width:100%;display:grid;grid-template-columns:1fr 1fr;margin:4px auto;line-height:1.2}.facts>div{min-width:0;padding:1px 6px;display:flex;flex-direction:column;align-items:center;gap:3px}.facts>div+div{border-left:1px solid #c5a371}.facts strong{font-size:clamp(10px,1vw,14px);overflow-wrap:anywhere}.facts small{font-size:clamp(9px,.9vw,13px);overflow-wrap:anywhere}.symbol{color:#ae874d;font-size:15px}.reply{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;min-height:31px;margin-top:2px;background:#6c8898;color:#fff;text-decoration:none;font:700 11px/1.2 Arial,sans-serif;border-radius:3px}.reply:focus-visible{outline:3px solid #b18c55;outline-offset:3px}.extra{padding:36px 20px 48px;text-align:center;background:#fffaf0}.extra-label{font:700 10px Arial,sans-serif;letter-spacing:.22em;color:#af8347}.extra h2{font-size:clamp(24px,4vw,40px);font-weight:400;margin:8px 0 14px}.extra p[data-field]{max-width:42rem;margin:auto;font-size:16px;line-height:1.6;overflow-wrap:anywhere}@keyframes portrait-reveal{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes paper-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.scene{aspect-ratio:auto;overflow:visible;padding-top:70%}.art{position:absolute;inset:0 0 auto;width:100%;height:auto}.portrait-frame{top:8%;height:24%}.paper{position:relative;left:auto;top:auto;width:calc(100% - 28px);height:auto;min-height:320px;margin:-7% auto 16px;padding:28px 20px 32px;overflow:visible;gap:10px}.paper h1{font-size:clamp(28px,8vw,40px)}.kicker{font-size:10px}.message{font-size:16px}.facts{margin:9px auto}.facts strong{font-size:13px}.facts small{font-size:12px}.reply{font-size:13px;min-height:40px}.extra{padding-top:28px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}