body.app:has(.pp){background:#24120a}.pp{position:relative;padding-bottom:calc(88px + env(safe-area-inset-bottom));color:var(--ink)}.pp .gift{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center;isolation:isolate}.pp .plate{inset:0;height:auto}.pp .plate img{object-position:50% 0}.pp .plate:after{height:14%}.pp .p-after{opacity:0;transition:opacity .9s ease;background:50% 0 / cover no-repeat}.pp.preload .p-after{background-image:url(/img/v3/d-after.webp)}.pp.preload .e-flap{background-image:url(/img/v3/env-flap.webp)}.pp:not(.preload) .below .lined,.pp:not(.preload) .below .note{border-image:none;background-image:none}@media(min-width:900px){.pp.preload .p-after{background-image:url(/img/v3/o-wide.webp);background-position:50% 30%}}.pp.after-on .p-after{opacity:1}.drawname{position:relative;z-index:3;align-self:flex-end;margin:20px 12px 0 0;max-width:56%}.signname{display:none}@media(max-width:899px){body.app:has(.pp) .appbar,.pp .drawname{display:none}.signname{display:flex;position:absolute;z-index:1;left:11vw;top:6.2vw;width:28.6vw;height:15.6vw;align-items:center;justify-content:center;text-align:center;pointer-events:none}.signname span{font:400 clamp(8px,2.95vw,14px)/1.1 var(--serif);text-transform:uppercase;letter-spacing:.04em;color:#4a2812;text-shadow:0 1px 0 #f6d9a866,0 -1px 0 #0000002a;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pp.after-on .signname{opacity:0;transition:opacity .6s}}@media(max-width:899px)and (max-height:900px){.signname{display:none}.pp .drawname{display:block;position:absolute;right:0;top:0;margin:14px 10px 0 0}.pp.after-on .drawname{display:none}}.drawname span{display:inline-block;padding:7px 14px 7px 16px;font:700 .72rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#fff4e2;background:url(/tex/felt-cran.webp) var(--cran);background-size:160px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8px 50%);box-shadow:0 4px 8px #0006;text-align:right}.sealed-stage{position:relative;z-index:2;width:100%;max-width:520px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:0 0 calc(92px + env(safe-area-inset-bottom));transition:opacity .7s ease,transform .9s cubic-bezier(.5,0,.3,1)}.envwrap{position:relative;width:min(97vw,480px,calc((100svh - 160px)*.52));margin-top:clamp(0px,calc(100svh - 860px),110px);rotate:-8deg}.envwrap .elf{position:absolute;z-index:0;width:56%;left:3%;bottom:calc(100% - var(--ety0) - 4.2%);pointer-events:none;filter:drop-shadow(0 6px 8px #0006);transition:transform .6s var(--ease-pop)}.envwrap .elf.mitts{z-index:3;filter:drop-shadow(0 3px 3px #0005);-webkit-mask:radial-gradient(ellipse 12.5% 11% at 48.5% 85%,#000 72%,transparent 100%),radial-gradient(ellipse 12.5% 11% at 78.5% 86%,#000 72%,transparent 100%);mask:radial-gradient(ellipse 12.5% 11% at 48.5% 85%,#000 72%,transparent 100%),radial-gradient(ellipse 12.5% 11% at 78.5% 86%,#000 72%,transparent 100%)}.pp.layered .envwrap .elf.mitts{opacity:0;transition:opacity .3s}.env{position:relative;z-index:1;width:100%;aspect-ratio:var(--ear);cursor:pointer;-webkit-tap-highlight-color:transparent;container-type:inline-size}.env.locked{cursor:default}.env>img,.e-flap{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.e-closed{filter:drop-shadow(0 18px 18px #1f0b0480)}.e-far,.e-pocket,.e-flap,.e-tie,.e-card{visibility:hidden}.e-flap{--f: 0;background:0 0 / calc(var(--en) * 100%) 100% no-repeat;background-position-x:calc(var(--f) / (var(--en) - 1) * 100%);z-index:3}.e-pocket{z-index:2;filter:drop-shadow(0 18px 18px #1f0b0480)}.e-far{z-index:0}.e-tie{z-index:4}.e-slot{position:absolute;z-index:1;left:0;right:0;top:-120%;bottom:calc(var(--eb) + 1%);overflow:hidden;pointer-events:none}.e-card{position:absolute;left:27%;width:46%;bottom:0}.e-tag{position:absolute;z-index:5;left:var(--etx);top:var(--ety);width:var(--etw);height:var(--eth);transform:translate(-50%,-50%) rotate(var(--etr));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font:700 5.6cqi/1.02 var(--hand);color:#3a2410;text-shadow:none;letter-spacing:0;padding:4% 6%;margin:0;pointer-events:none;transition:opacity .35s}.e-tag span{display:block;color:#8e1a2e;font-size:1.22em;margin-bottom:2px}.e-tag i{font-style:normal;color:#a3182c;font-size:1.1em}.e-tag:before{content:"";position:absolute;left:4%;bottom:3%;width:20%;aspect-ratio:130 / 116;background:url(/img/v3/holly.webp) center / contain no-repeat;rotate:-14deg}.env.locked .e-tag span{color:#3a2410}.sealwrap{position:relative;width:min(74vw,320px,calc((100svh - 160px)*.36));aspect-ratio:var(--sar);margin-top:-2%}.sealwrap>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sealwrap>.s-prop{inset:auto;height:auto;filter:drop-shadow(0 8px 6px #0007)}.sealwrap .s-pine{width:46%;left:-34%;bottom:2%;rotate:-24deg}.sealwrap .s-gift{width:40%;right:-30%;bottom:-2%;rotate:6deg}.sealwrap .s-holly{width:24%;right:-12%;top:6%;rotate:18deg}.pp.after-on .s-prop{opacity:0;transition:opacity .4s}.sealwrap .s-whole,.sealwrap .s-l,.sealwrap .s-r{filter:drop-shadow(0 8px 8px #0007)}.sealwrap .s-l,.sealwrap .s-r{visibility:hidden}.sealbtn{position:absolute;left:var(--scx);top:var(--scy);width:calc(var(--sd) * .8);aspect-ratio:1;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;color:#f2c46c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:400 clamp(1.45rem,7.4vw,2.1rem)/.98 var(--serif);text-shadow:0 -1px 0 #3a0410,0 2px 1px #00000080;cursor:pointer;margin:0;-webkit-tap-highlight-color:transparent;transition:transform .25s var(--ease-pop)}.sealbtn span{max-width:4.2em;text-align:center}.sealbtn .ic{width:1.05em;height:1.05em;stroke-width:1.6}.sealbtn .flour{width:62%;height:auto;margin-top:2px}.sealbtn:hover{transform:translate(-50%,-50%) scale(1.03)}.sealbtn:focus-visible{outline:3px solid #fff1c2;outline-offset:10px;box-shadow:none}.sealwrap:has(.sealbtn:active) .s-whole{transform:scale(.97)}.sealbtn.waiting{cursor:default;font-size:1.3rem}.waitnote{position:relative;z-index:2;color:#fff1dc;text-align:center;max-width:22rem;margin:8px 20px 0;text-shadow:0 1px 8px #000c}.pp.layered .e-closed{visibility:hidden}.pp.layered .e-far,.pp.layered .e-pocket,.pp.layered .e-flap,.pp.layered .e-tie{visibility:visible}.pp.broken .s-whole{visibility:hidden}.pp.broken .s-l,.pp.broken .s-r{visibility:visible}.pp.broken .s-l{animation:halfL .9s cubic-bezier(.4,0,.8,.6) forwards}.pp.broken .s-r{animation:halfR .9s cubic-bezier(.4,0,.8,.6) forwards}.pp.broken .sealbtn{opacity:0;pointer-events:none;transition:opacity .2s}@keyframes halfL{0%{transform:none}18%{transform:translate(-3%,-1%) rotate(-4deg)}to{transform:translate(-30%,70%) rotate(-38deg);opacity:0}}@keyframes halfR{0%{transform:none}18%{transform:translate(3%,-1%) rotate(4deg)}to{transform:translate(32%,76%) rotate(42deg);opacity:0}}.pp.untied .e-tie{animation:untie .7s cubic-bezier(.5,0,.8,.5) forwards}.pp.untied .e-tag{opacity:0}@keyframes untie{to{transform:translateY(44%) rotate(9deg);opacity:0}}.pp.flapback .e-flap{z-index:0}.pp.rising .e-card{visibility:visible;animation:rise 1s cubic-bezier(.2,1.1,.4,1) forwards}@keyframes rise{0%{transform:translateY(4%)}to{transform:translateY(-64%)}}.pp.rising .envwrap .elf{transform:translateY(-18px) rotate(-4deg)}.pp.after-on .sealed-stage{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(28vh) scale(.9);pointer-events:none}.e-card.tagfly{position:fixed;bottom:auto;z-index:80;margin:0;pointer-events:none;transform-origin:50% 50%;visibility:visible;animation:none}.tagfly>img{width:100%;height:auto;display:block;filter:saturate(.78) contrast(1.04) drop-shadow(0 16px 14px #2a10066e)}.pp.after-done .sealed-stage{display:none}.after{position:relative;z-index:2;width:100%;max-width:560px;padding:0;margin-top:118px}.after .lantern{position:absolute;z-index:7;left:-14px;top:250px;width:64px;pointer-events:none;filter:drop-shadow(0 10px 10px #0008)}.after .giftpile{position:absolute;z-index:6;left:-10px;width:120px;pointer-events:none;filter:drop-shadow(0 10px 10px #0008);rotate:-6deg}.after .scissors{position:absolute;z-index:6;right:-8px;width:96px;pointer-events:none;filter:drop-shadow(0 10px 10px #0008);rotate:8deg}.pp.after-on .after{animation:boardin .6s cubic-bezier(.2,.9,.3,1) both}@keyframes boardin{0%{opacity:0;transform:translateY(24px)}}.pp.flying #giveTag{opacity:0}.corkboard{padding:4px 6px 18px;margin-inline:-8px;border-width:46px 24px 34px;border-image-width:46px 24px 34px}.peek3{position:absolute;z-index:4;width:64%;left:54%;bottom:100%;margin-bottom:4px;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 6px 6px #0006)}.toprow{display:flex;align-items:flex-start;justify-content:center;gap:2%;margin-top:-48px;position:relative;z-index:5}.givetag{--w: 68%;width:68%;rotate:-4deg;margin-left:-4%}.givetag .face{gap:4px;padding:0 4%}.givetag>img{filter:saturate(.78) brightness(.99) contrast(1.04) drop-shadow(0 12px 10px #2a10066e)}.givetag .holly{position:absolute;width:19%;left:13%;bottom:3%;rotate:-10deg;pointer-events:none}.givetag,.e-card{container-type:inline-size}.givetag h2{font:400 16.5cqi/.98 var(--serif);color:#8e1a2e;display:flex;flex-direction:column;align-items:center;text-shadow:none;margin:0}.givetag .g-to{display:block}.givetag .g-name{display:block;font:700 23cqi/1 var(--hand);color:#1f4d3a;margin-top:6px;word-break:break-word}.givetag .heart{font-style:normal;color:#a3182c;font-size:2rem;position:absolute;right:12%;bottom:22%}.e-card .face{gap:4px;padding:0 4%}.e-card .g-to{display:block;font:400 16.5cqi/.98 var(--serif);color:#8e1a2e;text-align:center}.e-card .g-name{display:block;font:700 23cqi/1 var(--hand);color:#1f4d3a;margin-top:6px}.e-card>img{width:100%;height:auto;display:block;filter:saturate(.78) contrast(1.04)}.pennant{position:relative;width:30%;margin-top:70px;rotate:6deg;transform-origin:50% 0;animation:sway 6s ease-in-out infinite}.pennant img{width:100%;height:auto;filter:drop-shadow(0 8px 6px #0006)}.pennant span{position:absolute;left:0;right:0;top:46%;transform:translateY(-50%);text-align:center;color:#fff4e2;font:700 .86rem/1.05 var(--sans);text-shadow:0 1px 0 #0008;display:flex;flex-direction:column;align-items:center}.pennant b{font:400 1.35rem/1.05 var(--serif)}.facts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:16px 0 0}.wl{margin:6px 0 0;rotate:.8deg}.wl-h{font:700 clamp(1.9rem,8.6vw,2.4rem)/1 var(--hand);color:#1f4d3a;margin:-14px 0 10px;display:inline-flex;gap:8px;padding-bottom:6px;background:linear-gradient(#a3182c,#a3182c) 0 100% / 100% 2px no-repeat}.wl-h i{color:#a3182c;font-style:normal}.wl .stock,.wl-edit .stock{position:absolute;right:-3%;top:-58px;width:62px;height:auto;rotate:12deg;filter:drop-shadow(0 6px 5px #0006)}.wl-h{max-width:calc(100% - 30px);white-space:nowrap;font-size:clamp(1.6rem,7.6vw,2.3rem)!important}#gwl .wi{display:grid;grid-template-columns:22px 80px minmax(0,1fr);gap:4px 10px;align-items:center;min-height:92px;padding:4px 0;border-bottom:1.5px solid #8aa4c866}#gwl .box{width:20px;height:20px;border:2px solid #3a2410;border-radius:3px;rotate:-4deg}#gwl .doodle{width:78px;height:78px;background:url(/img/v3/doodles.webp) 0 0 / calc(var(--dn, 20) * 100%) 100% no-repeat;background-position-x:calc(var(--di, 18) / (var(--dn, 20) - 1) * 100%)}#gwl .wtxt b{display:block;font:700 1.8rem/.98 var(--hand);color:#8e1a2e}#gwl .wtxt small{display:block;color:#5a4438;font-size:.82rem;line-height:1.25;margin-top:2px}#gwl .wp{display:inline-block;font:700 1.15rem/1 var(--hand);color:#5a3a28;margin-top:2px}#gwl .wl-link{grid-column:3 / -1;justify-self:start;font-size:.85rem;font-weight:800;color:#8e1a2e}#gwl .empty{padding:10px 0 6px;text-align:left}#gwl .empty p{font:700 1.45rem/1.2 var(--hand);color:#8e1a2e}.orgnote{margin:18px 10px 4px;rotate:-1.4deg;font-size:.95rem;padding:26px 18px 18px}.orgnote .hand{color:#8e1a2e;font-size:1.25rem;display:block}.orgnote q{font:700 1.3rem/1.25 var(--hand);color:#2a1a1e;quotes:"“" "”"}.orgnote .pin{left:50%;top:-14px;translate:-50% 0}.match{display:grid;gap:26px;margin-top:26px}.ideasboard{background:url(/tex/paper.webp) var(--paper);padding:22px 18px 18px;border-radius:4px;box-shadow:var(--shadow);--t: var(--ink);--t-mut: var(--mut);rotate:-.4deg}.ideasboard .ideas{margin-top:0}.note-card{rotate:.4deg}.pp .h3{font-size:1.45rem;color:var(--ink);line-height:1.2}.below{position:relative;z-index:2;width:100%;max-width:560px;margin:0 auto;padding:40px 8px 20px;display:grid;gap:36px;background:transparent}.wl-edit{position:relative}.wl-edit .h3{font:700 2rem/1 var(--hand);color:#1f4d3a}.wl-edit .sub{color:#5a4438;margin:6px 64px 10px 0}.wrow{position:relative;display:grid;grid-template-columns:1fr;gap:4px;padding:6px 0 12px;border-bottom:1.5px solid #8aa4c866}.wrow .in{background:transparent;border:0;border-bottom:1.5px dashed #b89a72;border-radius:0;box-shadow:none;padding:6px 2px;min-height:40px}.wrow .in:focus{background:#fff8;border-bottom-color:#8e1a2e;box-shadow:none}.wrow [data-f=title]{font:700 1.45rem var(--hand);color:#8e1a2e}.wrow .r2{display:grid;grid-template-columns:1fr 96px;gap:10px}.wrow .x{justify-self:end;background:none;border:0;color:var(--cran);cursor:pointer;font-size:13px;font-weight:700;text-decoration:underline wavy 1px;padding:8px 4px;min-height:36px}.btnrow,.pp .btnrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px}#wlStatus{font:600 1.35rem var(--hand)}.thread{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.bub{max-width:84%;padding:10px 16px;font:600 1.4rem/1.15 var(--hand);word-wrap:break-word;box-shadow:0 4px 6px -3px #3a241088}.bub.me{align-self:flex-end;background:url(/tex/kraft.webp) var(--kraft);color:var(--brown);border-radius:3px 3px 3px 12px;rotate:.6deg}.bub.them{align-self:flex-start;background:#fff;color:var(--ink);border:1.5px dashed #b89a72;border-radius:3px 3px 12px;rotate:-.6deg}.bub small{display:block;font:800 10.5px var(--sans);opacity:.75;margin-bottom:2px;letter-spacing:.08em;text-transform:uppercase}.ask{display:flex;gap:10px;align-items:flex-end}.ask .in{flex:1;min-height:56px}@media(max-width:440px){.ask{flex-direction:column;align-items:stretch}}.qa .small.mut{color:var(--mut)}.qa .err{margin-top:10px}.more{display:grid;gap:26px}.morenote{padding:26px 20px 20px;rotate:-.6deg}.privnote{font-size:.9rem;color:#3a2a24;margin:8px 0 12px}.homelink{color:var(--cran);font-weight:800}.viral .mut{color:#f2dccf}.pp .viral .h3{color:var(--cream)}.tabbar{position:fixed;z-index:60;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 6px 8px;background:url(/tex/paper.webp) #f6ecd8;background-size:200px;border-radius:24px;box-shadow:0 14px 28px -8px #000d,0 3px #c9b48e,0 2px 4px #0006,inset 0 2px #fffb,inset 0 -3px 6px #a8865433}.tabbar:before{content:"";position:absolute;inset:5px;border:1.6px dashed #8e1a2e59;border-radius:17px;pointer-events:none}.tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 10px;color:#3a2a24;text-decoration:none;font:600 .88rem/1 var(--sans);min-height:64px;justify-content:center;border-radius:14px}.tabbar a .ic{width:32px;height:32px;stroke-width:1.4}.tabbar a.on{color:#8e1a2e;font-weight:800}.tabbar a.on:after{content:"";position:absolute;left:22%;right:22%;bottom:2px;height:3px;border-radius:2px;background:#8e1a2e}.tabbar a:focus-visible{outline:3px solid #8e1a2e;outline-offset:-3px;box-shadow:none}html:has(.pp){scroll-padding-bottom:100px;scroll-padding-top:10px}@media(min-width:900px){.pp .gift{min-height:940px}.pp .plate.p-sealed img{object-fit:cover}.tabbar{max-width:460px}}@media(prefers-reduced-motion:reduce){.pennant{animation:none}}