.hm{--ink:#1e1a18;--ink-soft:#1e1a189e;--red:#b3202a;--cream:#f2ebdf;--kraft:#c6a47a;--marker:var(--font-marker), var(--font-caveat), cursive;--hand:var(--font-caveat), cursive;--script:var(--font-script), cursive;--type:var(--font-typewriter), "Courier New", monospace;--retro:var(--font-gloock), Georgia, serif;--shadow:0 1px 2px #28190a40, 0 14px 26px -12px #28190a8c;color:var(--ink);font-family:var(--font-hanken), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#2a2420;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:clip}.hm button{font:inherit;color:inherit}.hm :focus-visible{outline:2px solid var(--red);outline-offset:3px}.hm-backdrop{filter:blur(50px)brightness(.45)saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:-80px}.hm-stage{width:100%;max-width:480px;height:100%;position:relative}@media (min-width:640px){.hm-stage{border-radius:26px;width:min(440px,52dvh - 24.96px);height:min(100dvh - 48px,880px);box-shadow:0 40px 100px -30px #000000d9}}.hm.unpaid .hm-stage{align-self:flex-start;height:calc(100% - 76px)}@media (min-width:640px){.hm.unpaid{align-items:flex-start;padding-top:16px}.hm.unpaid .hm-stage{height:min(100dvh - 108px,840px)}}.hm-clip{border-radius:inherit;background:var(--cream);position:absolute;inset:0;overflow:clip}.viewport{z-index:2;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;position:absolute;inset:0}.scene-wrap{will-change:transform;position:absolute;inset:0;box-shadow:-12px 0 30px #28190a40}.paper-cream,.paper-kraft{background-repeat:repeat}.paper-cream{background-color:var(--cream);background-image:radial-gradient(120% 80% at 50% 30%,#ffffff73,#0000 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .3 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23p)'/%3E%3C/svg%3E")}.paper-kraft{background-color:var(--kraft);background-image:radial-gradient(120% 80% at 50% 30%,#ffebc840,#0000 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .24 0 0 0 0 .12 0 0 0 .4 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23k)'/%3E%3C/svg%3E")}.sc{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:70px 22px 40px;display:flex;position:absolute;inset:0;overflow:hidden}.marker{font-family:var(--marker)}.script{font-family:var(--script);font-weight:400}.typewriter{font-family:var(--type)}.fu{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fu}@keyframes fu{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.4)rotate(-20deg)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.btn-ink{cursor:pointer;background:var(--ink);border:none;border-radius:999px;padding:13px 30px;font-size:15px;font-weight:600;box-shadow:0 10px 20px -10px #0009;color:var(--cream)!important}.btn-ink:active{transform:scale(.97)}.torn-label{color:var(--ink);font-family:var(--marker);transform:rotate(var(--tilt,-3deg));opacity:0;background:#fffdf8;margin:0 0 18px;padding:12px 24px 14px;font-size:27px;line-height:1.05;animation:.6s cubic-bezier(.2,.9,.3,1.3) forwards label-in;display:inline-block;position:relative}@keyframes label-in{0%{opacity:0;transform:translateY(-14px) rotate(calc(var(--tilt,-3deg) - 8deg)) scale(1.1)}to{opacity:1;transform:rotate(var(--tilt,-3deg))}}.tape{z-index:3;clip-path:polygon(3% 0,97% 0,100% 18%,96% 36%,100% 54%,96% 72%,100% 90%,97% 100%,3% 100%,0 82%,4% 64%,0 46%,4% 28%,0 10%);background:#e9d7b2d1;width:86px;height:24px;margin-left:-43px;position:absolute;top:-11px;left:50%;transform:rotate(-4deg)}.snap{box-shadow:var(--shadow);--r:-4deg;transform:rotate(var(--r));opacity:0;background:#fffdf8;margin:0;padding:8px;animation:.8s cubic-bezier(.2,.9,.3,1.15) forwards snap-in;position:absolute}.snap img{aspect-ratio:4/5;object-fit:cover;-webkit-user-drag:none;width:100%;display:block}.snap figcaption{font-family:var(--hand);color:var(--ink);padding-top:4px;font-size:20px}@keyframes snap-in{0%{opacity:0;transform:translateY(-36px) rotate(calc(var(--r) + 10deg)) scale(1.08)}to{opacity:1;transform:rotate(var(--r))}}.doodle .ink{fill:none;stroke:var(--red);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.doodle .ink.thin{stroke-width:2.4px;opacity:.75}.doodle .draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.1s ease-in-out forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.doodle.arrow{width:64px;height:46px}.scribbles{z-index:0;pointer-events:none;color:var(--red);position:absolute;inset:0}.postcard,.ticket,.cassette,.card-stage,.stamp-sheet,.torn-label,.envelope,.big-red{z-index:1}.scribbles svg{opacity:0;animation:.5s forwards scrib;position:absolute}.scribbles svg path{fill-opacity:.85}@keyframes scrib{0%{opacity:0;scale:.3}to{opacity:.9;scale:1}}.sticker{filter:drop-shadow(0 4px 5px #3c140a4d);animation:.6s cubic-bezier(.3,1.5,.5,1) both pop}.progress{z-index:6;pointer-events:none;gap:4px;display:flex;position:absolute;top:10px;left:12px;right:12px}.progress span{background:#1e1a1829;border-radius:2px;flex:1;height:3px;overflow:hidden}.progress span.done{background:var(--ink)}.progress i{background:var(--ink);transform-origin:0;height:100%;display:block}.progress i.run{animation:linear forwards fill}.progress i.full{width:100%}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.topbar{z-index:6;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:21px;left:16px;right:12px}.topbar .who{font-family:var(--marker);color:var(--ink);font-size:20px}.topbar .who i{color:var(--red);font-style:normal}.top-actions{pointer-events:auto;gap:6px;display:flex}.chip{cursor:pointer;background:#1e1a1814;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;color:var(--ink)!important}.chip.on{background:var(--red);color:#fff!important}.hint{z-index:7;pointer-events:none;opacity:0;background:var(--ink);color:var(--cream);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%,8px)}.hint.on{opacity:1;transform:translate(-50%)}.hint p{margin:0;font-size:14px;font-weight:600}.hint .dot{background:var(--cream);border-radius:50%;width:10px;height:10px;position:relative}.hint .dot:after{content:"";border:1.5px solid var(--cream);border-radius:50%;animation:1.5s ease-out infinite ping;position:absolute;inset:-6px}@keyframes ping{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.7)}}.nav-arrow{z-index:9;cursor:pointer;color:#fff;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding-bottom:4px;font-size:28px;line-height:1;display:none;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:disabled{opacity:.2;cursor:default}.nav-arrow.prev{left:-70px}.nav-arrow.next{right:-70px}@media (min-width:720px){.nav-arrow{display:flex}}.hearts,.tap-hearts{z-index:19;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fheart{opacity:0;filter:drop-shadow(0 3px 4px #00000040);animation:linear forwards fh-rise;position:absolute}@keyframes fh-rise{0%{opacity:0;transform:scale(.3)}12%{opacity:1;transform:translate(calc(var(--dx) * .15), -6vh) scale(1.1) rotate(-8deg)}to{opacity:0;transform:translate(var(--dx), -62vh) scale(.9) rotate(24deg)}}.tap-heart{opacity:0;animation:1.2s cubic-bezier(.2,.7,.3,1) forwards tap-up;position:absolute}@keyframes tap-up{0%{opacity:0;transform:scale(.2)}20%{opacity:1;transform:translate(calc(var(--dx) * .3), -14px) scale(1.15) rotate(var(--rot))}to{opacity:0;transform:translate(var(--dx), -80px) scale(.8) rotate(var(--rot))}}.envelope{aspect-ratio:7/5;cursor:pointer;perspective:900px;--r:-2deg;background:0 0;border:none;width:min(76vw,300px);margin:26px auto 10px;padding:0;animation:.9s cubic-bezier(.2,.9,.3,1.15) both snap-in;display:block;position:relative}.envelope>span{display:block;position:absolute}.ev-back{box-shadow:var(--shadow);background:#e3d3b9;border-radius:4px;inset:0}.ev-letter{z-index:2;color:var(--red);background:#fffdf8;justify-content:center;align-items:flex-start;padding-top:10%;font-size:26px;transition:transform 1s cubic-bezier(.2,.8,.2,1) .45s;inset:8% 6% 10%;display:flex!important}.ev-front{z-index:3;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);background:#eee2ce;border-radius:4px;inset:0}.ev-to{font-family:var(--script);color:var(--ink);font-size:34px;position:absolute;bottom:3%;left:0;right:0}.ev-flap{z-index:4;transform-origin:top;clip-path:polygon(0 0,100% 0,50% 100%);background:#e7d8bf;height:56%;transition:transform .65s cubic-bezier(.4,.1,.3,1),z-index 0s .3s;top:0;left:0;right:0}.ev-seal{z-index:5;background-color:#be1424;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cfilter id='f'%3E%3CfeTurbulence baseFrequency='1.4' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='60' height='60' filter='url(%23f)'/%3E%3C/svg%3E");width:56px;height:50px;margin:-25px 0 0 -28px;transition:transform .4s,opacity .4s;animation:2.4s ease-in-out infinite beat;top:50%;left:50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21C6 17 1 13 1 7.5 1 4 3.6 1.5 6.6 1.5c2.2 0 4.2 1.3 5.4 3.2 1.2-1.9 3.2-3.2 5.4-3.2C20.4 1.5 23 4 23 7.5 23 13 18 17 12 21z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21C6 17 1 13 1 7.5 1 4 3.6 1.5 6.6 1.5c2.2 0 4.2 1.3 5.4 3.2 1.2-1.9 3.2-3.2 5.4-3.2C20.4 1.5 23 4 23 7.5 23 13 18 17 12 21z'/%3E%3C/svg%3E") 50%/contain no-repeat}@keyframes beat{0%,to{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.07)}}.envelope.opening .ev-seal{opacity:0;animation:none;transform:scale(0)}.envelope.opening .ev-flap{z-index:1;transform:rotateX(180deg)}.envelope.opening .ev-letter{transform:translateY(-62%)}.tap-cue{color:var(--ink);justify-content:center;align-items:center;gap:4px;margin-top:6px;display:flex}.tap-cue .marker{font-size:22px}.tap-cue .arrow{width:54px;height:40px;transform:rotate(200deg)scaleX(-1)}.intro{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 22px;display:flex;position:absolute;inset:0}.intro .from{color:var(--ink-soft);letter-spacing:.06em;margin:0;font-size:14px}.intro-to{color:var(--red);margin:6px 0 0;font-size:58px;line-height:1.1}.intro .vol{color:var(--ink-soft);margin-top:18px;font-size:13px}.intro.leaving{animation:.6s .85s forwards leave}@keyframes leave{to{opacity:0;visibility:hidden;transform:scale(1.04)}}.s-cover .c1{--r:-6deg;z-index:1;width:52%;top:78px;left:18px}.s-cover .c2{--r:5deg;z-index:1;width:50%;bottom:96px;right:16px}.wave-title{z-index:2;width:calc(100% + 8px);height:auto;animation:1.3s cubic-bezier(.6,0,.3,1) .9s both wipe;position:absolute;top:36%;left:-4px;right:-4px;overflow:visible}.wave-title text{font-family:var(--retro);fill:var(--red);stroke:var(--cream);stroke-width:7px;paint-order:stroke;letter-spacing:.01em;font-size:52px}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.cover-date{z-index:2;color:var(--ink);margin:0;font-size:24px;position:absolute;bottom:40px;left:0;right:0}.cover-sticker{z-index:3;position:absolute;top:84px;right:34px;transform:rotate(14deg);animation-delay:1.8s!important}.s-begin{padding:0}.bw-grid{background:var(--cream);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid;position:absolute;inset:0}.bw{filter:grayscale()contrast(1.08)brightness(1.04);opacity:0;background-position:50%;background-size:cover;animation:.6s forwards fu}.cal-card{z-index:2;background:#fffdf8;width:78%;max-width:320px;padding:18px 16px 16px;animation:.9s cubic-bezier(.2,.9,.3,1.15) .5s both cal-in;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 2px 4px #0003,0 26px 40px -14px #0009}@keyframes cal-in{0%{opacity:0;transform:translate(-50%,-40%)rotate(6deg)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)rotate(-2deg)}}.cal-m{font-family:var(--type);letter-spacing:.24em;text-transform:uppercase;border-bottom:2px solid var(--ink);margin:0;padding-bottom:6px;font-size:21px;display:inline-block}.cal-y{font-family:var(--type);color:var(--ink-soft);margin:4px 0 10px;font-size:12px}.cal-grid{font-family:var(--type);grid-template-columns:repeat(7,1fr);gap:7px 0;font-size:14px;display:grid}.cal-grid b{color:var(--ink-soft);font-size:11px}.cal-grid .hit{color:var(--red);font-weight:700;position:relative}.cal-grid .hit .circle{pointer-events:none;width:46px;height:46px;margin:-25px 0 0 -23px;position:absolute;top:50%;left:50%}.begin-label{z-index:3;position:absolute;bottom:56px}.big-red{font-family:var(--retro);color:var(--red);text-shadow:3px 3px 0 var(--cream);letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(96px,30vw,130px);line-height:.95;animation:.7s cubic-bezier(.3,1.4,.5,1) .3s both pop}.s-count .days{color:var(--ink);margin:-6px 0 0;font-size:68px;line-height:1}.s-count .live{color:var(--ink);letter-spacing:.02em;margin:14px 0 0;font-size:14px}.count-snap{--r:8deg;width:118px;bottom:54px;right:18px}.s-count .torn-label{margin-bottom:26px}.s-album{padding:0}.collage{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:10px;display:grid;position:absolute;inset:68px 14px 58px}.collage.n2{grid-template-rows:1fr}.collage.n3 .c0,.collage.n5 .c0{grid-row:span 2}.cut{cursor:zoom-in;opacity:0;box-shadow:var(--shadow);background:#fffefa;border:none;padding:7px;animation:.55s cubic-bezier(.3,1.4,.5,1) forwards cut-in;position:relative}.cut img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.cut.c0{transform:rotate(-2deg)}.cut.c1{transform:rotate(2deg)}.cut.c2{transform:rotate(1.5deg)}.cut.c3{transform:rotate(-2.5deg)}.cut.c4{transform:rotate(2deg)}.cut.c5{transform:rotate(-1deg)}@keyframes cut-in{0%{opacity:0;scale:1.25}to{opacity:1;scale:1}}.overlay{z-index:3;pointer-events:none;margin:0;position:absolute}.o1{color:#fff;text-shadow:0 2px 8px #0000008c;font-size:46px;top:30%;left:8%;transform:rotate(-8deg)}.o2{color:var(--ink);box-shadow:var(--shadow);background:#fffdf8;padding:4px 12px 6px;font-size:22px;bottom:26%;right:10%;transform:rotate(3deg)}.o3{z-index:3;width:60px;height:44px;position:absolute;bottom:31%;right:46%;transform:rotate(160deg)}.al-st1{z-index:3;position:absolute;top:58px;right:12px;transform:rotate(14deg);animation-delay:1.4s!important}.al-st2{z-index:3;position:absolute;bottom:50px;left:18px;transform:rotate(-12deg);animation-delay:1.7s!important}.tap-note{color:var(--ink-soft);margin:0;font-size:12.5px;position:absolute;bottom:20px;left:0;right:0}.zoom{z-index:30;cursor:zoom-out;background:#281c148c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.zoom-print{background:#fffdf8;margin:0;padding:12px 12px 54px;position:relative;box-shadow:0 30px 60px -20px #000000b3}.zoom-print img{width:auto;max-width:84vw;height:auto;max-height:62vh;display:block}.zoom-print figcaption{font-family:var(--hand);color:var(--ink);font-size:26px;position:absolute;bottom:14px;left:0;right:0}@media (min-width:640px){.zoom-print img{max-width:340px}}.postcard{aspect-ratio:1.42;width:100%;max-width:380px;box-shadow:var(--shadow);text-align:left;background:#fbf5ea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .4 0 0 0 0 .3 0 0 0 .15 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23p)'/%3E%3C/svg%3E");grid-template-columns:1.05fr 1fr;padding:16px 14px;animation:.9s cubic-bezier(.2,.9,.3,1.1) .2s both post-in;display:grid;position:relative;transform:rotate(-2deg)}@keyframes post-in{0%{opacity:0;transform:translateY(60px)rotate(8deg)}to{opacity:1;transform:rotate(-2deg)}}.pc-left{border-right:1.5px solid #cdba9c;padding-right:12px;overflow:hidden}.pc-title{color:var(--red);margin:0;font-size:25px;line-height:1.05}.pc-text{font-family:var(--hand);color:#23315f;margin:8px 0 0;font-size:18.5px;line-height:1.25}.pc-right{padding-left:12px;position:relative}.pc-head{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:11px;position:absolute;top:0;left:12px}.pc-stamp{outline-offset:2px;background:#fff;outline:2px dashed #fff;justify-content:center;align-items:center;width:58px;height:70px;padding:4px;display:flex;position:absolute;top:-2px;right:0;transform:rotate(4deg);box-shadow:0 1px 3px #00000040}.pc-stamp img{object-fit:cover;width:100%;height:100%}.pc-postmark{width:62px;height:62px;font-family:var(--type);color:#23315fbf;border:2px solid #23315f8c;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;top:26px;right:34px;transform:rotate(-14deg)}.pc-postmark:after{content:"";background:repeating-linear-gradient(#0000 0 5px,#23315f73 5px 6.5px);border-radius:50%;width:60px;height:24px;position:absolute;top:18px;left:60px}.pc-lines{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:4px;left:12px;right:0}.pc-lines>span{border-bottom:1.5px solid #cdba9c;height:22px;display:block}.pc-to{font-family:var(--hand);color:#23315f;font-size:18px}.card-stage{perspective:1300px;width:210px;height:300px;margin:8px auto 0;position:relative}.card-shadow{background:var(--red);box-shadow:var(--shadow);border-radius:14px;position:absolute;inset:0}.card-shadow.s1{background:#9e1a22;transform:rotate(6deg)translate(10px,4px)}.card-shadow.s2{background:#a81e27;transform:rotate(-7deg)translate(-12px,6px)}.pcard{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;inset:0}.pc-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.3,.5,1);display:block;position:relative}.pcard.flipped .pc-inner{transform:rotateY(180deg)}.pc-back,.pc-front{backface-visibility:hidden;box-shadow:var(--shadow);border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pc-back{background-color:var(--red);background-image:repeating-linear-gradient(45deg,#ffffff1f 0 2px,#0000 2px 10px),repeating-linear-gradient(-45deg,#ffffff1f 0 2px,#0000 2px 10px);border:7px solid #fffdf8}.pc-back-heart{color:#fffdf8;text-shadow:0 2px 6px #0000004d;font-size:64px;line-height:1}.pc-front{background:#fffdf8;border:1px solid #e6dccb;transform:rotateY(180deg)}.corner{font-family:var(--type);color:var(--red);text-align:center;font-size:18px;font-weight:700;line-height:1;position:absolute}.corner.tl{top:12px;left:12px}.corner.br{bottom:12px;right:12px;transform:rotate(180deg)}.pc-reason{font-family:var(--hand);color:var(--ink);padding:34px 26px;font-size:24px;line-height:1.25}.card-count{color:var(--ink-soft);margin:22px 0 0;font-size:13px}.card-actions{justify-content:center;align-items:center;min-height:70px;display:flex}.hint-ink{color:var(--ink-soft);margin:0;font-size:22px}.stamp-sheet{background:#f7f1e3;width:100%;max-width:350px;padding:22px 14px 18px;animation:.8s cubic-bezier(.2,.9,.3,1.1) .1s both post-in;transform:rotate(1deg)}.stamps{grid-template-columns:1fr 1fr;gap:16px 12px;display:grid}.stamp{text-align:center;text-transform:uppercase;mix-blend-mode:multiply;opacity:0;min-width:128px;transform:rotate(var(--rot)) scale(2.4);font-family:var(--type);border:3px solid;flex-direction:column;justify-content:center;justify-self:center;align-items:center;padding:12px 10px;animation:.5s cubic-bezier(.3,1.4,.5,1) forwards stamp;display:flex}@keyframes stamp{0%{opacity:0;transform:rotate(var(--rot)) scale(2.4)}60%{opacity:.95;transform:rotate(var(--rot)) scale(.94)}to{opacity:.85;transform:rotate(var(--rot)) scale(1)}}.stamp small{letter-spacing:.14em;font-size:9px}.stamp b{margin:3px 0;font-size:16px;line-height:1.05}.stamp span{letter-spacing:.12em;font-size:12px}.stamp.st0{color:#b3202a;border-radius:50%;width:132px;min-width:0;height:132px}.stamp.st1{color:#23315f;border-style:double;border-width:5px;border-radius:6px}.stamp.st2{color:#6b2f7c;border-radius:999px;padding:14px 18px}.stamp.st3{color:#2e6b47;outline-offset:-8px;border-radius:4px;outline:1.5px dashed;padding:16px 14px}.pl-st{position:absolute;bottom:70px;right:26px;transform:rotate(12deg);animation-delay:2.4s!important}.ticket{text-align:left;width:min(88vw,340px);box-shadow:var(--shadow);background:#fff7e8;animation:.9s cubic-bezier(.2,.9,.3,1.15) .2s both post-in;display:flex;position:relative;transform:rotate(-2.5deg);-webkit-mask:radial-gradient(9px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat,radial-gradient(9px at 0,#0000 98%,#000) 0/51% 100% no-repeat;mask:radial-gradient(9px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat,radial-gradient(9px at 0,#0000 98%,#000) 0/51% 100% no-repeat}.tk-main{border-right:2px dashed #dcc6a2;flex:1;padding:20px 16px 18px 22px}.tk-kind{font-family:var(--type);letter-spacing:.22em;text-transform:uppercase;color:var(--red);font-size:11px}.tk-name{font-family:var(--retro);color:var(--ink);margin:6px 0 2px;font-size:29px;font-weight:400;line-height:1.05}.tk-date{font-family:var(--type);color:var(--ink-soft);margin:0;font-size:12px}.tk-count{gap:12px;margin-top:14px;display:flex}.tk-count div{flex-direction:column;display:flex}.tk-count b{font-family:var(--type);color:var(--ink);font-size:21px}.tk-count span{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:9px}.tk-stub{width:58px;color:var(--red);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.tk-heart{font-size:24px}.tk-no{writing-mode:vertical-rl;font-family:var(--type);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.s-ticket .soon{color:var(--red);margin:26px 0 0;font-size:46px}.cassette{aspect-ratio:1.58;width:min(84vw,320px);box-shadow:var(--shadow);background:linear-gradient(#34312f,#232120);border-radius:14px;padding:14px 14px 0;animation:.9s cubic-bezier(.2,.9,.3,1.15) .15s both post-in;position:relative;transform:rotate(-3deg)}.cs-screw{background:radial-gradient(circle at 35% 35%,#ccc,#555);border-radius:50%;width:8px;height:8px;position:absolute}.cs-screw.a{top:6px;left:6px}.cs-screw.b{top:6px;right:6px}.cs-screw.c{bottom:6px;left:6px}.cs-screw.d{bottom:6px;right:6px}.cs-label{background:#f4e9d3;background-image:linear-gradient(180deg, transparent 0 18%, var(--red) 18% 22%, transparent 22% 24%, #e4a23a 24% 28%, transparent 28%);border-radius:6px;height:68%;padding:10px 12px;position:relative;overflow:hidden}.cs-side{background:var(--ink);width:22px;height:22px;color:var(--cream);font-family:var(--type);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:8px;left:10px}.cs-title{font-family:var(--hand);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-top:18px;font-size:24px;line-height:1;display:block;overflow:hidden}.cs-window{background:#1a1817;border-radius:30px;justify-content:space-between;align-items:center;height:40%;padding:0 10px;display:flex;position:absolute;bottom:12%;left:16%;right:16%}.reel{background:conic-gradient(#ddd 0 8%, transparent 8% 33%, #ddd 33% 41%, transparent 41% 66%, #ddd 66% 74%, transparent 74%);border:3px solid #ddd;border-radius:50%;width:38px;height:38px;animation:2.4s linear infinite spin}.cs-tape{background:#4b2e1e;border-radius:4px;flex:1;height:16px;margin:0 6px}.cs-bottom{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:#1d1b1a;height:18%;position:absolute;bottom:0;left:22%;right:22%}.tracklist{z-index:1;text-align:left;width:100%;max-width:320px;margin:26px 0 0;padding:0;list-style:none;position:relative}.tracklist li{border-bottom:1px dashed #1e1a1840}.tracklist a{color:var(--ink);font-family:var(--hand);padding:9px 2px;font-size:22px;text-decoration:none;display:block}.tracklist .a{color:var(--ink-soft);font-size:18px}.music-note{color:var(--ink-soft);margin:22px 0 0;font-size:13px}.tap-next{color:var(--ink-soft);margin:0;font-size:21px;position:absolute;bottom:24px;left:0;right:0}.s-music.with-embed .tap-next{bottom:232px}.embed{z-index:8;box-shadow:var(--shadow);border-radius:12px;transition:opacity .5s,transform .5s;position:absolute;left:18px;right:18px;overflow:hidden}.embed iframe{border:0;width:100%;height:152px;display:block}.embed.full{bottom:64px}.embed.mini{bottom:20px}.embed.hidden{opacity:0;pointer-events:none;bottom:20px;transform:translateY(30px)}.s-letter-open{padding:0}.note-scroll{-webkit-overflow-scrolling:touch;cursor:auto;-webkit-user-select:text;user-select:text;flex-direction:column;align-items:center;gap:22px;padding:68px 16px 30px;display:flex;position:absolute;inset:0;overflow-y:auto}.notebook{text-align:left;color:#23315f;width:100%;box-shadow:var(--shadow);font-family:var(--hand);background-color:#fffef9;background-image:repeating-linear-gradient(#0000 0 31px,#c5d6e8 31px 32px);background-position:0 14px;padding:30px 20px 30px 54px;font-size:23px;line-height:32px;position:relative}.notebook:before{content:"";background:#d646508c;width:2px;position:absolute;top:0;bottom:0;left:40px}.notebook:after{content:"";background:radial-gradient(7px,#c9a57b 98%,#0000) 0 0/14px 90px repeat-y;width:14px;position:absolute;top:40px;bottom:40px;left:12px}.notebook p{margin:0 0 16px}.nb-to{font-size:28px}.nb-closing{margin-top:8px!important}.nb-sign{font-family:var(--script);color:#23315f;font-size:54px;line-height:1}.nb-heart{position:absolute;bottom:22px;right:18px}.s-end{justify-content:flex-end;padding-bottom:30px}.favorite{z-index:3;font-family:var(--marker);color:var(--red);text-align:left;--tilt:-4deg;background:#fffdf8;margin:0;padding:12px 22px 14px;font-size:40px;line-height:.95;animation:.7s cubic-bezier(.2,.9,.3,1.3) .2s both label-in;position:absolute;top:66px;left:22px;transform:rotate(-4deg)}.end-arrow{z-index:3;width:70px;height:50px;position:absolute;top:150px;right:24%;transform:rotate(40deg)}.s-end .e1{--r:-6deg;width:46%;top:200px;left:20px}.s-end .e2{--r:7deg;width:44%;top:236px;right:18px}.ace{z-index:2;width:64px;height:90px;box-shadow:var(--shadow);color:var(--red);--r:-14deg;background:#fffdf8;border-radius:7px;animation:.7s cubic-bezier(.2,.9,.3,1.15) 1.1s both snap-in;position:absolute;bottom:210px;left:34px;transform:rotate(-14deg)}.ace span{font-family:var(--type);font-size:13px;font-weight:700;line-height:1;position:absolute;top:6px;left:7px}.ace b{justify-content:center;align-items:center;font-size:32px;display:flex;position:absolute;inset:0}.end-sign{z-index:3;color:var(--ink);margin:0;font-size:46px;position:relative}.end-actions{z-index:3;margin-top:10px;position:relative}.made-by{z-index:3;color:var(--ink-soft);margin-top:16px;font-size:12.5px;text-decoration:none;position:relative}.made-by b{color:var(--red)}.paybar{z-index:50;background:#140e0cf2;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;height:76px;padding:0 20px;font-family:system-ui,sans-serif;display:flex;position:fixed;bottom:0;left:0;right:0}.paybar .t{color:#fff;margin:0;font-size:.9rem;font-weight:700}.paybar .s{color:#ffffff80;margin:0;font-size:.78rem}.paybar a{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#f72585,#b5179e);border-radius:10px;padding:10px 18px;font-size:.875rem;font-weight:700;text-decoration:none}@media (max-height:720px){.intro-to{font-size:48px}.wave-title text{font-size:46px}.s-cover .c1{width:44%}.s-cover .c2{width:42%}.big-red{font-size:92px}.card-stage{width:180px;height:258px}.pc-reason{font-size:21px}.postcard{aspect-ratio:1.3}.s-end .e1,.s-end .e2{width:38%}.favorite{font-size:34px}}