@font-face{font-family:KpSerif;src:url(../../../tpl/ketuk-pintu-mertua/fonts/fraunces.woff2)format("woff2");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:KpSerif;src:url(../../../tpl/ketuk-pintu-mertua/fonts/fraunces-italic.woff2)format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:KpSans;src:url(../../../tpl/ketuk-pintu-mertua/fonts/nunito.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}.kp-tpl.svelte-1ik6y38{--tembok:#dfe3c8;--tembok-2:#cdd4b2;--jati:#7a4a2b;--jati-tua:#553119;--kuningan:#c9a24a;--cahaya:#f7dc9a;--terakota:#b8643e;--krem:#fbf4e4;--tinta:#3a2a1f;--tinta-2:#66544a;--serif:"KpSerif", "Fraunces", Georgia, serif;--sans:"KpSans", "Nunito", system-ui, sans-serif;width:100%;min-height:100dvh;color:var(--tinta);font-family:var(--sans);-webkit-text-size-adjust:100%;background:#cdd2b5;justify-content:center;align-items:center;display:flex;position:relative}.kp-app.svelte-1ik6y38{isolation:isolate;background:var(--tembok);width:100%;max-width:460px;height:100dvh;max-height:940px;position:relative;overflow:hidden}@media (width>=520px){.kp-app.svelte-1ik6y38{border-radius:26px;box-shadow:0 30px 80px #3c321e47}}.kp-layar.svelte-1ik6y38{z-index:5;flex-direction:column;align-items:center;min-width:0;display:flex;position:absolute;inset:0}.kp-gulir.svelte-1ik6y38{overscroll-behavior:contain;overflow:hidden auto}.kp-rumah.svelte-1ik6y38{background:radial-gradient(70% 45% at 50% 40%, #fffae68c 0%, transparent 75%), repeating-linear-gradient(90deg, transparent 0 46px, #78825a0d 46px 48px), var(--tembok)}.kp-isi.svelte-1ik6y38{z-index:1;width:100%;min-height:100%;padding:56px 20px calc(26px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.kp-isi.svelte-1ik6y38:before,.kp-isi.svelte-1ik6y38:after{content:"";flex:1 1 0}.kp-naik.svelte-1ik6y38{animation:.8s cubic-bezier(.2,.8,.2,1) both svelte-1ik6y38-kp-naik;animation-delay:var(--d,0s)}@keyframes svelte-1ik6y38-kp-naik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.kp-mata.svelte-1ik6y38{letter-spacing:.18em;text-transform:uppercase;color:var(--jati);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:13px;font-weight:800}.kp-judul.svelte-1ik6y38{font-family:var(--serif);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:6px 0 0;font-size:clamp(28px,8.4vw,36px);font-weight:600;line-height:1.12}.kp-kecil.svelte-1ik6y38{color:var(--tinta-2);text-align:center;overflow-wrap:anywhere;max-width:34ch;margin:10px 0 0;font-size:15px;line-height:1.5}.kp-tombol.svelte-1ik6y38{border:1.5px solid var(--jati);min-height:46px;color:var(--jati-tua);font-family:var(--sans);cursor:pointer;touch-action:manipulation;background:#fbf4e4bf;border-radius:999px;padding:10px 24px;font-size:16px;font-weight:800;transition:transform .15s}.kp-tombol.utama.svelte-1ik6y38{background:var(--jati);color:var(--krem);box-shadow:0 6px 16px #5531194d}.kp-tombol.svelte-1ik6y38:active{transform:scale(.97)}.kp-tombol.svelte-1ik6y38:focus-visible,.kp-sandal.svelte-1ik6y38:focus-visible{outline:3px solid var(--kuningan);outline-offset:3px}.kp-aksi.svelte-1ik6y38{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:100%;margin-top:16px;display:flex}.kp-kepala.svelte-1ik6y38{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0;display:flex}.kp-nama.svelte-1ik6y38{font-family:var(--serif);overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(32px,9.6vw,44px);font-weight:700;line-height:1.06}.kp-ket.svelte-1ik6y38{color:var(--tinta-2);overflow-wrap:anywhere;max-width:32ch;margin:4px 0 0;font-size:15px;line-height:1.45}.kp-panggung.svelte-1ik6y38{aspect-ratio:300/360;-webkit-user-select:none;user-select:none;width:min(84vw,340px,83.3dvh - 274.89px);min-width:220px;margin:12px auto 0;position:relative}.kp-latar.svelte-1ik6y38{width:100%;height:100%;position:absolute;inset:0}.kp-tumpah.svelte-1ik6y38{opacity:0;transition:opacity 1.2s .4s}.kebuka.svelte-1ik6y38 .kp-tumpah:where(.svelte-1ik6y38){opacity:.7}.kp-luar.svelte-1ik6y38,.kp-pintu.svelte-1ik6y38{width:50%;height:85%;position:absolute;top:8.333%;left:25%}.kp-luar.svelte-1ik6y38{background:#2e1f14;overflow:hidden}.kp-siang.svelte-1ik6y38{background:linear-gradient(#f9e6b4 0%,#f3d690 55%,#b9c48e 100%);position:absolute;inset:0}.kp-halaman.svelte-1ik6y38{background:radial-gradient(40% 50% at 20% 30%,#7a9a5c 0 60%,#0000 62%),radial-gradient(45% 55% at 82% 36%,#6d8c52 0 60%,#0000 62%),linear-gradient(#0000 0 40%,#c9b48a 40%);height:42%;position:absolute;inset:auto 0 0}.kp-tamu.svelte-1ik6y38{object-fit:cover;object-position:50% 28%;opacity:0;width:100%;height:100%;transition:opacity .9s .5s,transform 1.6s cubic-bezier(.2,.8,.2,1) .5s;position:absolute;inset:0;transform:scale(1.08)}.kebuka.svelte-1ik6y38 .kp-tamu:where(.svelte-1ik6y38){opacity:1;transform:none}.kp-sinar.svelte-1ik6y38{pointer-events:none;background:linear-gradient(#fff4d28c 0%,#fff4d200 45%);position:absolute;inset:0}.kp-hantaran.svelte-1ik6y38{opacity:0;width:64%;transition:opacity .6s 1s,transform .9s cubic-bezier(.2,.9,.3,1.2) 1s;position:absolute;bottom:3%;left:18%;transform:translateY(20px)}.kebuka.svelte-1ik6y38 .kp-hantaran:where(.svelte-1ik6y38){opacity:1;transform:none}.kp-pintu.svelte-1ik6y38{z-index:2;transform-origin:0;touch-action:pan-y;transition:transform 1.3s cubic-bezier(.45,.05,.25,1);transform:perspective(900px)rotateY(0)}.kp-pintu.siap.svelte-1ik6y38{cursor:grab}.kp-pintu.dipegang.svelte-1ik6y38{cursor:grabbing}.kp-pintu.buka.svelte-1ik6y38{pointer-events:none;transform:perspective(900px)rotateY(-104deg)}.kp-daun.svelte-1ik6y38{width:100%;height:100%}.kp-daun.svelte-1ik6y38 svg:where(.svelte-1ik6y38){filter:drop-shadow(-2px 0 3px #1e140a59);width:100%;height:100%;display:block;overflow:visible}.kp-daun.ketuk.svelte-1ik6y38{animation:3.4s ease-in-out .8s infinite svelte-1ik6y38-kp-ketuk}@keyframes svelte-1ik6y38-kp-ketuk{0%,30%,to{transform:none}4%,14%,24%{transform:translate(1.6px)}8%,18%,28%{transform:translate(-1px)}}.kp-pegangan.svelte-1ik6y38{fill:#c9a24a2e;stroke:#f7dc9a;stroke-width:1.6px;stroke-dasharray:4 3;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite svelte-1ik6y38-kp-denyut}@keyframes svelte-1ik6y38-kp-denyut{50%{opacity:.6;transform:scale(1.2)}}.kp-tok.svelte-1ik6y38{pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:26%;right:0}.kp-tok.svelte-1ik6y38 span:where(.svelte-1ik6y38){font-family:var(--serif);color:var(--jati-tua);opacity:0;font-size:17px;font-style:italic;font-weight:600;animation:3.4s ease-out .8s infinite svelte-1ik6y38-kp-tok}.kp-tok.svelte-1ik6y38 span:where(.svelte-1ik6y38):nth-child(2){margin-right:8px;animation-delay:1.14s}.kp-tok.svelte-1ik6y38 span:where(.svelte-1ik6y38):nth-child(3){animation-delay:1.48s}.kp-tok.diam.svelte-1ik6y38 span:where(.svelte-1ik6y38){animation:none}@keyframes svelte-1ik6y38-kp-tok{0%{opacity:0;transform:translate(-4px)scale(.8)}4%{opacity:1;transform:none}24%{opacity:1}34%,to{opacity:0}}.kp-suara.svelte-1ik6y38{z-index:4;background:var(--krem);width:max-content;max-width:min(78%,270px);color:var(--tinta);text-align:center;overflow-wrap:anywhere;border-radius:14px;margin:0;padding:9px 14px;font-size:15px;font-weight:700;line-height:1.35;animation:.45s cubic-bezier(.2,.9,.3,1.2) both svelte-1ik6y38-kp-suara;position:absolute;top:-4px;left:50%;box-shadow:0 6px 16px #3c281438}.kp-suara.svelte-1ik6y38:after{content:"";background:var(--krem);width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-7px;left:50%;transform:rotate(45deg)}.kp-suara.tamu.svelte-1ik6y38{font-family:var(--serif);font-size:16px;font-weight:600;top:2%}@keyframes svelte-1ik6y38-kp-suara{0%{opacity:0;transform:translate(-50%,8px)scale(.92)}to{opacity:1;transform:translate(-50%)}}.kp-bawah.svelte-1ik6y38{flex-direction:column;align-items:center;width:100%;min-width:0;min-height:120px;padding-top:12px;display:flex}.kp-pil.svelte-1ik6y38{color:var(--jati-tua);text-align:center;background:#7a4a2b1a;border:1px solid #7a4a2b52;border-radius:999px;max-width:100%;margin:0;padding:6px 14px;font-size:14px;font-weight:800}.kp-meter.svelte-1ik6y38{background:#7a4a2b26;border-radius:999px;width:min(200px,64%);height:6px;margin-top:8px;overflow:hidden}.kp-meter.svelte-1ik6y38 span:where(.svelte-1ik6y38){background:var(--kuningan);transform-origin:0;width:100%;height:100%;display:block}.kp-bawah.svelte-1ik6y38 .kp-aksi:where(.svelte-1ik6y38){margin-top:12px}.kp-bawah.svelte-1ik6y38 .kp-kecil:where(.svelte-1ik6y38){margin-top:8px;font-size:14px}.kp-bawah.svelte-1ik6y38 .kp-kecil:where(.svelte-1ik6y38)+.kp-tombol:where(.svelte-1ik6y38){margin-top:12px}.kp-surat.svelte-1ik6y38{background:var(--krem);border:1px solid #e3d2ae;border-radius:6px;width:100%;min-width:0;max-width:390px;margin:16px 0 22px;padding:34px 24px 26px;position:relative;box-shadow:0 18px 38px #3c281433}.kp-pita.svelte-1ik6y38{background:var(--terakota);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);width:22px;height:54px;position:absolute;top:-6px;right:22px}.kp-surat-judul.svelte-1ik6y38{font-family:var(--serif);color:var(--jati-tua);overflow-wrap:anywhere;margin:0 0 10px;padding-right:26px;font-size:clamp(25px,7.2vw,30px);font-weight:700;line-height:1.18}.kp-sapa.svelte-1ik6y38{font-family:var(--serif);color:var(--tinta-2);overflow-wrap:anywhere;margin:0 0 10px;font-size:18px;font-style:italic}.kp-par.svelte-1ik6y38{overflow-wrap:anywhere;margin:0 0 12px;font-size:17px;line-height:1.7}.kp-ttd.svelte-1ik6y38{text-align:right;font-family:var(--serif);color:var(--terakota);overflow-wrap:anywhere;margin:14px 0 0;font-size:24px;font-style:italic;font-weight:600}.kp-jalur.svelte-1ik6y38{scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;width:calc(100% + 40px);margin:10px -20px 0;padding:8px 20px 16px;display:flex;overflow-x:auto}.kp-jalur.svelte-1ik6y38::-webkit-scrollbar{display:none}.kp-bingkai.svelte-1ik6y38{scroll-snap-align:center;width:min(66vw,256px);transform:rotate(var(--m));transform-origin:50% 0;flex-direction:column;flex:none;align-items:center;margin:0;display:flex}.kp-jalur.svelte-1ik6y38 .kp-bingkai:where(.svelte-1ik6y38):first-child{margin-left:calc(50% - min(33vw,128px) - 20px)}.kp-jalur.svelte-1ik6y38 .kp-bingkai:where(.svelte-1ik6y38):last-child{margin-right:calc(50% - min(33vw,128px) - 20px)}.kp-tali.svelte-1ik6y38{width:62%;height:auto;margin-bottom:-2px;display:block}.kp-bingkai-kayu.svelte-1ik6y38{aspect-ratio:4/5;background:linear-gradient(135deg,#8a5632,#6b4024 55%,#7a4a2b);width:100%;padding:12px;display:block;box-shadow:0 14px 26px #3c28144d,inset 0 0 0 2px #553119,inset 0 0 0 9px #7a4a2b,inset 0 0 0 10px #c9a24a}.kp-bingkai-kayu.svelte-1ik6y38 img:where(.svelte-1ik6y38){object-fit:cover;background:var(--tembok-2);width:100%;height:100%;box-shadow:0 0 0 4px var(--krem);display:block}.kp-bingkai.svelte-1ik6y38 figcaption:where(.svelte-1ik6y38){font-family:var(--serif);text-align:center;overflow-wrap:anywhere;background:#fbf4e4d9;border-radius:4px;max-width:100%;margin-top:12px;padding:6px 12px;font-size:17px;font-style:italic;font-weight:600;line-height:1.3}.kp-titik.svelte-1ik6y38{gap:7px;margin-top:6px;display:flex}.kp-titik.svelte-1ik6y38 span:where(.svelte-1ik6y38){background:#3a2a1f38;border-radius:50%;width:7px;height:7px}.kp-titik.svelte-1ik6y38 span.aktif:where(.svelte-1ik6y38){background:var(--jati)}.kp-video.svelte-1ik6y38{aspect-ratio:16/9;border:10px solid var(--jati);background:#2e1f14;border-radius:8px;width:100%;max-width:400px;margin-top:18px;overflow:hidden;box-shadow:0 16px 34px #3c28144d}.kp-video.potret.svelte-1ik6y38{aspect-ratio:9/16;width:min(70vw,290px);max-height:60dvh}.kp-video.svelte-1ik6y38+.kp-tombol:where(.svelte-1ik6y38){margin-top:22px}.kp-teras.svelte-1ik6y38{background:linear-gradient(90deg,#0000000f 1px,#0000 1px) 0 0/36px 36px,linear-gradient(#0000000f 1px,#0000 1px) 0 0/36px 36px,#c06d45;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;width:100%;max-width:350px;margin-top:16px;padding:14px 10px 10px;display:grid;box-shadow:inset 0 4px 10px #3c1e0f40}.kp-teras.padat.svelte-1ik6y38{grid-template-columns:repeat(4,minmax(0,1fr))}.kp-sandal.svelte-1ik6y38{min-width:0;min-height:44px;color:var(--krem);font-family:var(--sans);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;padding:4px 2px;animation:.5s cubic-bezier(.2,.9,.3,1.2) both svelte-1ik6y38-kp-lepas;display:flex}.kp-sandal.aktif.svelte-1ik6y38{background:#fbf4e438}@keyframes svelte-1ik6y38-kp-lepas{0%{opacity:0;transform:translateY(-16px)rotate(-8deg)}to{opacity:1;transform:none}}.kp-sandal-svg.svelte-1ik6y38{filter:drop-shadow(0 3px 2px #32190a4d);width:100%;max-width:70px}.kp-sandal-nama.svelte-1ik6y38{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden}.kp-pesan.svelte-1ik6y38{background:var(--krem);text-align:center;border:1px solid #e3d2ae;border-radius:10px;width:100%;min-width:0;max-width:360px;margin-top:16px;padding:18px 20px;animation:.5s cubic-bezier(.2,.8,.2,1) both svelte-1ik6y38-kp-naik;box-shadow:0 12px 26px #3c28142e}.kp-pesan-foto.svelte-1ik6y38{object-fit:cover;border-radius:6px;width:100%;max-height:220px;margin-bottom:8px;display:block}.kp-pesan-ket.svelte-1ik6y38{color:var(--tinta-2);overflow-wrap:anywhere;margin:0 0 8px;font-size:14px;font-style:italic}.kp-pesan-isi.svelte-1ik6y38{font-family:var(--serif);overflow-wrap:anywhere;white-space:pre-line;margin:0;font-size:19px;font-weight:600;line-height:1.42}.kp-pesan-nama.svelte-1ik6y38{letter-spacing:.06em;color:var(--terakota);overflow-wrap:anywhere;margin:10px 0 0;font-size:14px;font-weight:800}.kp-pajang.svelte-1ik6y38{transform-origin:50% 0;flex-direction:column;align-items:center;width:150px;display:flex;transform:rotate(-1.5deg)}.kp-bingkai-kayu.kecil.svelte-1ik6y38{padding:8px;box-shadow:0 10px 20px #3c28144d,inset 0 0 0 2px #553119,inset 0 0 0 6px #7a4a2b,inset 0 0 0 7px #c9a24a}.kp-pintu-kecil.svelte-1ik6y38{width:60px}.kp-penutup-judul.svelte-1ik6y38{font-family:var(--serif);color:var(--jati-tua);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:20px 0 0;font-size:clamp(30px,8.8vw,40px);font-weight:700;line-height:1.12}.kp-penutup-pesan.svelte-1ik6y38{text-align:center;overflow-wrap:anywhere;white-space:pre-line;max-width:34ch;margin:12px 0 0;font-size:17px;line-height:1.65}.kp-penutup-ttd.svelte-1ik6y38{font-family:var(--serif);color:var(--terakota);overflow-wrap:anywhere;text-align:center;flex-direction:column;align-items:center;max-width:100%;margin:14px 0 0;font-size:25px;font-style:italic;font-weight:600;line-height:1.2;display:flex}.kp-ttd-sub.svelte-1ik6y38{font-family:var(--sans);color:var(--tinta-2);font-size:13px;font-style:normal;font-weight:700}.kp-bareng.svelte-1ik6y38{color:var(--tinta-2);text-align:center;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-top:16px;font-size:15px;display:flex}.kp-avatar.svelte-1ik6y38{display:inline-flex}.kp-avatar.svelte-1ik6y38 .teman-avatar{box-shadow:0 0 0 2px var(--tembok);margin-left:-8px}.kp-avatar.svelte-1ik6y38 .teman-avatar:first-child{margin-left:0}.kp-balas.svelte-1ik6y38{width:100%;color:var(--tinta);justify-content:center;margin-top:22px;display:flex}.kp-layar.svelte-1ik6y38:has(.kp-balas:where(.svelte-1ik6y38) .lapis){z-index:60}.kp-app.svelte-1ik6y38 .music-toggle{top:calc(12px + env(safe-area-inset-top));z-index:20;position:absolute;bottom:auto;right:12px}@media (height<=700px){.kp-isi.svelte-1ik6y38{padding-top:48px}.kp-nama.svelte-1ik6y38{font-size:clamp(28px,8.6vw,38px)}.kp-ket.svelte-1ik6y38{font-size:14px}.kp-panggung.svelte-1ik6y38{width:min(84vw,340px,83.3dvh - 249.9px)}}@media (prefers-reduced-motion:reduce){.kp-tpl.svelte-1ik6y38 *{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}