@font-face{font-family:TK Fraunces;src:url(../../../tpl/telepon-kaleng/fonts/fraunces-400-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:TK Fraunces;src:url(../../../tpl/telepon-kaleng/fonts/fraunces-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:TK Nunito;src:url(../../../tpl/telepon-kaleng/fonts/nunito-var.woff2)format("woff2");font-weight:400 800;font-display:swap}.tk-tpl.svelte-ksw3j1{--tembok:#f4e2c8;--senja:#edc29c;--tegel:#c98462;--benang:#8a6f58;--kertas:#fff7ea;--tinta:#3b2722;--tinta-2:#6e4f43;--emas:#e5a54b;--label:#c0583f;--serif:"TK Fraunces", Georgia, serif;--ui:"TK Nunito", system-ui, sans-serif;width:100%;min-height:100dvh;color:var(--tinta);font-family:var(--ui);-webkit-text-size-adjust:100%;background:#d9ae8a;justify-content:center;align-items:center;display:flex;position:relative}.app.svelte-ksw3j1{isolation:isolate;background:linear-gradient(180deg, var(--tembok) 0%, #f2d6b4 55%, var(--senja) 100%);width:100%;max-width:460px;height:100dvh;max-height:940px;position:relative;overflow:hidden}@media (width>=520px){.app.svelte-ksw3j1{border-radius:26px;box-shadow:0 32px 88px #5a321e59}}.latar.svelte-ksw3j1{z-index:0;pointer-events:none;position:absolute;inset:0}.sinar.svelte-ksw3j1{background:linear-gradient(160deg,#fff4debf,#ffeccd00);border-radius:4px;width:58%;height:46%;animation:9s ease-in-out infinite alternate svelte-ksw3j1-sinar;position:absolute;top:8%;left:34%;transform:skew(-14deg)}@keyframes svelte-ksw3j1-sinar{to{opacity:.7;transform:skew(-14deg)translate(8px)}}.lantai.svelte-ksw3j1{background:repeating-linear-gradient(90deg, transparent 0 46px, #783c2340 46px 48px), linear-gradient(180deg, #d4916f, var(--tegel));height:13%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px #783c2333}.benang.svelte-ksw3j1{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.tali.svelte-ksw3j1{fill:none;stroke:var(--benang);stroke-width:2.2px;stroke-linecap:round;transition:opacity .4s}.tali.redup.svelte-ksw3j1{opacity:.35}.teman-tali.svelte-ksw3j1{stroke-width:1.5px;opacity:.45}.teman-tali.aktif.svelte-ksw3j1{opacity:1;stroke-width:2.2px}.tali.tebal.svelte-ksw3j1{stroke-width:2.6px}.manik.svelte-ksw3j1{fill:#fff3d6;stroke:var(--emas);stroke-width:2px}.manik-cahaya.svelte-ksw3j1{fill:#e5a54b66}.kaleng.svelte-ksw3j1{z-index:3;pointer-events:none;transition:opacity .4s;position:absolute}.kaleng-svg.svelte-ksw3j1{z-index:1;width:100%;height:auto;display:block;position:relative;overflow:visible}.kaleng-inisial.svelte-ksw3j1{font-family:var(--ui);fill:#fff7ea;font-size:18px;font-weight:800}.kaleng.jauh.svelte-ksw3j1{width:50px;margin:-53px 0 0 -25px;transform:rotate(180deg)}.kaleng.redup.svelte-ksw3j1{opacity:.4}.tag.svelte-ksw3j1{width:max-content;max-width:38vw;color:var(--tinta-2);text-align:center;overflow-wrap:anywhere;background:#fff7ead9;border-radius:999px;margin-top:6px;padding:3px 9px;font-size:11.5px;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(180deg)}.kaleng.teman.svelte-ksw3j1{width:30px;animation:svelte-ksw3j1-teman-datang .6s cubic-bezier(.2, .9, .3, 1.3) var(--d) backwards;margin:-32px 0 0 -15px;transform:rotate(180deg)}@keyframes svelte-ksw3j1-teman-datang{0%{opacity:0;transform:rotate(180deg)translateY(30px)}}.kaleng.teman.sudah.svelte-ksw3j1{opacity:.7}.kaleng.teman.aktif.svelte-ksw3j1{opacity:1;animation:.5s ease-in-out infinite alternate svelte-ksw3j1-teman-goyang}@keyframes svelte-ksw3j1-teman-goyang{0%{transform:rotate(172deg)scale(1.15)}to{transform:rotate(188deg)scale(1.15)}}.kaleng.dekat.svelte-ksw3j1{transform-origin:50% 20%;width:92px;margin:-14px 0 0 -46px;transition:transform .35s cubic-bezier(.3,1.4,.5,1);transform:rotate(-14deg)}.kaleng.dekat.tahan.svelte-ksw3j1{animation:90ms linear infinite alternate svelte-ksw3j1-kaleng-getar;transform:rotate(-20deg)scale(1.08)}@keyframes svelte-ksw3j1-kaleng-getar{0%{transform:rotate(-21deg)scale(1.08)}to{transform:rotate(-19deg)scale(1.08)}}.kaleng.dekat.dering.svelte-ksw3j1{animation:2.4s ease-in-out 1.2s infinite svelte-ksw3j1-dering}@keyframes svelte-ksw3j1-dering{0%,22%,to{transform:rotate(-14deg)}4%,12%{transform:rotate(-22deg)}8%,16%{transform:rotate(-6deg)}}.kaleng.dekat.tiba.svelte-ksw3j1{animation:.5s svelte-ksw3j1-kaleng-tiba}@keyframes svelte-ksw3j1-kaleng-tiba{40%{transform:rotate(-8deg)scale(1.14)}}.cincin.svelte-ksw3j1{width:138px;position:absolute;top:-12px;left:-23px;transform:rotate(-90deg)}.cincin-dasar.svelte-ksw3j1{fill:#fff7ea59;stroke:#6e4f432e;stroke-width:4px}.cincin-isi.svelte-ksw3j1{fill:none;stroke:var(--label);stroke-width:5px;stroke-linecap:round;stroke-dasharray:339.3}.layar.svelte-ksw3j1{z-index:5;text-align:center;padding:calc(56px + env(safe-area-inset-top)) 22px 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-ksw3j1::-webkit-scrollbar{display:none}.layar.svelte-ksw3j1>*{flex-shrink:0}.naik.svelte-ksw3j1{opacity:0;transform:translateY(14px)}.layar.aktif.svelte-ksw3j1 .naik:where(.svelte-ksw3j1){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-ksw3j1 .naik:where(.svelte-ksw3j1){opacity:0;transform:translateY(14px)}}.mata.svelte-ksw3j1{letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-2);overflow-wrap:anywhere;max-width:100%;margin:0 0 10px;font-size:11px;font-weight:800}.nama.svelte-ksw3j1{font-family:var(--serif);overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(36px,11vw,52px);font-weight:600;line-height:1.05}.ket.svelte-ksw3j1{max-width:28ch;font-family:var(--serif);color:var(--tinta-2);overflow-wrap:anywhere;margin:14px auto 0;font-size:17px;font-style:italic;line-height:1.5}.gerbang.svelte-ksw3j1{padding-top:calc(70px + env(safe-area-inset-top));pointer-events:none;justify-content:flex-start}.gerbang.svelte-ksw3j1 .tombol:where(.svelte-ksw3j1){pointer-events:auto}.tombol.mulai.svelte-ksw3j1{margin-top:22px}.ngobrol.svelte-ksw3j1{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;padding-bottom:calc(14px + env(safe-area-inset-bottom));justify-content:flex-start;overflow:hidden}.atas.svelte-ksw3j1{text-align:left;width:100%;padding-right:26%}.judul-buka.svelte-ksw3j1{font-family:var(--serif);overflow-wrap:anywhere;margin:0;font-size:clamp(19px,5.6vw,23px);font-weight:600;line-height:1.2}.kartu-wadah.svelte-ksw3j1{justify-content:flex-start;align-items:center;display:flex;position:absolute;left:20px;right:20px}.kartu.svelte-ksw3j1{scrollbar-width:none;background:var(--kertas);text-align:left;touch-action:pan-y;border-radius:18px 18px 18px 4px;max-width:min(88%,340px);max-height:100%;padding:18px 20px;animation:.45s cubic-bezier(.2,.9,.3,1.1) both svelte-ksw3j1-kartu-datang;position:relative;overflow-y:auto;box-shadow:inset 0 1px #fffc,0 16px 34px -18px #5a321e99}.kartu.lebih.svelte-ksw3j1{padding-bottom:24px;-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),#00000059);mask-image:linear-gradient(#000 calc(100% - 26px),#00000059)}.kartu.svelte-ksw3j1::-webkit-scrollbar{display:none}@keyframes svelte-ksw3j1-kartu-datang{0%{opacity:0;transform:translate(-18px,26px)scale(.9)}}.kartu.pamungkas.svelte-ksw3j1{background:var(--label);color:#fff7ea}.kalimat.svelte-ksw3j1{font-family:var(--serif);overflow-wrap:anywhere;margin:0;font-style:italic;line-height:1.35}.kata.svelte-ksw3j1{animation:svelte-ksw3j1-kata .42s ease calc(var(--i) * 1ms) backwards;margin-right:.26em;display:inline-block}@keyframes svelte-ksw3j1-kata{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}}.kartu.foto.svelte-ksw3j1{width:min(240px,66%);transform:rotate(var(--r));border-radius:3px;margin:0;padding:10px 10px 12px;animation:.6s cubic-bezier(.2,.9,.3,1.2) both svelte-ksw3j1-foto-datang;overflow:visible}@keyframes svelte-ksw3j1-foto-datang{0%{opacity:0;transform:translate(60px,-60px)rotate(18deg)scale(.5)}to{opacity:1;transform:rotate(var(--r))}}.kartu.foto.svelte-ksw3j1 img:where(.svelte-ksw3j1){aspect-ratio:4/5;object-fit:cover;border-radius:2px;width:100%;display:block}.kartu.foto.svelte-ksw3j1 figcaption:where(.svelte-ksw3j1){font-family:var(--serif);overflow-wrap:anywhere;margin-top:8px;font-size:16px;font-style:italic;line-height:1.25}.jepit.svelte-ksw3j1{background:linear-gradient(90deg,#b98a5a,#d6aa77,#b98a5a);border-radius:3px;width:12px;height:26px;margin-left:-6px;position:absolute;top:-14px;left:50%;box-shadow:0 2px 3px #3c281e4d}.teman-kartu.svelte-ksw3j1{border-radius:18px 18px 18px 4px}.teman-foto.svelte-ksw3j1{aspect-ratio:4/5;object-fit:cover;border-radius:3px;width:min(160px,70%);margin:0 0 6px;display:block}.teman-ket.svelte-ksw3j1{color:var(--tinta-2);overflow-wrap:anywhere;margin:0 0 8px;font-size:12.5px}.dari-teman.svelte-ksw3j1{color:var(--tinta-2);text-align:right;overflow-wrap:anywhere;margin:10px 0 0;font-size:14px;font-weight:800}.bawah.svelte-ksw3j1{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;display:flex;position:absolute;right:16px}.petunjuk.svelte-ksw3j1{font-family:var(--serif);color:var(--tinta);overflow-wrap:anywhere;margin:0;font-size:clamp(16px,4.6vw,19px);font-weight:600;line-height:1.25}.petunjuk.gagal.svelte-ksw3j1{color:#8e3b2b;animation:.4s svelte-ksw3j1-geleng}@keyframes svelte-ksw3j1-geleng{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.sub.svelte-ksw3j1{color:var(--tinta-2);margin:0;font-size:12.5px}.sub-judul.svelte-ksw3j1{font-family:var(--serif);margin:0 0 18px;font-size:clamp(24px,7vw,30px);font-weight:600}.bingkai-video.svelte-ksw3j1{background:var(--kertas);border-radius:14px;width:100%;margin-bottom:24px;padding:10px;box-shadow:0 22px 44px -18px #5a321e99}.akhir.svelte-ksw3j1{justify-content:safe center}.hati-benang.svelte-ksw3j1{width:min(240px,72%);height:auto;margin-bottom:8px;overflow:visible}.hati-benang.svelte-ksw3j1 .tali:where(.svelte-ksw3j1){stroke-dasharray:420;animation:2.2s .4s backwards svelte-ksw3j1-gambar-tali}@keyframes svelte-ksw3j1-gambar-tali{0%{stroke-dashoffset:420px}}.tutup.svelte-ksw3j1{font-family:var(--serif);color:var(--tinta);overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(30px,9vw,42px);font-weight:600;line-height:1.12}.pesan-tutup.svelte-ksw3j1{max-width:30ch;font-family:var(--serif);color:var(--tinta-2);white-space:pre-line;overflow-wrap:anywhere;margin:16px auto 0;font-size:18px;font-style:italic;line-height:1.55}.ttd.svelte-ksw3j1{font-family:var(--serif);color:var(--label);filter:brightness(.85);overflow-wrap:anywhere;margin:14px 0 0;font-size:20px;font-weight:600}.bersama.svelte-ksw3j1,.untuk.svelte-ksw3j1{color:var(--tinta-2);overflow-wrap:anywhere;max-width:100%;margin:6px 0 0;font-size:13px}.balas-akhir.svelte-ksw3j1{width:100%;color:var(--tinta)}.tombol.svelte-ksw3j1{min-height:46px;color:var(--tinta);font-family:var(--ui);cursor:pointer;background:#fff7ea99;border:1.5px solid #3b272240;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:800}.tombol.utama.svelte-ksw3j1{background:var(--tinta);border-color:var(--tinta);color:#fff7ea;box-shadow:0 12px 26px -12px #3b2722cc}.tombol.kecil.svelte-ksw3j1{min-height:44px;margin-top:4px;padding:9px 16px;font-size:13.5px}.svelte-ksw3j1:focus-visible{outline:2px solid var(--label);outline-offset:3px}.app.svelte-ksw3j1 .music-toggle{top:calc(12px + env(safe-area-inset-top));z-index:9;position:absolute;bottom:auto;right:12px}.layar.svelte-ksw3j1:has(.balas-akhir:where(.svelte-ksw3j1) .lapis){z-index:30}@media (height<=700px){.layar.svelte-ksw3j1{padding-top:calc(48px + env(safe-area-inset-top))}.gerbang.svelte-ksw3j1{padding-top:calc(52px + env(safe-area-inset-top))}.kalimat.svelte-ksw3j1{line-height:1.3}}.pelan.svelte-ksw3j1 .kata:where(.svelte-ksw3j1){animation-duration:.8s}@media (prefers-reduced-motion:reduce){.tk-tpl.svelte-ksw3j1 *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}