@font-face{font-family:ST Kalam;src:url(../../../tpl/surat-terlipat/fonts/kalam-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ST Kalam;src:url(../../../tpl/surat-terlipat/fonts/kalam-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:ST Nunito;src:url(../../../tpl/surat-terlipat/fonts/nunito-var.woff2)format("woff2");font-weight:400 800;font-display:swap}.st-tpl.svelte-1lg5q2l{--meja:#6f4a33;--meja-terang:#87593b;--meja-gelap:#4f3323;--krem:#fbf1dc;--krem-2:#e9d6b4;--kertas:#fbf6ea;--kertas-balik:#f1e7d1;--garis:#c6d1de;--margin:#e3a59b;--selotip:#ecd6a0b8;--emas:#e9c46a;--tinta:#2c3d73;--tangan:"ST Kalam", "Segoe Print", "Comic Sans MS", cursive;--ui:"ST Nunito", system-ui, sans-serif;background:var(--meja-gelap);width:100%;min-height:100dvh;color:var(--krem);font-family:var(--ui);-webkit-text-size-adjust:100%;justify-content:center;align-items:center;display:flex;position:relative}.app.svelte-1lg5q2l{isolation:isolate;background:radial-gradient(80% 46% at 50% 18%, var(--meja-terang) 0%, transparent 70%), radial-gradient(140% 90% at 50% 50%, transparent 55%, #28180e80 100%), repeating-linear-gradient(93deg, #ffdcb409 0 2px, transparent 2px 9px, #1e10080d 9px 11px, transparent 11px 23px), var(--meja);width:100%;max-width:460px;height:100dvh;max-height:940px;position:relative;overflow:hidden}@media (width>=520px){.app.svelte-1lg5q2l{border-radius:26px;box-shadow:0 32px 88px #1e100873}}.layar.svelte-1lg5q2l{z-index:5;text-align:center;padding:calc(56px + env(safe-area-inset-top)) 20px calc(40px + env(safe-area-inset-bottom));scrollbar-width:none;flex-direction:column;justify-content:safe center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.layar.svelte-1lg5q2l::-webkit-scrollbar{display:none}.layar.svelte-1lg5q2l>*{flex-shrink:0}.naik.svelte-1lg5q2l{opacity:0;transform:translateY(14px)}.layar.aktif.svelte-1lg5q2l .naik:where(.svelte-1lg5q2l){opacity:1;transition:opacity .8s ease var(--d,0s), transform .8s cubic-bezier(.22, .61, .36, 1) var(--d,0s);transform:none}@starting-style{.layar.aktif.svelte-1lg5q2l .naik:where(.svelte-1lg5q2l){opacity:0;transform:translateY(14px)}}.mata.svelte-1lg5q2l{letter-spacing:.2em;text-transform:uppercase;color:var(--krem-2);align-items:center;gap:10px;margin:0 0 10px;font-size:11px;font-weight:700;display:inline-flex}.nama.svelte-1lg5q2l{font-family:var(--tangan);color:var(--krem);overflow-wrap:anywhere;text-shadow:0 2px 14px #28180e73;max-width:100%;margin:0;font-size:clamp(36px,11.5vw,54px);font-weight:700;line-height:1.08}.ket.svelte-1lg5q2l{max-width:30ch;color:var(--krem-2);overflow-wrap:anywhere;margin:12px auto 0;font-size:14.5px;line-height:1.6}.ket.kecil.svelte-1lg5q2l{opacity:.85;margin-top:6px;font-size:12.5px;transition:color .4s}.ket.terang.svelte-1lg5q2l{color:var(--emas);opacity:1}.instruksi.svelte-1lg5q2l{font-family:var(--tangan);color:var(--krem);margin:0;font-size:clamp(24px,7vw,30px);font-weight:700;line-height:1.15}.titik-titik.svelte-1lg5q2l{gap:5px;display:inline-flex}.titik-titik.svelte-1lg5q2l i:where(.svelte-1lg5q2l){border:1.5px solid var(--krem-2);border-radius:50%;width:7px;height:7px;transition:background .3s}.titik-titik.svelte-1lg5q2l i.sudah:where(.svelte-1lg5q2l){background:var(--emas);border-color:var(--emas)}.lipat.svelte-1lg5q2l{padding-top:calc(52px + env(safe-area-inset-top));padding-bottom:calc(30px + env(safe-area-inset-bottom));justify-content:flex-start;transition:opacity .42s,transform .42s;overflow:hidden}.lipat.keluar.svelte-1lg5q2l{opacity:0;transform:scale(1.06)}.lipat.pop.svelte-1lg5q2l .lipat-atas:where(.svelte-1lg5q2l){opacity:.12}.pulpen.svelte-1lg5q2l{filter:drop-shadow(0 6px 5px #1e100873);pointer-events:none;opacity:.95;width:150px;height:auto;position:absolute;bottom:21%;right:-26px;transform:rotate(-24deg)}.lipat-atas.svelte-1lg5q2l{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:112px;transition:opacity .3s;display:flex}.panggung.svelte-1lg5q2l{perspective:1300px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:auto;width:100%;min-height:220px;position:relative}.wadah.svelte-1lg5q2l{transform-style:preserve-3d;transform:translate(-50%, -50%) translate(calc(var(--dx) * (1 - var(--p))), calc(var(--dy) * (1 - var(--p)))) scale(calc(var(--s0) + (var(--s1) - var(--s0)) * var(--p)));position:absolute;top:50%;left:50%}.wadah.goyang.svelte-1lg5q2l{animation:1.8s ease-in-out infinite svelte-1lg5q2l-goyang}@keyframes svelte-1lg5q2l-goyang{0%,to{transform:translate(-50%, -50%) scale(var(--s1)) rotate(0deg)}50%{transform:translate(-50%, -50%) scale(var(--s1)) rotate(-2.4deg)}}.muka.svelte-1lg5q2l{border-radius:2px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 10px 22px -8px #1e10088c}.dasar.svelte-1lg5q2l{background:var(--kertas)}.flap.svelte-1lg5q2l{transform-style:preserve-3d;position:absolute}.flap.kanan.svelte-1lg5q2l{transform-origin:0}.flap.bawah.svelte-1lg5q2l{transform-origin:50% 0}.flap.kanan.atas.svelte-1lg5q2l{transform:translateZ(2px) rotateY(calc(-180deg * (1 - var(--p))))}.flap.kanan.belakang.svelte-1lg5q2l{transform:translateZ(-2px) rotateY(calc(180deg * (1 - var(--p))))}.flap.bawah.belakang.svelte-1lg5q2l{transform:translateZ(-2px) rotateX(calc(-180deg * (1 - var(--p))))}.sisi.svelte-1lg5q2l{backface-visibility:hidden;background:var(--kertas);border-radius:2px;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 18px -10px #1e100880}.kanan.svelte-1lg5q2l .belakang:where(.svelte-1lg5q2l){transform:rotateY(180deg)}.bawah.svelte-1lg5q2l .belakang:where(.svelte-1lg5q2l){transform:rotateX(180deg)}.punggung.svelte-1lg5q2l{background:repeating-linear-gradient(to bottom, transparent 0 24px, #c6d1de59 24px 25px), var(--kertas-balik);position:absolute;inset:0}.lembar.svelte-1lg5q2l{width:300px;height:400px;color:var(--tinta);background:linear-gradient(135deg, #fff6, #78583812) 0 0 / 25% 25%, repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), #6e503221 calc(25% - 1px) 25%), repeating-linear-gradient(180deg, transparent 0 calc(25% - 1px), #6e503221 calc(25% - 1px) 25%), linear-gradient(90deg, transparent 34px, var(--margin) 34px 35.5px, transparent 35.5px), repeating-linear-gradient(180deg, transparent 0 24px, var(--garis) 24px 25px), var(--kertas);position:absolute;top:0;left:0}.coret.svelte-1lg5q2l{font-family:var(--tangan);color:var(--tinta);text-align:left;overflow-wrap:anywhere;margin:0;line-height:1.2;position:absolute}.c0.svelte-1lg5q2l{width:30px;color:var(--tinta);top:30px;left:42px;transform:rotate(-8deg)}.c1.svelte-1lg5q2l{width:62px;font-size:12.5px;top:18px;left:82px;transform:rotate(-4deg)}.c2.svelte-1lg5q2l{width:98px;font-size:13px;top:120px;left:44px;transform:rotate(2.5deg)}.c3.svelte-1lg5q2l{width:116px;font-size:15px;top:54px;left:168px;transform:rotate(-3deg)}.c4.svelte-1lg5q2l{flex-direction:column;justify-content:center;width:236px;height:168px;display:flex;top:222px;left:44px}.c4-judul.svelte-1lg5q2l{overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:700;line-height:1.15}.c4-sub.svelte-1lg5q2l{opacity:.8;margin:10px 0 0;font-size:13px}.doodle.svelte-1lg5q2l{width:100%;height:auto;display:block}.luar.svelte-1lg5q2l{color:var(--tinta);font-family:var(--tangan);background:linear-gradient(160deg, #ffffff73, #7858381a), var(--kertas-balik);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 6px;display:flex;position:absolute;inset:0}.selotip.svelte-1lg5q2l{background:var(--selotip);width:34px;height:12px;margin-left:-17px;position:absolute;top:-3px;left:50%;transform:rotate(-4deg)}.luar-buat.svelte-1lg5q2l{opacity:.8;font-size:11px}.luar-nama.svelte-1lg5q2l{text-align:center;overflow-wrap:anywhere;max-width:100%;font-weight:700;line-height:1.05}.luar-doodle.svelte-1lg5q2l{width:18px;margin-top:4px}.panah.svelte-1lg5q2l{border-top:3px solid var(--emas);border-right:3px solid var(--emas);pointer-events:none;border-radius:2px;width:18px;height:18px;position:absolute}.panah.kanan.svelte-1lg5q2l{margin:-9px 0 0 6px;animation:1.3s ease-in-out infinite svelte-1lg5q2l-panah-kanan;top:50%;left:100%}.panah.bawah.svelte-1lg5q2l{margin:4px 0 0 -9px;animation:1.3s ease-in-out infinite svelte-1lg5q2l-panah-bawah;top:100%;left:50%}@keyframes svelte-1lg5q2l-panah-kanan{0%,to{opacity:.4;transform:translate(0)rotate(45deg)}50%{opacity:1;transform:translate(6px)rotate(45deg)}}@keyframes svelte-1lg5q2l-panah-bawah{0%,to{opacity:.4;transform:translateY(0)rotate(135deg)}50%{opacity:1;transform:translateY(6px)rotate(135deg)}}.lipat-bawah.svelte-1lg5q2l{flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;width:100%;min-height:64px;display:flex}.meja-foto.svelte-1lg5q2l{justify-content:center;align-items:center;height:62px;display:flex}.meja-foto.svelte-1lg5q2l img:where(.svelte-1lg5q2l){object-fit:cover;width:50px;height:58px;transform:rotate(var(--r));border:4px solid #fffaf0;border-bottom-width:9px;margin:0 -6px;animation:.5s cubic-bezier(.2,.9,.3,1.2) both svelte-1lg5q2l-ke-meja;box-shadow:0 6px 12px -4px #1e100899}@keyframes svelte-1lg5q2l-ke-meja{0%{opacity:0;transform:translateY(-120px)rotate(0)scale(2)}to{opacity:1;transform:rotate(var(--r))}}.foto-pop.svelte-1lg5q2l{z-index:12;background:#28180e6b;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.35s both svelte-1lg5q2l-pop-latar;display:flex;position:absolute;inset:0}@keyframes svelte-1lg5q2l-pop-latar{0%{opacity:0}}.polaroid.svelte-1lg5q2l{width:min(250px,70%);transform:rotate(var(--r));background:#fffaf0;margin:0;padding:10px 10px 12px;animation:.75s cubic-bezier(.2,.9,.3,1.1) both svelte-1lg5q2l-foto-keluar;box-shadow:0 20px 40px -12px #1e1008b3}@keyframes svelte-1lg5q2l-foto-keluar{0%{opacity:0;transform:translateY(70px) rotate(calc(var(--r) * -3)) scale(.55)}to{opacity:1;transform:rotate(var(--r))}}.polaroid.svelte-1lg5q2l img:where(.svelte-1lg5q2l){aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.polaroid.svelte-1lg5q2l figcaption:where(.svelte-1lg5q2l),.tempel.svelte-1lg5q2l figcaption:where(.svelte-1lg5q2l){font-family:var(--tangan);color:var(--tinta);overflow-wrap:anywhere;margin-top:8px;font-size:17px;line-height:1.2}.baca.svelte-1lg5q2l{perspective:1400px;justify-content:flex-start;padding-left:14px;padding-right:14px}.surat.svelte-1lg5q2l{text-align:left;width:min(400px,100%);color:var(--tinta);background:linear-gradient(135deg, #ffffff59, #7858380f) 0 0 / 25% 25%, repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), #6e50321a calc(25% - 1px) 25%), linear-gradient(90deg, transparent 36px, var(--margin) 36px 37.5px, transparent 37.5px), repeating-linear-gradient(180deg, transparent 0 31px, var(--garis) 31px 32px), var(--kertas);border-radius:3px;padding:30px 22px 30px 50px;transition:transform .36s ease-in,opacity .36s ease-in;animation:.6s cubic-bezier(.2,.8,.3,1) backwards svelte-1lg5q2l-kertas-datang;position:relative;box-shadow:0 22px 44px -18px #1e1008bf}@keyframes svelte-1lg5q2l-kertas-datang{0%{opacity:0;transform:scale(.94)}}.surat.membalik.svelte-1lg5q2l{opacity:.6;transform:rotateY(-90deg)}.surat.balik.svelte-1lg5q2l{background:linear-gradient(135deg, #ffffff4d, #78583814) 0 0 / 25% 25%, repeating-linear-gradient(180deg, transparent 0 31px, #c6d1de8c 31px 32px), var(--kertas-balik);padding-left:22px;animation:.5s cubic-bezier(.2,.8,.3,1) backwards svelte-1lg5q2l-kertas-balik}@keyframes svelte-1lg5q2l-kertas-balik{0%{opacity:.6;transform:rotateY(90deg)}}.surat-doodle.svelte-1lg5q2l{width:30px;position:absolute;top:14px;right:16px;transform:rotate(10deg)}.judul.svelte-1lg5q2l{font-family:var(--tangan);overflow-wrap:anywhere;margin:0 34px 12px 0;font-size:clamp(25px,7vw,30px);font-weight:700;line-height:1.15}.judul.besar.svelte-1lg5q2l{font-size:clamp(28px,8.4vw,36px)}.isi.svelte-1lg5q2l{font-family:var(--tangan);white-space:pre-line;overflow-wrap:anywhere;margin:0 0 16px;font-size:clamp(18.5px,5.2vw,21px);line-height:32px}.tempelan.svelte-1lg5q2l{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:14px 0 6px;display:grid}.tempelan.satu.svelte-1lg5q2l{grid-template-columns:minmax(0,1fr);max-width:220px}.tempel.svelte-1lg5q2l{transform:rotate(var(--r));background:#fffaf0;min-width:0;margin:0;padding:7px 7px 9px;position:relative;box-shadow:0 8px 18px -8px #1e100873}.tempel.svelte-1lg5q2l:before{content:"";background:var(--selotip);width:46px;height:15px;margin-left:-23px;position:absolute;top:-8px;left:50%;transform:rotate(-3deg)}.tempel.svelte-1lg5q2l img:where(.svelte-1lg5q2l){aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.tempel.svelte-1lg5q2l figcaption:where(.svelte-1lg5q2l){font-size:15px}.tempel.kecil.svelte-1lg5q2l{width:min(170px,64%);margin:4px auto 14px}.baca.svelte-1lg5q2l>.tombol:where(.svelte-1lg5q2l){margin-top:22px}.balik-mata.svelte-1lg5q2l{font-family:var(--ui);letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin:0 0 6px;font-size:11px;font-weight:700}.coretan-teman.svelte-1lg5q2l{flex-direction:column;gap:18px;margin-top:8px;display:flex}.ct.svelte-1lg5q2l{min-width:0;color:var(--tt);transform:rotate(var(--r));animation:.5s both svelte-1lg5q2l-ct-muncul}.ct.svelte-1lg5q2l:nth-child(2){animation-delay:.12s}.ct.svelte-1lg5q2l:nth-child(3){animation-delay:.24s}.ct.svelte-1lg5q2l:nth-child(n+4){animation-delay:.34s}@keyframes svelte-1lg5q2l-ct-muncul{0%{opacity:0}}.ct-pesan.svelte-1lg5q2l{font-family:var(--tangan);white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:19px;line-height:30px}.ct-nama.svelte-1lg5q2l{font-family:var(--tangan);text-align:right;overflow-wrap:anywhere;margin:2px 0 0;font-size:18px;font-weight:700}.sub-judul.svelte-1lg5q2l{font-family:var(--tangan);color:var(--krem);margin:0 0 18px;font-size:clamp(26px,7.4vw,32px);font-weight:700}.bingkai-video.svelte-1lg5q2l{background:#fffaf0;width:100%;margin-bottom:24px;padding:10px 10px 26px;transform:rotate(-1deg);box-shadow:0 22px 44px -16px #1e1008bf}.penutup.svelte-1lg5q2l{padding-top:calc(58px + env(safe-area-inset-top))}.surat.akhir.svelte-1lg5q2l{text-align:center;background:linear-gradient(135deg, #ffffff59, #78583812) 0 0 / 50% 50%, repeating-linear-gradient(90deg, transparent 0 calc(50% - 1px), #6e503221 calc(50% - 1px) 50%), repeating-linear-gradient(180deg, transparent 0 calc(50% - 1px), #6e503221 calc(50% - 1px) 50%), repeating-linear-gradient(180deg, transparent 0 31px, var(--garis) 31px 32px), var(--kertas);width:min(360px,100%);padding-left:22px;animation:none}.surat.akhir.svelte-1lg5q2l .judul:where(.svelte-1lg5q2l){margin-right:0;padding:0 24px}.ttd.svelte-1lg5q2l{font-family:var(--tangan);overflow-wrap:anywhere;margin:4px 0 0;font-size:24px;font-weight:700}.bersama.svelte-1lg5q2l{opacity:.8;overflow-wrap:anywhere;margin:8px 0 0;font-size:13px;line-height:1.5}.untuk.svelte-1lg5q2l{font-family:var(--tangan);max-width:100%;margin-top:16px;font-size:18px}.balas-akhir.svelte-1lg5q2l{width:100%;color:var(--krem)}.debu.svelte-1lg5q2l{pointer-events:none;position:absolute;inset:0;overflow:hidden}.debu.svelte-1lg5q2l span:where(.svelte-1lg5q2l){width:var(--s);height:var(--s);animation:svelte-1lg5q2l-debu var(--d) linear var(--t) infinite;background:#e9c46a8c;border-radius:50%;position:absolute;bottom:-10px}@keyframes svelte-1lg5q2l-debu{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-105vh)}}.tombol.svelte-1lg5q2l{min-height:46px;color:var(--krem);font-family:var(--ui);cursor:pointer;background:#fbf1dc14;border:1.5px solid #fbf1dc66;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:700}.tombol.utama.svelte-1lg5q2l{background:var(--krem);border-color:var(--krem);color:#3b2618;box-shadow:0 10px 24px -10px #1e1008cc}.tombol.muncul.svelte-1lg5q2l{animation:.5s both svelte-1lg5q2l-tombol-muncul}@keyframes svelte-1lg5q2l-tombol-muncul{0%{opacity:0;transform:translateY(8px)}}.svelte-1lg5q2l:focus-visible{outline:2px solid var(--emas);outline-offset:3px}.app.svelte-1lg5q2l .music-toggle{top:calc(12px + env(safe-area-inset-top));z-index:9;position:absolute;bottom:auto;right:12px}.layar.svelte-1lg5q2l:has(.balas-akhir:where(.svelte-1lg5q2l) .lapis){z-index:30}@media (height<=700px){.layar.svelte-1lg5q2l{padding-top:calc(48px + env(safe-area-inset-top))}.lipat-atas.svelte-1lg5q2l{min-height:96px}.nama.svelte-1lg5q2l{font-size:clamp(32px,10vw,44px)}.ket.svelte-1lg5q2l{font-size:13.5px}}.pelan.svelte-1lg5q2l .naik:where(.svelte-1lg5q2l){transition-duration:1.2s!important}@media (prefers-reduced-motion:reduce){.st-tpl.svelte-1lg5q2l *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.debu.svelte-1lg5q2l{display:none}}