.nav-bar[data-v-bb409024]{bottom:var(--nav-bar-bottom);max-width:var(--nav-bar-max-width);pointer-events:none;z-index:20;justify-content:space-around;align-items:center;gap:12px;margin:0 auto;padding:0 20px;display:flex;position:absolute;left:0;right:0}.glass-button[data-v-bb409024]{-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);color:#fff;background:#46464699;border:none;border-radius:40px;box-shadow:0 4px 13.9px #0000001a}.glass-button[data-v-bb409024]:hover,.glass-button[data-v-bb409024]:focus{background:#464646b8;color:#fff!important}.card[data-v-e2aa12dd]{backface-visibility:hidden;background:var(--card-color);clip-path:inset(-200px -200px calc(var(--card-height) - var(--env-height)) -200px);height:var(--card-height);text-align:center;left:50%;top:calc(50% - var(--env-height) / 2);width:var(--card-width);z-index:20;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden;transform:translate(-50%)translateY(0)rotateY(180deg)translateZ(0)}.card.fade-out[data-v-e2aa12dd]{animation:.25s cubic-bezier(.4,0,.2,1) forwards card-reveal-e2aa12dd}@keyframes card-reveal-e2aa12dd{0%{clip-path:inset(-200px -200px calc(var(--card-height) - var(--env-height)) -200px);transform:translate(-50%)translateY(0)rotateY(180deg)translateZ(0);box-shadow:0 0 #0000}to{box-shadow:var(--card-envelope-box-shadow);clip-path:inset(-200px);transform:translateX(-50%) translateY(calc((var(--env-height) - var(--card-height)) / 2)) rotateY(180deg) translateZ(0)}}.card h1[data-v-e2aa12dd]{color:var(--text-dark);letter-spacing:1px;margin-bottom:15px;font-size:28px;font-weight:400}.card p[data-v-e2aa12dd]{color:var(--text-light);max-width:80%;font-size:14px;line-height:1.6}.card .heart[data-v-e2aa12dd]{color:var(--stamp-color);margin-top:15px;font-size:22px}.card-cover-image[data-v-e2aa12dd]{height:var(--card-height);-o-object-fit:cover;object-fit:cover;width:100%;display:block;position:absolute;top:0;left:0}.cover[data-v-7e85f371]{backface-visibility:hidden;background:var(--card-color);box-shadow:var(--card-envelope-box-shadow);height:calc(calc(var(--card-height) * var(--scene-scale)) + (100dvh - calc(var(--card-height) * var(--scene-scale))) * var(--cover-progress));isolation:isolate;left:50%;top:calc(50% + (var(--narration-reserved-space,0px) - var(--nav-bar-reserved-space,0px)) / 2 * (1 - var(--cover-progress)));transform:translate3d(-50%, -50%, 0) rotateY(calc(var(--cover-progress) * -180deg));transform-origin:0;width:calc(calc(var(--card-width) * var(--scene-scale)) + (100vw - calc(var(--card-width) * var(--scene-scale))) * var(--cover-progress));will-change:top, transform, width, height;z-index:10;position:absolute;overflow:hidden}.cover-image[data-v-7e85f371]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.cover h1[data-v-7e85f371]{color:var(--text-dark);letter-spacing:1px;text-align:center;margin-bottom:15px;font-size:1.75rem;font-weight:400}.cover p[data-v-7e85f371]{color:var(--text-light);text-align:center;font-size:.875rem}.page-note[data-v-812f9b93]{color:var(--text-dark);flex-direction:column;justify-content:center;width:100%;max-width:768px;height:100%;margin-inline:auto;display:flex}.page-note-message[data-v-812f9b93]{color:var(--text-dark);font-family:var(--card-font-family,inherit);font-size:calc(16px + var(--cover-progress,1) * (var(--card-font-size,22px) - 16px));font-weight:var(--card-font-weight,400);line-height:var(--card-line-height,1.5);opacity:var(--cover-fully-open,1);padding:40px 32px calc(var(--nav-bar-bottom) + 45px);text-align:center;touch-action:pan-y;transition:var(--cover-fully-open-transition,opacity .4s ease-out .3s);white-space:pre-wrap;overflow-y:auto}.page-photo[data-v-91ac6d5a]{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:relative;overflow:hidden}.page-photo-bg[data-v-91ac6d5a]{filter:blur(40px);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.2)}.page-photo-image[data-v-91ac6d5a]{-o-object-fit:cover;object-fit:cover;z-index:100;border-radius:24px;max-width:100%;height:60dvh;position:relative;box-shadow:0 4px 20px #0000001a}.page-photo-caption[data-v-91ac6d5a]{color:var(--font-color);font-family:var(--card-font-family,inherit);font-size:calc(var(--card-font-size,25px) * .8);font-weight:var(--card-font-weight,700);line-height:var(--card-line-height,108%);max-width:min(80vw,600px);opacity:var(--cover-fully-open,1);text-align:center;transition:var(--cover-fully-open-transition,opacity .4s ease-out .3s);z-index:100;margin-top:25px;position:relative}.progress-bar[data-v-33d4726b]{pointer-events:none;max-width:400px;left:16px;right:16px;top:max(16px, env(safe-area-inset-top,16px));z-index:30;gap:6px;margin:0 auto;display:flex;position:absolute}.progress-dash[data-v-33d4726b]{background:color-mix(in srgb, var(--font-color,var(--text-dark)), transparent 75%);border-radius:8px;flex:1;height:3px;position:relative;overflow:hidden}.progress-dash[data-v-33d4726b]:after{background:var(--font-color,var(--text-dark));content:"";transition:var(--progress-fill-transition,none);width:clamp(0%, (var(--progress-current) - var(--progress-index) + 1) * 100%, 100%);position:absolute;top:0;bottom:0;left:0}.waveform[data-v-5f6f9cfe]{width:100%;height:240px;margin:0 auto}.waveform[data-v-5f6f9cfe] .progress{opacity:.7}.page-voice-memo[data-v-5dbb2ac0]{background:var(--page-bg-color,var(--card-color));flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;padding:150px 20px 120px;display:flex;position:relative}.voice-memo-time[data-v-5dbb2ac0]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:2px;z-index:100;background:#4646464d;border-radius:9999px;padding:10px 15px;font-family:Gilroy,sans-serif;font-size:18px;font-weight:600;display:inline-block}.voice-memo-progress-line[data-v-5dbb2ac0]{background-color:var(--font-color,var(--text-dark));cursor:ew-resize;touch-action:none;will-change:left;z-index:50;width:30px;position:absolute;top:0;bottom:0;left:calc(50% + min(100% - 40px,600px)/-2);transform:translate(-50%);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 10'><rect x='0' y='0' width='3' height='6' rx='1.5' fill='black'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 10'><rect x='0' y='0' width='3' height='6' rx='1.5' fill='black'/></svg>");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:3px 8px;mask-size:3px 8px;-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y}.sound-on-badge[data-v-5dbb2ac0]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;height:31px;letter-spacing:0%;text-align:center;vertical-align:middle;z-index:120;background:#46464680;border-radius:60px;flex-direction:row;justify-content:center;align-items:center;gap:5px;min-height:fit-content;padding:10px 15px 10px 20px;font-family:Gilroy,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:140%;animation:.5s ease-out 4s forwards sound-on-badge-dismiss-5dbb2ac0;display:flex;position:absolute;box-shadow:0 4px 13.9px #0000001a}@keyframes sound-on-badge-dismiss-5dbb2ac0{to{opacity:0}}.voice-memo-play-btn[data-v-5dbb2ac0]{z-index:100;border-radius:50%;width:80px;height:80px}.voice-memo-play-btn[data-v-5dbb2ac0] .fa-play{margin-left:4px}.reading-stage[data-v-6943484c]{perspective:1500px;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.reading-stage.snapping .reading-page[data-v-6943484c],.reading-stage.snapping[data-v-6943484c] .cover{transition:top .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1)}.reading-page[data-v-6943484c]{background:var(--page-bg-color,var(--card-color));height:100dvh;transform:translate(calc(-50% + var(--page-distance) * 100vw + var(--page-offset)), -50%);width:100vw;position:absolute;top:50%;left:50%;overflow:hidden}.reading-page[data-v-6943484c]:after{background:linear-gradient(to bottom, transparent, var(--page-bg-color,var(--card-color)));content:"";pointer-events:none;z-index:2;height:50dvh;position:absolute;bottom:0;left:0;right:0}.reading-page-full[data-v-6943484c]:after{content:none}.reading-page-full-image[data-v-6943484c]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.reading-page-flipping[data-v-6943484c]{height:calc(calc(var(--card-height) * var(--scene-scale)) + (100dvh - calc(var(--card-height) * var(--scene-scale))) * var(--cover-progress) - var(--cover-fully-closed) * 1px);top:calc(50% + (var(--narration-reserved-space,0px) - var(--nav-bar-reserved-space,0px)) / 2 * (1 - var(--cover-progress)));transform:translate3d(calc(-50% + var(--page-distance) * 100vw + var(--page-offset)), -50%, 0);width:calc(calc(var(--card-width) * var(--scene-scale)) + (100vw - calc(var(--card-width) * var(--scene-scale))) * var(--cover-progress) - var(--cover-fully-closed) * 1px);will-change:top, transform, width, height;z-index:5;justify-content:center;align-items:center;display:flex}@media (width>=1024px){.folio[data-v-4c592eb2]{transform:scale(1.1)}}.folio[data-v-4c592eb2]{height:220px;transform-style:preserve-3d;width:320px;position:relative;transform:scale(.9)}.folio-body[data-v-4c592eb2]{filter:drop-shadow(5px 5px 10px #0000004d);transform-style:preserve-3d;position:absolute;inset:0}.folio-amount[data-v-4c592eb2]{color:var(--env-color);opacity:0;text-align:center;z-index:6;margin-bottom:280px;transition:opacity .55s .6s,transform .55s cubic-bezier(.2,.7,.2,1) .6s;position:absolute;bottom:100%;left:0;right:0;transform:translateY(16px)}.folio.open .folio-amount[data-v-4c592eb2]{opacity:1;transform:translateY(0)}.folio-amount-label[data-v-4c592eb2]{letter-spacing:2px;text-transform:uppercase;font-size:18px;font-weight:700}.folio-amount-value[data-v-4c592eb2]{letter-spacing:-1px;font-size:82px;font-weight:700;line-height:1}.folio-page[data-v-4c592eb2]{background:#fff;border-radius:0 0 20px 20px;flex-direction:column;justify-content:center;align-items:center;padding:16px 18px 20px;display:flex;position:absolute;inset:0;box-shadow:inset 0 14px 26px -16px #3c26141f,0 12px 28px #0000002e}.folio-flap-content[data-v-4c592eb2]{opacity:0;flex-direction:column;gap:12px;width:100%;transition:opacity .5s 1s;display:flex}.folio.open .folio-flap-content[data-v-4c592eb2]{opacity:1}.folio-info[data-v-4c592eb2]{color:#6b7280;text-align:center;background:#f4f5f7;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.45}.folio-info-bold[data-v-4c592eb2]{color:#111e36;font-weight:700}.folio-giftly[data-v-4c592eb2]{opacity:0;z-index:10;width:290px;margin-left:-145px;transition:opacity .6s .7s,transform .6s cubic-bezier(.2,.7,.2,1) .7s;position:absolute;top:-95px;left:50%;transform:translateY(16px)translateZ(70px)}.folio.open .folio-giftly[data-v-4c592eb2]{opacity:1;transform:translateY(-116px)translateZ(70px)scale(1.32)}.folio.collapsed .folio-page[data-v-4c592eb2],.folio.collapsed .folio-cover[data-v-4c592eb2]{opacity:0;transition:opacity .45s}.folio.collapsed .folio-giftly[data-v-4c592eb2]{transition:transform .5s cubic-bezier(.2,.7,.2,1);transform:translateY(80px)translateZ(70px)scale(1.32)}@media (width<=1023px){.folio.collapsed .folio-giftly[data-v-4c592eb2]{transform:translateY(70px)translateZ(70px)scale(1.32)}}.folio.finale .folio-page[data-v-4c592eb2],.folio.finale .folio-cover[data-v-4c592eb2]{opacity:0;transition:opacity .45s}.folio.finale .folio-giftly[data-v-4c592eb2]{transition:transform .5s cubic-bezier(.2,.7,.2,1);transform:translateY(-70px)translateZ(70px)scale(1.32)}.folio.collapsed .folio-amount[data-v-4c592eb2],.folio.finale .folio-amount[data-v-4c592eb2]{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.folio.finale .folio-amount[data-v-4c592eb2]{transform:translateY(28px)}.folio-logo[data-v-4c592eb2]{color:var(--env-color)}.folio-from[data-v-4c592eb2]{color:#111e36;text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.folio-from-label[data-v-4c592eb2]{color:#9aa0ab;letter-spacing:2px;text-transform:uppercase;font-size:14px;font-weight:700}.folio-from-name[data-v-4c592eb2]{font-size:22px;font-weight:700}.folio-cover[data-v-4c592eb2]{transform-origin:top;transform-style:preserve-3d;z-index:5;position:absolute;inset:0;transform:rotateX(0)}.folio-face[data-v-4c592eb2]{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.folio-cover-front[data-v-4c592eb2]{background:var(--page-bg-color);border-radius:0 0 20px 20px;justify-content:center;align-items:center;display:flex}.folio-cover-back[data-v-4c592eb2]{background:#fff;border-radius:20px 20px 0 0;justify-content:center;align-items:start;display:flex;transform:rotateX(180deg)}[data-v-4c592eb2] .giftly-image-v3{box-shadow:inset 0 0 0 1px #00000040,0 16px 43px #00000059}.folio.open .folio-cover[data-v-4c592eb2]{animation:1.2s cubic-bezier(.62,.02,.16,1) forwards folio-swing-4c592eb2}.folio.open .folio-cover-front[data-v-4c592eb2]{animation:1.2s cubic-bezier(.62,.02,.16,1) forwards folio-cover-shade-4c592eb2}@keyframes folio-cover-shade-4c592eb2{0%{filter:brightness()}55%{filter:brightness(.78)}to{filter:brightness(.9)}}@keyframes folio-swing-4c592eb2{to{transform:rotateX(168deg)}}