:root{--ground:#0B0A14;--ground-2:#141026;--paper:#F2E8D5;--paper-2:#E7DAC0;--paper-ink:#4A3F2E;--envelope:#2A1830;--envelope-2:#3A2140;--envelope-edge:#180D1E;--envelope-in:#4A2E52;--gold:#E8C77E;--gold-deep:#B8925A;--ink:#F5EFE2;--muted:#9A8FB0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(120% 80% at 50% -10%,#211a3d 0%,var(--ground-2) 42%,var(--ground) 82%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;min-height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;touch-action:none;user-select:none;-webkit-user-select:none}.display{font-family:Didot,"Bodoni 72",Bodoni MT,Playfair Display,Georgia,serif}.script{font-family:Snell Roundhand,Zapfino,Apple Chancery,Segoe Script,cursive}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;perspective:1600px;pointer-events:none}.layer>*{pointer-events:auto}.dust{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 70% 60%,rgba(232,199,126,.5),transparent),radial-gradient(1.5px 1.5px at 85% 22%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 38% 82%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 15% 68%,rgba(232,199,126,.4),transparent);background-repeat:no-repeat}.envelope{position:relative;width:min(86vw,340px);aspect-ratio:7/4.7;transform-style:preserve-3d;perspective:900px}.env-pocket{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(160deg,var(--envelope-2),var(--envelope) 55%,var(--envelope-edge));box-shadow:0 34px 60px -20px #000000b3,inset 0 1px #ffffff0f;overflow:hidden}.env-pocket:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent 49.5%,rgba(0,0,0,.22) 50%),linear-gradient(to top right,transparent 49.5%,rgba(0,0,0,.22) 50%);background-size:50.5% 100%,50.5% 100%;background-position:left,right;background-repeat:no-repeat}.env-pocket:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:1px solid rgba(232,199,126,.22)}.tear-edge{position:absolute;left:0;right:0;top:38%;height:26px;z-index:5;background:linear-gradient(180deg,var(--envelope-in),var(--envelope-2));-webkit-mask:var(--zigzag) 0 0/24px 26px;mask:var(--zigzag) 0 0/24px 26px}.env-flap{position:absolute;left:0;right:0;top:0;height:60%;z-index:6;transform-origin:top center;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(150deg,var(--envelope-2),var(--envelope) 72%);box-shadow:inset 0 1px #ffffff12}.env-flap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.32))}.seal{position:absolute;left:50%;top:42%;width:70px;height:70px;margin:-35px 0 0 -35px;z-index:8}.wax{position:absolute;top:0;height:100%;width:50%;background:radial-gradient(circle at 40% 32%,#9a3454,#5e1730 62%,#3d0e20);box-shadow:inset 0 2px 6px #ffffff2e,inset 0 -6px 10px #0006,0 5px 12px #00000073}.wax.l{left:0;border-radius:999px 3px 3px 999px}.wax.r{right:0;border-radius:3px 999px 999px 3px}.seal-mono{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:2;font-size:1.55rem;color:#ffe4cdeb;text-shadow:0 1px 1px rgba(0,0,0,.4)}.paper{position:relative;width:min(64vw,268px);aspect-ratio:1/1.58;perspective:1200px}.flip-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;overflow:hidden;backface-visibility:hidden}.paper-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.back-note{font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-deep);position:absolute;top:26px;left:0;right:0;text-align:center}.card-slot{width:52%;aspect-ratio:1/1.58;border-radius:12px;background:#4a3f2e0d;box-shadow:inset 0 2px 10px #4a3f2e2e;border:1px dashed rgba(74,63,46,.22)}.letter{background:linear-gradient(160deg,var(--paper),var(--paper-2));box-shadow:0 20px 40px -14px #0000008c,inset 0 0 40px #785a2814;color:var(--paper-ink);padding:26px 22px;display:flex;flex-direction:column;gap:14px}.letter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(74,63,46,.09) 27px 28px)}.letter .eyebrow{font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-deep)}.letter .msg{font-size:1.15rem;line-height:1.5;margin-top:6px}.letter .msg .line{display:block;position:relative}.line-wipe{position:absolute;top:-1px;right:-2px;bottom:-1px;left:-2px;transform-origin:right center;background:linear-gradient(160deg,var(--paper),var(--paper-2))}.letter .sign{margin-top:auto;font-size:1.6rem;color:#6a4a2a}.letter .turn{font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:#4a3f2e8c}.holo-outer{position:relative;perspective:1000px}.holo{position:relative;width:min(68vw,290px);aspect-ratio:1/1.58;border-radius:18px;transform-style:preserve-3d;box-shadow:0 40px 70px -20px #000c,0 0 0 1px #e8c77e66}.card-info-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.holo-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden}.card-base{background:radial-gradient(130% 110% at 20% 12%,#33234f,#1c1436 46%,#0f0b1f)}.card-base:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;background:repeating-radial-gradient(circle at 80% 118%,rgba(232,199,126,.25) 0 1px,transparent 1px 9px)}.foil{background-image:linear-gradient(120deg,#ff5f6d 8%,#ffc371 22%,#47e5bc,#59a2ff,#b06bff 70%,#ff6ad5 84%,#ff5f6d 96%);background-size:280% 280%;background-position:var(--mx,50%) var(--my,50%);mix-blend-mode:color-dodge;opacity:.5;filter:saturate(1.4) contrast(1.1)}.glitter{background-image:var(--sparkle);background-size:170px 170px;background-position:var(--mx,50%) var(--my,50%);mix-blend-mode:color-dodge;opacity:.45}.glare{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.7) 0%,rgba(255,255,255,.1) 18%,transparent 45%);mix-blend-mode:overlay;opacity:.6}.sweep{background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:250% 250%;pointer-events:none}.cardv-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;z-index:4;color:var(--ink);transform:translateZ(1px)}.cv-eyebrow{font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.cv-brand{font-size:1.3rem;letter-spacing:.12em;color:var(--gold);margin-top:2px}.cv-mid{margin-top:auto}.cv-big{font-size:2.1rem;line-height:1;color:var(--ink)}.cv-detail{font-size:.78rem;letter-spacing:.02em;color:var(--gold);margin-top:8px}.cv-sub{font-size:.66rem;letter-spacing:.04em;color:#f5efe2b3;margin-top:3px}.cv-names{display:flex;justify-content:space-between;margin-top:16px;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:#f5efe2d9}.cv-names small{display:block;color:var(--muted);font-size:.46rem;letter-spacing:.2em;margin-bottom:3px}.hint{position:fixed;left:0;right:0;bottom:max(30px,calc(env(safe-area-inset-bottom) + 12px));text-align:center;color:var(--muted);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;pointer-events:none}.hint b{color:var(--gold);font-weight:600}.progress{position:fixed;top:max(20px,calc(env(safe-area-inset-top) + 8px));left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:40}.dot{width:7px;height:7px;border-radius:50%;background:#e8c77e47;transition:.3s}.dot.on{background:var(--gold);box-shadow:0 0 8px #e8c77e99}.back{position:fixed;top:max(16px,calc(env(safe-area-inset-top) + 4px));left:16px;z-index:40;color:var(--muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:7px 13px;font-size:.72rem;letter-spacing:.1em;cursor:pointer}.motion-cta{position:fixed;left:50%;bottom:max(70px,calc(env(safe-area-inset-bottom) + 54px));transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;background:#e8c77e1f;color:var(--gold);border:1px solid rgba(232,199,126,.4);border-radius:30px;padding:10px 18px;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:40}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}