#stage:after,#studio-stage:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 95% at 50% 45%,#0000 55%,#0208058c 100%);position:absolute;inset:0}.book{--w:300px;--edge:max(2px, calc(var(--w) * .009));width:var(--w);aspect-ratio:5/7;perspective:calc(var(--w) * 4.2);-webkit-tap-highlight-color:transparent;position:absolute}.book-ground{pointer-events:none;transform-origin:50% 0;background:radial-gradient(50% 50%,#0000008c,#00000038 45%,#0000 72%);height:12%;position:absolute;bottom:-5%;left:2%;right:2%}.book-inside{box-shadow:0 0 0 .5px #785f3238, var(--shadow-card);position:absolute;inset:0}.book-inside:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff8c,#0000 2px),linear-gradient(90deg,#3c280a33,#3c280a0f 40%,#0000);width:10%;position:absolute;inset:0 auto 0 0}.book-shade{pointer-events:none;transform-origin:0;opacity:0;background:linear-gradient(90deg,#140c006b,#140c0024 30%,#0000 70%);border-radius:6px;position:absolute;inset:0}.book-cover{transform-origin:0;position:absolute;inset:0}.book-front,.book-back{border-radius:6px;position:absolute;inset:0;overflow:hidden}.book-front-face{position:absolute;inset:0}.book-front .jc{width:100%;height:100%;box-shadow:none;border-radius:6px}.book-front{box-shadow:0 0 0 .5px #0000002e, var(--shadow-card)}.book-light{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0a06008c,#0a0600cc);position:absolute;inset:0}.book-back .book-light{background:linear-gradient(270deg,#0a060073,#0a0600b3)}.book-gloss{z-index:3;pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:linear-gradient(105deg,#0000 38%,#fffaeb1a 45%,#fff8e14d 50%,#fffaeb1a 55%,#0000 62%);position:absolute;inset:-10% -40%}.book-back{visibility:hidden;background:var(--grain), radial-gradient(120% 90% at 100% 50%, #fffdf8, #f2e7d4);box-shadow:0 0 0 .5px #785f3238, var(--shadow-card), inset -14px 0 30px -18px #0000004d;align-content:center;place-items:center;gap:6%;display:grid;transform:scaleX(-1);container-type:inline-size}.book-back:before{content:"";border:1px solid color-mix(in srgb, var(--book-gold,#c9993f) 45%, transparent);border-radius:3px;position:absolute;inset:5%}.book-back:after{content:"";pointer-events:none;background:linear-gradient(270deg,#0000001f,#0000);width:9%;position:absolute;inset:0 0 0 auto}.book-edge{width:var(--edge);transform-origin:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,#fbf5e8,#e3d6bd 60%,#cbbb9d);height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 .5px #785f3240}.book-emblem{filter:drop-shadow(0 1px #ffffffb3);width:22%}.book-emblem svg{fill:url(#emblem-foil);width:100%}.book-wish{font:italic 500 8cqi / 1.1 var(--serif);color:color-mix(in srgb, var(--book-gold,#c9993f) 75%, #3b2a0a);text-align:center;text-wrap:balance;padding:0 14%}.book-mark{font:600 3.2cqi / 1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--book-gold,#c9993f) 80%, #000);opacity:.6}.book .jc-inside .msg .ch{opacity:0}.env{--E:300px;width:var(--E);aspect-ratio:5/7.1;-webkit-tap-highlight-color:transparent;position:absolute}.env-ground{pointer-events:none;background:radial-gradient(50% 50%,#00000080,#0000002e 50%,#0000 72%);height:10%;position:absolute;bottom:-9%;left:6%;right:6%}.env-body{perspective:1600px;position:absolute;inset:0}.env-face{border-radius:8px;position:absolute;inset:0}.env-shade{z-index:6;pointer-events:none;opacity:0;background:#140c00b3;border-radius:8px;position:absolute;inset:0}.env-edge{width:max(3px, calc(var(--E) * .018));transform-origin:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,#f6eddc,#dccdb0 50%,#c8b591);border-radius:2px;position:absolute;top:1%;bottom:1%;left:50%}.env-front{background:var(--grain), radial-gradient(130% 80% at 20% 0%, #ffffff73, transparent 60%), linear-gradient(160deg, #f9f2e5, #ecdfc7);box-shadow:0 2px 4px #00000026,0 30px 60px -20px #0009,inset 0 0 0 1px #ffffff8c,inset 0 -10px 24px -14px #5a3c1440;container-type:inline-size}.env-stamp{aspect-ratio:5/6.4;filter:drop-shadow(0 1px 1.5px #00000038);background:#fffdf8;width:23%;padding:6px;position:absolute;top:6%;right:7%;rotate:3deg;-webkit-mask:radial-gradient(2.6px,#0000 96%,#000) -4px -4px/8px 8px,linear-gradient(#000 0 0) content-box;mask:radial-gradient(2.6px,#0000 96%,#000) -4px -4px/8px 8px,linear-gradient(#000 0 0) content-box}.env-stamp img{object-fit:cover;width:100%;height:100%}.env-postmark{color:#22264a8c;mix-blend-mode:multiply;pointer-events:none;width:52%;position:absolute;top:7%;right:17%;rotate:-9deg}.env-address{gap:1cqi;display:grid;position:absolute;top:47%;left:13%;right:13%}.env-to-label{font:italic 500 4.6cqi / 1 var(--serif);color:#6b675d}.env-to{font:700 12cqi / 1.05 var(--hand);color:#22303a;overflow-wrap:anywhere}.env-line{background:#22303a40;height:1px;margin-top:1cqi}.env-from{font:italic 4.4cqi / 1.2 var(--serif);color:#6b675d;position:absolute;bottom:9%;left:13%}.env-back{opacity:0;perspective:1200px}.env-liner,.env-flap-inner{--lattice:color-mix(in srgb, var(--liner-dot) 32%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--liner-dot) 70%, transparent) 1.1px, transparent 1.6px) 0 0 / 16px 16px, repeating-linear-gradient(45deg, transparent 0 10.6px, var(--lattice) 10.6px 11.3px), repeating-linear-gradient(-45deg, transparent 0 10.6px, var(--lattice) 10.6px 11.3px), radial-gradient(120% 80% at 50% 0%, var(--liner-soft,var(--liner)), var(--liner))}.env-liner{border-radius:8px;position:absolute;inset:0;box-shadow:0 2px 4px #00000026,0 30px 60px -20px #0009,inset 0 18px 30px -12px #00000073}.env-slot{aspect-ratio:5/7;z-index:1;position:absolute;bottom:2.5%;left:7%;right:7%}.env-slot .book{--w:100%;--edge:2px;width:100%;inset:0}.env-slot .book-ground{opacity:0}.env-pocket{z-index:2;clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);background:linear-gradient(to top right, transparent calc(50% - 1px), #0000001a 50%, #ffffff59 calc(50% + 1px), transparent calc(50% + 2px)) left top / 50% 56% no-repeat, linear-gradient(to top left, transparent calc(50% - 1px), #0000001a 50%, #ffffff59 calc(50% + 1px), transparent calc(50% + 2px)) right top / 50% 56% no-repeat, linear-gradient(to bottom right, transparent calc(50% - 1px), #00000012 50%, transparent calc(50% + 1px)) left bottom / 50% 44% no-repeat, linear-gradient(to bottom left, transparent calc(50% - 1px), #00000012 50%, transparent calc(50% + 1px)) right bottom / 50% 44% no-repeat, var(--grain), radial-gradient(100% 60% at 50% 100%, #ffffff4d, transparent), linear-gradient(180deg, #f2e6d1, #e8dbc2);border-radius:8px;position:absolute;inset:0}.env-crease{z-index:0;pointer-events:none;background:linear-gradient(#ffffff4d,#ffffff4d 30%,#28190538 34%,#0000);border-radius:8px 8px 0 0;height:2.2%;position:absolute;top:0;left:0;right:0}.env-flap{transform-origin:50% 0;z-index:3;height:60%;position:absolute;top:0;left:0;right:0}.env-flap-paper,.env-flap-inner,.env-flap-shadow i{clip-path:polygon(0 0,100% 0,52% 98%,50% 100%,48% 98%);position:absolute;inset:0}.env-flap-paper{background:var(--grain), linear-gradient(180deg, #efe4cf, #e2d3b6 85%, #d8c7a6)}.env-flap-paper:after{content:"";background:linear-gradient(to bottom left,#0000 calc(50% - 1.5px),#ffffff61 50%,#0000 calc(50% + .5px)) 0/50% 100% no-repeat,linear-gradient(to bottom right,#0000 calc(50% - 1.5px),#ffffff61 50%,#0000 calc(50% + .5px)) 100%/50% 100% no-repeat;position:absolute;inset:0}.env-tone{opacity:0;background:#1e120099;position:absolute;inset:0}.env-flap-inner .env-tone{background:#ffffff40}.env-flap-shadow{z-index:3;pointer-events:none;transform-origin:50% 0;filter:blur(3px);height:62%;position:absolute;top:0;left:-1%;right:-1%}.env-flap-shadow i{background:#321e054d;top:5px}.env-flap-inner{visibility:hidden;filter:brightness(.82);transform:scaleY(-1)}.env-seal{aspect-ratio:1;z-index:4;filter:drop-shadow(0 2px 1.5px #3c000066)drop-shadow(0 5px 6px #28000038);width:19%;position:absolute;top:50.5%;left:40.5%}.env-seal-piece{position:absolute;inset:0}.env-seal-piece svg,.env-seal-cracks svg{width:100%;height:100%}.env-seal-cracks{opacity:0;clip-path:circle(47% at 50% 51%);position:absolute;inset:0}.env-flash,.seal-ring{pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:-60%}.env-flash{mix-blend-mode:screen;background:radial-gradient(circle,#fff6dcf2,#ffd69673 22%,#0000 60%)}.seal-ring{inset:-8%;box-shadow:0 0 0 2px #f6e1a2d9,0 0 14px 4px #e6be6e8c,inset 0 0 10px 2px #f6e1a273}@media (prefers-reduced-motion:reduce){.book-gloss{display:none}}