@font-face{font-family:TgJudul;src:url(../../../tpl/toples-surat-gulung/fonts/young-serif.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TgTangan;src:url(../../../tpl/toples-surat-gulung/fonts/patrick-hand.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.tg-tpl.svelte-1cu9k9i{--malam:#2a2433;--malam-2:#3a3046;--lampu:#f2c47a;--lampu-2:#e7a95b;--kayu:#6e4a33;--kayu-2:#553826;--kertas:#f7efe1;--kertas-2:#ebdcc2;--tinta:#3a2f3d;--tinta-2:#6b5e68;--teks:#f4ead8;--teks-2:#d4c6d2;--judul:"TgJudul", "Young Serif", Georgia, serif;--tangan:"TgTangan", "Patrick Hand", "Comic Sans MS", cursive;width:100%;min-height:100dvh;color:var(--teks);font-family:var(--tangan);-webkit-text-size-adjust:100%;background:#1e1a25;justify-content:center;align-items:center;display:flex;position:relative}.tg-defs.svelte-1cu9k9i{width:0;height:0;position:absolute;overflow:hidden}.tg-app.svelte-1cu9k9i{isolation:isolate;background:radial-gradient(70% 45% at 18% 8%, #f2c47a4d, transparent 70%), radial-gradient(120% 70% at 50% 100%, #3a3046e6, transparent 70%), linear-gradient(180deg, #312a3c, var(--malam) 60%);width:100%;max-width:460px;height:100dvh;max-height:940px;position:relative;overflow:hidden}@media (width>=520px){.tg-app.svelte-1cu9k9i{border-radius:26px;box-shadow:0 30px 80px #00000080}}.tg-cahaya.svelte-1cu9k9i{pointer-events:none;background:radial-gradient(60% 55% at 12% 6%,#f2c47a3d,#0000);width:100%;height:60%;animation:6s ease-in-out infinite alternate svelte-1cu9k9i-tg-napas;position:absolute;top:0;left:0}@keyframes svelte-1cu9k9i-tg-napas{0%{opacity:.7}to{opacity:1}}.tg-meja.svelte-1cu9k9i{background:repeating-linear-gradient(178deg, transparent 0 9px, #28180e2e 9px 10px, transparent 10px 23px), linear-gradient(180deg, #7d553b, var(--kayu) 30%, var(--kayu-2));height:24%;transition:opacity .6s;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 3px #ffdcaa2e}.tg-app.redup.svelte-1cu9k9i .tg-meja:where(.svelte-1cu9k9i){opacity:.35}.tg-layar.svelte-1cu9k9i{z-index:5;flex-direction:column;align-items:center;min-width:0;display:flex;position:absolute;inset:0}.tg-gulir.svelte-1cu9k9i{overscroll-behavior:contain;overflow-y:auto}.tg-isi.svelte-1cu9k9i{width:100%;min-height:100%;padding:58px 18px calc(30px + env(safe-area-inset-bottom));flex-direction:column;flex-shrink:0;align-items:center;min-width:0;display:flex}.tg-naik.svelte-1cu9k9i{animation:.8s cubic-bezier(.2,.8,.2,1) both svelte-1cu9k9i-tg-naik;animation-delay:var(--d,0s)}@keyframes svelte-1cu9k9i-tg-naik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tg-mata.svelte-1cu9k9i{font-family:var(--tangan);letter-spacing:.04em;color:var(--lampu);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:19px}.tg-judul.svelte-1cu9k9i{font-family:var(--judul);color:var(--teks);overflow-wrap:anywhere;max-width:100%;margin:2px 0 0;font-size:clamp(26px,7.4vw,32px);font-weight:400;line-height:1.1}.tg-kecil.svelte-1cu9k9i{color:var(--teks-2);text-align:center;margin:8px 0 0;font-size:17px}.tg-kecil.kiri.svelte-1cu9k9i{text-align:left;margin-top:2px}.tg-tombol.svelte-1cu9k9i{min-height:48px;color:var(--teks);font-family:var(--tangan);cursor:pointer;touch-action:manipulation;background:#2a24338c;border:2px solid #f4ead8b3;border-radius:999px;padding:8px 22px;font-size:20px;line-height:1.1;transition:transform .15s}.tg-tombol.utama.svelte-1cu9k9i{background:var(--lampu);border-color:var(--lampu);color:#3b2508;box-shadow:0 4px #b9823c,0 10px 24px #00000059}.tg-tombol.terang.svelte-1cu9k9i{background:#2a2433bf}.tg-tombol.svelte-1cu9k9i:active{transform:translateY(2px)}.tg-tpl.svelte-1cu9k9i :where(.svelte-1cu9k9i):focus-visible{outline:3px solid var(--lampu);outline-offset:3px}.tg-baris-aksi.svelte-1cu9k9i{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.tg-toples-layar.svelte-1cu9k9i{padding:54px 18px calc(18px + env(safe-area-inset-bottom));justify-content:space-between}.tg-kepala.svelte-1cu9k9i{text-align:center;flex-direction:column;align-items:center;width:100%;min-width:0;min-height:64px;display:flex}.tg-nama.svelte-1cu9k9i{font-family:var(--judul);color:var(--teks);text-shadow:0 0 28px #f2c47a59;overflow-wrap:anywhere;max-width:100%;margin:2px 0 0;font-size:clamp(40px,12.5vw,56px);font-weight:400;line-height:1.02}.tg-nama.panjang.svelte-1cu9k9i{font-size:clamp(28px,8.4vw,38px);line-height:1.1}.tg-ket.svelte-1cu9k9i{max-width:30ch;color:var(--teks-2);margin:10px 0 0;font-size:20px;line-height:1.3}.tg-pil.svelte-1cu9k9i{background:#f4ead81a;border:1px solid #f4ead84d;border-radius:999px;margin:8px 0 0;padding:4px 18px;font-size:20px;transition:background .2s,color .2s}.tg-pil.hampir.svelte-1cu9k9i{background:var(--lampu);color:#3b2508}.tg-panggung.svelte-1cu9k9i{flex:auto;justify-content:center;align-items:flex-end;width:100%;min-height:0;padding-bottom:4%;display:flex;position:relative;container-type:size}.tg-papan.svelte-1cu9k9i{aspect-ratio:200/260;-webkit-user-select:none;user-select:none;width:min(270px,100cqw,72cqh);position:relative}.tg-papan.pok.svelte-1cu9k9i{animation:.5s svelte-1cu9k9i-tg-goyang}@keyframes svelte-1cu9k9i-tg-goyang{30%{transform:rotate(-2deg)}60%{transform:rotate(1.5deg)}}.tg-toples.svelte-1cu9k9i{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tg-bayang.svelte-1cu9k9i{background:radial-gradient(closest-side,#140a068c,#0000);border-radius:50%;height:9%;position:absolute;top:92%;left:6%;right:6%}.tg-isi-g.svelte-1cu9k9i{transform:translate(var(--x), var(--y)) rotate(var(--r))}.tg-isi-g.loncat.svelte-1cu9k9i{animation:1.1s cubic-bezier(.3,.6,.3,1) both svelte-1cu9k9i-tg-loncat;animation-delay:calc(var(--i) * 45ms)}@keyframes svelte-1cu9k9i-tg-loncat{0%{transform:translate(var(--x), var(--y)) rotate(var(--r))}35%{transform:translate(var(--x), calc(var(--y) - 130px)) rotate(calc(var(--r) * -6))}to{transform:translate(var(--x), calc(var(--y) - 360px)) rotate(calc(var(--r) * -12));opacity:0}}.tg-label-toples.svelte-1cu9k9i{background:var(--kertas);max-width:46%;color:var(--tinta);border-radius:3px 10px 10px 3px;padding:5px 10px 6px;font-size:clamp(13px,4vw,16px);line-height:1.1;position:absolute;top:34%;left:22%;transform:rotate(-6deg);box-shadow:0 3px 8px #0000004d}.tg-gabus.svelte-1cu9k9i{aspect-ratio:64/40;width:32%;transform:translateY(var(--ty)) rotate(var(--rot));transform-origin:50% 100%;touch-action:none;cursor:grab;z-index:2;position:absolute;top:6.5%;left:34%}.tg-gabus.halus.svelte-1cu9k9i{transition:transform .55s cubic-bezier(.3,1.6,.5,1)}.tg-gabus.svelte-1cu9k9i svg:where(.svelte-1cu9k9i){filter:drop-shadow(0 4px 4px #00000059);width:100%;height:100%;display:block}.tg-gabus.lepas.svelte-1cu9k9i{pointer-events:none;animation:1s cubic-bezier(.2,.7,.3,1) forwards svelte-1cu9k9i-tg-gabus-lepas}@keyframes svelte-1cu9k9i-tg-gabus-lepas{0%{transform:translateY(var(--ty)) rotate(var(--rot))}45%{transform:translate(40px,-150px)rotate(160deg)}to{opacity:0;transform:translate(120px,40px)rotate(330deg)}}.tg-pok.svelte-1cu9k9i{font-family:var(--judul);color:var(--lampu);pointer-events:none;font-size:30px;animation:1s ease-out forwards svelte-1cu9k9i-tg-pok;position:absolute;top:-2%;left:50%}@keyframes svelte-1cu9k9i-tg-pok{0%{opacity:0;transform:translate(-50%)scale(.4)}25%{opacity:1;transform:translate(-50%,-18px)scale(1.15)}to{opacity:0;transform:translate(-50%,-40px)scale(1)}}.tg-bawah.svelte-1cu9k9i{z-index:3;flex-direction:column;align-items:center;min-height:80px;display:flex;position:relative}.tg-bawah.svelte-1cu9k9i .tg-kecil:where(.svelte-1cu9k9i){color:#f0e3cf;text-shadow:0 1px 3px #0009}.tg-pilih.svelte-1cu9k9i .tg-isi:where(.svelte-1cu9k9i){justify-content:flex-start;padding-top:56px}.tg-pilih.terkunci.svelte-1cu9k9i{overflow:hidden}.tg-kepala-pilih.svelte-1cu9k9i{align-items:center;gap:12px;width:100%;min-width:0;max-width:400px;animation:.7s both svelte-1cu9k9i-tg-naik;display:flex}.tg-kepala-pilih.svelte-1cu9k9i .tg-mata:where(.svelte-1cu9k9i){text-align:left}.tg-toples-kecil.svelte-1cu9k9i{flex:none;width:58px}.tg-kepala-teks.svelte-1cu9k9i{flex:auto;min-width:0}.tg-meja-grid.svelte-1cu9k9i{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;width:100%;max-width:400px;margin:18px 0 0;padding:0;list-style:none;display:grid}.tg-meja-grid.satu.svelte-1cu9k9i{grid-template-columns:minmax(0,220px);justify-content:center}.tg-meja-grid.svelte-1cu9k9i li:where(.svelte-1cu9k9i){min-width:0;animation:.7s cubic-bezier(.25,1.4,.5,1) both svelte-1cu9k9i-tg-jatuh;animation-delay:calc(.15s + var(--i) * 70ms)}@keyframes svelte-1cu9k9i-tg-jatuh{0%{opacity:0;transform:translateY(-46px)rotate(-8deg)}to{opacity:1;transform:none}}.tg-gulung.svelte-1cu9k9i{width:100%;min-height:118px;color:var(--teks);font-family:var(--tangan);cursor:pointer;touch-action:manipulation;background:#f4ead80f;border:1.5px solid #f4ead829;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;transition:transform .2s,background .2s;display:flex;position:relative}.tg-gulung.svelte-1cu9k9i:hover{background:#f4ead81f}.tg-gulung.svelte-1cu9k9i:active{transform:scale(.97)}.tg-gulung-gbr.svelte-1cu9k9i{width:88%;display:block}.tg-gulung-gbr.svelte-1cu9k9i svg,.tg-ikat-gulung.svelte-1cu9k9i svg{filter:drop-shadow(0 5px 6px #00000059);width:100%;height:auto;display:block}.tg-gulung.svelte-1cu9k9i:not(.sudah) .tg-gulung-gbr:where(.svelte-1cu9k9i){animation:3.4s ease-in-out infinite svelte-1cu9k9i-tg-ayun;animation-delay:calc(var(--i,0) * -.7s)}@keyframes svelte-1cu9k9i-tg-ayun{50%{transform:rotate(-2deg)translateY(-2px)}}.tg-tag.svelte-1cu9k9i{background:var(--kertas);max-width:100%;color:var(--tinta);border-left:5px solid var(--pita);border-radius:4px;flex-direction:column;align-items:center;min-width:0;margin-top:2px;padding:5px 12px 6px;display:flex;position:relative;transform:rotate(-2deg);box-shadow:0 3px 8px #0000004d}.tg-tag-mata.svelte-1cu9k9i{color:var(--tinta-2);font-size:14px;line-height:1}.tg-tag-label.svelte-1cu9k9i{color:var(--tinta-k);text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:19px;line-height:1.1}.tg-gulung.sudah.svelte-1cu9k9i .tg-tag:where(.svelte-1cu9k9i){opacity:.8}.tg-cap.svelte-1cu9k9i{border:1.5px solid var(--lampu);color:var(--lampu);border-radius:999px;margin-top:6px;padding:1px 10px;font-size:15px;transform:rotate(-3deg)}.tg-lapis.svelte-1cu9k9i{z-index:30;overscroll-behavior:contain;background:#1a1520ed;outline:none;animation:.35s both svelte-1cu9k9i-tg-pudar;position:absolute;inset:0;overflow-y:auto}@keyframes svelte-1cu9k9i-tg-pudar{0%{opacity:0}to{opacity:1}}.tg-lapis-gulir.svelte-1cu9k9i{min-height:100%;padding:58px 16px calc(28px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;display:flex}.tg-pengantar.svelte-1cu9k9i{cursor:pointer}.tg-kertas.svelte-1cu9k9i{width:100%;max-width:390px;color:var(--tinta);background:repeating-linear-gradient(180deg, transparent 0 31px, #78648229 31px 32px), linear-gradient(180deg, var(--kertas), var(--kertas-2));border-radius:6px;min-width:0;padding:26px 22px 22px;position:relative;box-shadow:0 18px 40px #00000073,inset 0 0 30px #aa8c5a2e}.tg-kertas.svelte-1cu9k9i:before,.tg-kertas.svelte-1cu9k9i:after{content:"";background:linear-gradient(#e9dbc0,#fbf4e7 50%,#d8c4a0);border-radius:8px;height:14px;position:absolute;left:-4px;right:-4px;box-shadow:0 2px 4px #0003}.tg-kertas.svelte-1cu9k9i:before{top:-7px}.tg-kertas.svelte-1cu9k9i:after{bottom:-7px}.tg-surat.svelte-1cu9k9i{transform-origin:50% 0;animation:.85s cubic-bezier(.3,.8,.3,1) both svelte-1cu9k9i-tg-gelar}@keyframes svelte-1cu9k9i-tg-gelar{0%{opacity:.6;transform:scaleY(.06)}to{opacity:1;transform:none}}.tg-kertas-mata.svelte-1cu9k9i{color:var(--tinta-2);margin:0;font-size:17px}.tg-kertas-judul.svelte-1cu9k9i{font-family:var(--judul);color:var(--tinta);overflow-wrap:anywhere;margin:2px 0 10px;font-size:24px;font-weight:400;line-height:1.2}.tg-kondisi.svelte-1cu9k9i{font-family:var(--judul);color:var(--tinta-k);overflow-wrap:anywhere;margin:0;font-size:clamp(26px,7.6vw,32px);font-weight:400;line-height:1.1}.tg-bisik.svelte-1cu9k9i{color:var(--tinta-2);margin:6px 0 0;font-size:17px;font-style:italic}.tg-kertas-isi.svelte-1cu9k9i{white-space:pre-line;overflow-wrap:anywhere;margin:14px 0 0;font-size:21px;line-height:1.52}.tg-ttd-dari.svelte-1cu9k9i{text-align:right;color:var(--tinta);overflow-wrap:anywhere;margin:18px 0 0;font-size:20px}.tg-nomor.svelte-1cu9k9i{color:var(--tinta-2);text-align:center;margin:10px 0 0;font-size:14px}.tg-pita-lepas.svelte-1cu9k9i{background:var(--pita);z-index:1;border-radius:0 0 3px 3px;width:14px;height:46px;position:absolute;top:-10px;left:22px;transform:rotate(-14deg);box-shadow:0 2px 5px #00000040}.tg-foto-selip.svelte-1cu9k9i{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:14px;margin-top:16px;display:grid}.tg-polaroid.svelte-1cu9k9i{transform:rotate(var(--r));background:#fffaf2;min-width:0;margin:0;padding:8px 8px 10px;box-shadow:0 6px 14px #3c281e47}.tg-polaroid.svelte-1cu9k9i img:where(.svelte-1cu9k9i){aspect-ratio:1;object-fit:cover;background:var(--kertas-2);width:100%;display:block}.tg-polaroid.svelte-1cu9k9i figcaption:where(.svelte-1cu9k9i){color:var(--tinta);text-align:center;overflow-wrap:anywhere;margin-top:6px;font-size:16px;line-height:1.2}.tg-ikat.svelte-1cu9k9i{flex-direction:column;align-items:center;width:100%;max-width:300px;display:flex;position:relative}.tg-ikat-gulung.svelte-1cu9k9i{width:100%;animation:.9s both svelte-1cu9k9i-tg-ikat-naik}@keyframes svelte-1cu9k9i-tg-ikat-naik{0%{opacity:0;transform:scale(.6)rotate(-6deg)}40%{opacity:1;transform:scale(1)rotate(0)}to{transform:scale(1.06)rotate(0)}}.tg-ikat-gulung.svelte-1cu9k9i .tg-pita-g{animation:.9s linear both svelte-1cu9k9i-tg-pita-hilang}@keyframes svelte-1cu9k9i-tg-pita-hilang{0%,38%{opacity:1}42%,to{opacity:0}}.tg-ikat-pita.svelte-1cu9k9i{background:var(--pita);border-radius:3px;width:10%;height:26%;margin-left:-5%;animation:.9s ease-in both svelte-1cu9k9i-tg-pita-lepas;position:absolute;top:2%;left:50%}@keyframes svelte-1cu9k9i-tg-pita-lepas{0%,35%{opacity:0;transform:none}45%{opacity:1}to{opacity:0;transform:translate(90px,70px)rotate(70deg)}}.tg-penutup.svelte-1cu9k9i .tg-isi:where(.svelte-1cu9k9i):before,.tg-penutup.svelte-1cu9k9i .tg-isi:where(.svelte-1cu9k9i):after{content:"";flex:1 1 0}.tg-toples-tutup.svelte-1cu9k9i{width:120px}.tg-toples-tutup.svelte-1cu9k9i svg:where(.svelte-1cu9k9i){width:100%;display:block;overflow:visible}.tg-penutup-judul.svelte-1cu9k9i{font-family:var(--judul);text-align:center;color:var(--teks);overflow-wrap:anywhere;max-width:100%;margin:14px 0 0;font-size:clamp(28px,8vw,36px);font-weight:400;line-height:1.12}.tg-penutup-pesan.svelte-1cu9k9i{text-align:center;max-width:34ch;color:var(--teks);white-space:pre-line;overflow-wrap:anywhere;margin:14px 0 0;font-size:21px;line-height:1.45}.tg-penutup-ttd.svelte-1cu9k9i{color:var(--lampu);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:14px 0 0;font-size:20px}.tg-video.svelte-1cu9k9i{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px;margin-top:22px;display:flex}.tg-bingkai-video.svelte-1cu9k9i{border:6px solid var(--kertas);background:var(--malam-2);border-radius:12px;width:100%;overflow:hidden;box-shadow:0 12px 30px #0006}.tg-bingkai-video.potret.svelte-1cu9k9i{max-width:240px}.tg-rekap.svelte-1cu9k9i{max-width:32ch;color:var(--teks-2);text-align:center;margin:20px 0 0;font-size:18px}.tg-penutup.svelte-1cu9k9i>.tg-isi:where(.svelte-1cu9k9i)>.tg-tombol:where(.svelte-1cu9k9i){margin-top:12px}.tg-balas.svelte-1cu9k9i{width:100%;color:var(--teks);justify-content:center;margin-top:22px;display:flex}.tg-layar.svelte-1cu9k9i:has(.tg-balas:where(.svelte-1cu9k9i) .lapis){z-index:60}.tg-app.svelte-1cu9k9i .music-toggle{top:calc(12px + env(safe-area-inset-top));z-index:40;position:absolute;bottom:auto;right:12px}@media (height<=700px){.tg-toples-layar.svelte-1cu9k9i{padding-top:46px}.tg-nama.svelte-1cu9k9i{font-size:clamp(34px,10vw,44px)}.tg-ket.svelte-1cu9k9i{font-size:18px}}@media (prefers-reduced-motion:reduce){.tg-tpl.svelte-1cu9k9i *{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}