@font-face{font-family:PitaSerif;src:url(../../../tpl/kotak-pita-satin/fonts/cormorant-garamond.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:PitaSerif;src:url(../../../tpl/kotak-pita-satin/fonts/cormorant-garamond-italic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:PitaTangan;src:url(../../../tpl/kotak-pita-satin/fonts/pinyon-script.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.pita-tpl.svelte-3c0f4u{--linen:#ebe3d5;--linen-2:#e0d5c3;--kapas:#f8f2e6;--tinta:#2e2a26;--tinta-2:#5f564d;--krem:#f6eedf;--emas:#b08d4f;--serif:"PitaSerif", "Cormorant Garamond", Georgia, serif;--tangan:"PitaTangan", "Brush Script MT", cursive;width:100%;min-height:100dvh;color:var(--tinta);font-family:var(--serif);-webkit-text-size-adjust:100%;background:#d9cdb8;justify-content:center;align-items:center;font-weight:500;display:flex;position:relative}.app.svelte-3c0f4u{isolation:isolate;background:radial-gradient(120% 60% at 50% 8%, #f6f0e5 0%, transparent 64%), repeating-linear-gradient(0deg, #7864460a 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #78644609 0 1px, transparent 1px 4px), var(--linen);width:100%;max-width:460px;height:100dvh;max-height:940px;position:relative;overflow:hidden}@media (width>=520px){.app.svelte-3c0f4u{border-radius:26px;box-shadow:0 30px 80px #2e2a264d}}.layar.svelte-3c0f4u{z-index:5;flex-direction:column;align-items:center;min-width:0;display:flex;position:absolute;inset:0}.layar.gulir.svelte-3c0f4u{overscroll-behavior:contain;overflow-y:auto}.isi.svelte-3c0f4u{width:100%;min-height:100%;padding:60px 22px calc(30px + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;display:flex}.isi.svelte-3c0f4u:before,.isi.svelte-3c0f4u:after{content:"";flex:1 1 0}.naik.svelte-3c0f4u{animation:.8s cubic-bezier(.2,.8,.2,1) both svelte-3c0f4u-kps-naik;animation-delay:var(--d,0s)}@keyframes svelte-3c0f4u-kps-naik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mata.svelte-3c0f4u{letter-spacing:.24em;text-transform:uppercase;color:var(--tinta-2);text-align:center;margin:0;font-size:14px;font-weight:600}.judul.svelte-3c0f4u{text-align:center;overflow-wrap:anywhere;max-width:100%;margin:6px 0 0;font-size:clamp(30px,8.6vw,38px);font-style:italic;font-weight:500;line-height:1.1}.kecil.svelte-3c0f4u{color:var(--tinta-2);text-align:center;margin:10px 0 0;font-size:15px}.tombol.svelte-3c0f4u{border:1.5px solid var(--tinta);min-height:46px;color:var(--tinta);font-family:var(--serif);letter-spacing:.03em;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;padding:10px 24px;font-size:18px;font-weight:600;transition:transform .15s}.tombol.utama.svelte-3c0f4u{background:var(--kotak);border-color:var(--kotak);color:var(--krem);box-shadow:0 6px 16px #2e2a2638}.tombol.svelte-3c0f4u:active{transform:translateY(1px)}.svelte-3c0f4u:focus-visible{outline:2px solid var(--emas);outline-offset:3px}.baris-aksi.svelte-3c0f4u{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.kotak-layar.svelte-3c0f4u{padding:56px 20px calc(24px + env(safe-area-inset-bottom));justify-content:space-between}.kepala.svelte-3c0f4u{text-align:center;flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.nama.svelte-3c0f4u{overflow-wrap:anywhere;max-width:100%;margin:8px 0 0;font-size:clamp(34px,10vw,48px);font-weight:600;line-height:1.04}.ket.svelte-3c0f4u{max-width:28ch;color:var(--tinta-2);margin:10px 0 0;font-size:19px;font-style:italic;line-height:1.4}.pil.svelte-3c0f4u{background:#f8f2e6e6;border-radius:999px;margin:12px 0 0;padding:6px 16px;font-size:17px;font-weight:600;box-shadow:0 3px 12px #2e2a261f}.panggung.svelte-3c0f4u{touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.panggung.siap.svelte-3c0f4u{cursor:grab}.ayun.svelte-3c0f4u{aspect-ratio:320/340;width:min(330px,86vw,94dvh - 282px);min-width:190px;position:relative}.kotak-layar.svelte-3c0f4u:not(.menarik) .ayun:where(.svelte-3c0f4u){animation:3.2s ease-in-out infinite svelte-3c0f4u-kps-ayun}@keyframes svelte-3c0f4u-kps-ayun{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-6px)rotate(.6deg)}}.gambar-kotak.svelte-3c0f4u{z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gambar-kotak.svelte-3c0f4u *{transform-box:view-box}.simpul.svelte-3c0f4u{transform-origin:160px 112px;transform:scale(calc(1.32 - var(--p) * .62)) rotate(calc(var(--p) * -6deg))}.ekor.svelte-3c0f4u{transform-origin:162px 118px;transform:scaleY(calc(1 + var(--p) * 1.3)) rotate(calc(var(--p) * -10deg))}.lepas.svelte-3c0f4u .simpul:where(.svelte-3c0f4u){opacity:0;transition:transform .6s cubic-bezier(.5,0,.6,1),opacity .5s;transform:translate(26px,-40px)scale(.3)rotate(40deg)}.lepas.svelte-3c0f4u .ekor:where(.svelte-3c0f4u),.lepas.svelte-3c0f4u .ekor-kiri:where(.svelte-3c0f4u),.lepas.svelte-3c0f4u .pita-tutup:where(.svelte-3c0f4u){opacity:0;transition:opacity .4s}.pita-v.svelte-3c0f4u{transform-origin:160px 320px}.lepas.svelte-3c0f4u .pita-v:where(.svelte-3c0f4u){opacity:0;transition:transform .7s ease-in .15s,opacity .5s .35s;transform:translateY(26px)scaleY(.2)}.lepas.svelte-3c0f4u .pita-h:where(.svelte-3c0f4u){opacity:0;transition:transform .8s cubic-bezier(.5,0,.7,.4) .2s,opacity .5s .5s;transform:translate(140px)}.tutup.svelte-3c0f4u{transform-origin:160px 134px}.lepas.svelte-3c0f4u .tutup:where(.svelte-3c0f4u){opacity:0;transition:transform 1s cubic-bezier(.3,0,.3,1) .75s,opacity .6s 1.25s;transform:translate(40px,-170px)rotate(16deg)}.kartu-intip.svelte-3c0f4u{z-index:1;background:var(--kapas);height:46%;box-shadow:inset 0 0 0 5px var(--kapas), inset 0 0 0 6px #b08d4f99;text-align:center;opacity:0;flex-direction:column;justify-content:flex-start;align-items:center;padding:14px 10px 0;display:flex;position:absolute;top:38%;left:20%;right:20%;transform:translateY(0)}.lepas.svelte-3c0f4u .kartu-intip:where(.svelte-3c0f4u){opacity:1;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) 1.4s,opacity .3s 1.3s;transform:translateY(-62%)}.ki-untuk.svelte-3c0f4u{letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-2);font-size:13px}.ki-nama.svelte-3c0f4u{overflow-wrap:anywhere;max-width:100%;margin-top:4px;font-size:19px;font-style:italic;line-height:1.1}.kps-label.svelte-3c0f4u{z-index:3;background:var(--kapas);text-align:center;border-radius:3px;width:40%;padding:8px 10px 9px;line-height:1.15;position:absolute;top:63%;left:6%;transform:rotate(4deg);box-shadow:0 4px 10px #14100c47}.kps-label.svelte-3c0f4u:before{content:"";background:var(--linen-2);border-radius:50%;width:7px;height:7px;margin-top:-4px;position:absolute;top:50%;left:10px;box-shadow:inset 0 1px 2px #0000004d}.lepas.svelte-3c0f4u .kps-label:where(.svelte-3c0f4u){opacity:0;transition:transform .8s cubic-bezier(.5,0,.7,.4) .1s,opacity .5s .4s;transform:translate(18px,90px)rotate(24deg)}.label-dari.svelte-3c0f4u{letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-2);font-size:12px;display:block}.label-nama.svelte-3c0f4u{overflow-wrap:anywhere;margin-top:2px;font-size:15px;font-style:italic;font-weight:600;display:block}.pegangan.svelte-3c0f4u{z-index:4;width:44px;height:44px;color:var(--kotak);transform:translateY(var(--y));pointer-events:none;background:#f8f2e6f2;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;display:grid;position:absolute;top:59%;left:59%;box-shadow:0 4px 14px #14100c4d}.pegangan.svelte-3c0f4u:after{content:"";border:2px solid #f8f2e6cc;border-radius:50%;animation:1.6s ease-out infinite svelte-3c0f4u-kps-denyut;position:absolute;inset:-6px}@keyframes svelte-3c0f4u-kps-denyut{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.pegangan.svelte-3c0f4u svg:where(.svelte-3c0f4u){width:22px;height:22px}.debu.svelte-3c0f4u{z-index:3;pointer-events:none;height:10%;position:absolute;top:30%;left:10%;right:10%}.debu.svelte-3c0f4u span:where(.svelte-3c0f4u){width:var(--s);height:var(--s);opacity:0;animation:svelte-3c0f4u-kps-debu 1.8s calc(1.2s + var(--dl)) ease-out both;background:#f2d48f;border-radius:50%;position:absolute;top:0;box-shadow:0 0 6px #f2d48f}@keyframes svelte-3c0f4u-kps-debu{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx), -110px)}}.bawah.svelte-3c0f4u{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:92px;display:flex}.meter.svelte-3c0f4u{background:#2e2a2624;border-radius:4px;width:min(220px,70%);height:4px;overflow:hidden}.meter.svelte-3c0f4u span:where(.svelte-3c0f4u){background:var(--kotak);transform-origin:0;height:100%;display:block}.kartu.svelte-3c0f4u{background:var(--kapas);width:min(360px,100%);box-shadow:inset 0 0 0 10px var(--kapas), inset 0 0 0 11px #b08d4f8c, inset 0 0 0 14px var(--kapas), inset 0 0 0 15px #b08d4f4d, 0 14px 34px #2e2a2633;text-align:left;min-width:0;padding:30px 26px;position:relative}.kop.svelte-3c0f4u{letter-spacing:.2em;text-transform:uppercase;text-align:center;color:var(--tinta-2);overflow-wrap:anywhere;border-bottom:1px solid #b08d4f8c;margin:0 0 14px;padding-bottom:10px;font-size:14px;font-weight:600}.monogram.svelte-3c0f4u{width:46px;height:46px;color:var(--kotak);text-transform:uppercase;border:1px solid #b08d4fb3;border-radius:50%;place-items:center;margin:0 auto 12px;font-size:26px;font-style:italic;line-height:1;display:grid}.kps-untuk.svelte-3c0f4u{letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin:18px 0 6px;font-size:12px}.kps-rincian.svelte-3c0f4u{text-align:left;gap:6px;margin:0 0 6px;padding:0;list-style:none;display:grid}.kps-rincian.svelte-3c0f4u li:where(.svelte-3c0f4u){border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);overflow-wrap:anywhere;padding:0 0 6px 18px;position:relative}.kps-rincian.svelte-3c0f4u li:where(.svelte-3c0f4u):before{content:"";background:#b8964f;border-radius:50%;width:7px;height:7px;position:absolute;top:.6em;left:2px}.kartu-judul.svelte-3c0f4u{text-align:center;color:var(--kotak);overflow-wrap:anywhere;margin:0;font-size:clamp(28px,8vw,34px);font-style:italic;font-weight:500;line-height:1.12}.sapa.svelte-3c0f4u{overflow-wrap:anywhere;margin:18px 0 0;font-size:19px;font-weight:600}.par.svelte-3c0f4u{overflow-wrap:anywhere;margin:10px 0 0;font-size:19px;line-height:1.55}.salam-tutup.svelte-3c0f4u{color:var(--tinta-2);margin:18px 0 0;font-size:18px;font-style:italic}.ttd.svelte-3c0f4u{font-family:var(--tangan);color:var(--kotak);overflow-wrap:anywhere;margin:2px 0 0;font-size:32px;line-height:1.25}.kartu.svelte-3c0f4u+.tombol:where(.svelte-3c0f4u){margin-top:20px}.jalur.svelte-3c0f4u{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:14px;width:calc(100% + 44px);margin:16px -22px 0;padding:6px 9% 14px;display:flex;overflow-x:auto}.jalur.svelte-3c0f4u::-webkit-scrollbar{display:none}.cetakan.svelte-3c0f4u{scroll-snap-align:center;flex:0 0 82%;min-width:0;max-width:300px;margin:0}.paspartu.svelte-3c0f4u{background:var(--kapas);padding:14px;box-shadow:0 10px 24px #2e2a262e,inset 0 0 0 1px #b08d4f66}.paspartu.svelte-3c0f4u img:where(.svelte-3c0f4u){aspect-ratio:4/5;object-fit:cover;background:var(--linen-2);width:100%;min-height:180px;max-height:calc(100dvh - 340px);display:block}.cetakan.svelte-3c0f4u figcaption:where(.svelte-3c0f4u){align-items:baseline;gap:10px;min-width:0;padding:10px 4px 0;display:flex}.romawi.svelte-3c0f4u{letter-spacing:.1em;color:var(--emas);flex-shrink:0;font-size:15px;font-weight:600}.ket-foto.svelte-3c0f4u{overflow-wrap:anywhere;min-width:0;font-size:18px;font-style:italic;line-height:1.3}.titik.svelte-3c0f4u{gap:7px;margin-top:4px;display:flex}.titik.svelte-3c0f4u span:where(.svelte-3c0f4u){background:#2e2a2633;border-radius:50%;width:7px;height:7px;transition:background .3s}.titik.svelte-3c0f4u span.aktif:where(.svelte-3c0f4u){background:var(--kotak)}.bingkai-video.svelte-3c0f4u{background:var(--kapas);width:100%;max-width:380px;margin:18px 0 20px;padding:12px;box-shadow:0 10px 24px #2e2a262e,inset 0 0 0 1px #b08d4f66}.bingkai-video.potret.svelte-3c0f4u{max-width:min(240px,64vw)}.lembar-tanda.svelte-3c0f4u{background:var(--kapas);width:min(360px,100%);box-shadow:inset 0 0 0 8px var(--kapas), inset 0 0 0 9px #b08d4f80, 0 12px 28px #2e2a262e;min-width:0;margin-top:16px;padding:18px 22px 8px}.tanda.svelte-3c0f4u{border-bottom:1px solid #b08d4f59;padding:10px 0 12px;animation:.6s both svelte-3c0f4u-kps-naik}.tanda.svelte-3c0f4u:last-child{border-bottom:0}.tanda-foto.svelte-3c0f4u{object-fit:cover;width:100%;max-height:220px;margin-bottom:8px;display:block}.tanda-ket.svelte-3c0f4u{color:var(--tinta-2);overflow-wrap:anywhere;margin:0 0 6px;font-size:15px}.tanda-pesan.svelte-3c0f4u{overflow-wrap:anywhere;margin:0;font-size:18px;font-style:italic;line-height:1.45}.tanda-ttd.svelte-3c0f4u{font-family:var(--tangan);color:var(--kotak);text-align:right;overflow-wrap:anywhere;margin:4px 0 0;font-size:30px;line-height:1.3;animation:1.1s ease-out .25s both svelte-3c0f4u-kps-tulis}@keyframes svelte-3c0f4u-kps-tulis{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 -20%)}}.penutup.svelte-3c0f4u{background:radial-gradient(110% 70% at 50% 0%, var(--kotak) 0%, var(--kotak-gelap) 100%);color:var(--krem)}.simpul-kecil.svelte-3c0f4u{width:110px;height:55px}.penutup-judul.svelte-3c0f4u{text-align:center;overflow-wrap:anywhere;max-width:100%;margin:14px 0 0;font-size:clamp(32px,9vw,42px);font-style:italic;font-weight:500;line-height:1.1}.penutup-pesan.svelte-3c0f4u{text-align:center;white-space:pre-line;overflow-wrap:anywhere;max-width:30ch;margin:16px 0 0;font-size:20px;line-height:1.55}.penutup-ttd.svelte-3c0f4u{font-family:var(--tangan);color:var(--pita);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:16px 0 0;font-size:36px;line-height:1.25}.bareng.svelte-3c0f4u{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-top:14px;font-size:17px;font-style:italic;display:flex}.avatar-tumpuk.svelte-3c0f4u{display:inline-flex}.avatar-tumpuk.svelte-3c0f4u .teman-avatar{border:2px solid var(--kotak);color:#fff8ee;font-family:var(--serif);object-fit:cover;border-radius:50%;justify-content:center;align-items:center;margin-left:-7px;font-weight:700;display:inline-flex}.avatar-tumpuk.svelte-3c0f4u .teman-avatar:first-child{margin-left:0}.balas-akhir.svelte-3c0f4u{width:100%;color:var(--krem);justify-content:center;margin-top:22px;display:flex}.layar.svelte-3c0f4u:has(.balas-akhir:where(.svelte-3c0f4u) .lapis){z-index:60}.app.svelte-3c0f4u .music-toggle{top:calc(12px + env(safe-area-inset-top));z-index:20;position:absolute;bottom:auto;right:12px}@media (height<=700px){.kotak-layar.svelte-3c0f4u{padding-top:48px}.nama.svelte-3c0f4u{font-size:clamp(30px,9vw,40px)}.ket.svelte-3c0f4u{font-size:17px}.bawah.svelte-3c0f4u{min-height:80px}}@media (prefers-reduced-motion:reduce){.pita-tpl.svelte-3c0f4u *{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}