@font-face{font-family:GnbSerif;src:url(../../../tpl/gelang-nama-bayi/fonts/fraunces.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:GnbMono;src:url(../../../tpl/gelang-nama-bayi/fonts/dm-mono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GnbMono;src:url(../../../tpl/gelang-nama-bayi/fonts/dm-mono-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.gnb-tpl.svelte-jlszeq{--bedong:#fbf3ea;--bedong-2:#f3e6d8;--kertas:#fffaf4;--tinta:#3a3550;--tinta-2:#665f75;--mawar:#9a5068;--krem:#fff8f0;--serif:"GnbSerif", "Fraunces", Georgia, serif;--mono:"GnbMono", "DM Mono", ui-monospace, monospace;width:100%;min-height:100dvh;color:var(--tinta);font-family:var(--serif);-webkit-text-size-adjust:100%;background:#eadfd3;justify-content:center;align-items:center;font-weight:400;display:flex;position:relative}.app.svelte-jlszeq{isolation:isolate;background:radial-gradient(90% 50% at 50% 42%, var(--gelang-muda) 0%, transparent 70%), repeating-linear-gradient(0deg, #9a506809 0 14px, transparent 14px 28px), repeating-linear-gradient(90deg, #9a506809 0 14px, transparent 14px 28px), var(--bedong);width:100%;max-width:460px;height:100dvh;max-height:940px;position:relative;overflow:hidden}@media (width>=520px){.app.svelte-jlszeq{border-radius:26px;box-shadow:0 30px 80px #3a355040}}.layar.svelte-jlszeq{z-index:5;flex-direction:column;align-items:center;min-width:0;display:flex;position:absolute;inset:0}.layar.gulir.svelte-jlszeq{overscroll-behavior:contain;overflow-y:auto}.isi.svelte-jlszeq{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-jlszeq:before,.isi.svelte-jlszeq:after{content:"";flex:1 1 0}.naik.svelte-jlszeq{animation:.8s cubic-bezier(.2,.8,.2,1) both svelte-jlszeq-gnb-naik;animation-delay:var(--d,0s)}@keyframes svelte-jlszeq-gnb-naik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mata.svelte-jlszeq{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:13px;font-weight:500}.judul.svelte-jlszeq{text-align:center;overflow-wrap:anywhere;max-width:100%;margin:8px 0 0;font-size:clamp(28px,8.4vw,36px);font-weight:500;line-height:1.12}.kecil.svelte-jlszeq{color:var(--tinta-2);text-align:center;margin:10px 0 0;font-size:15px}.tombol.svelte-jlszeq{border:1.5px solid var(--tinta);min-height:46px;color:var(--tinta);font-family:var(--serif);cursor:pointer;touch-action:manipulation;background:#fffaf499;border-radius:999px;padding:10px 24px;font-size:17px;font-weight:600;transition:transform .15s}.tombol.utama.svelte-jlszeq{background:var(--mawar);border-color:var(--mawar);color:var(--krem);box-shadow:0 6px 16px #9a506847}.tombol.svelte-jlszeq:active{transform:translateY(1px)}.svelte-jlszeq:focus-visible{outline:2px solid var(--mawar);outline-offset:3px}.baris-aksi.svelte-jlszeq{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.gelang-layar.svelte-jlszeq{padding:56px 20px calc(22px + env(safe-area-inset-bottom));justify-content:space-between}.kepala.svelte-jlszeq{text-align:center;flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.nama.svelte-jlszeq{overflow-wrap:anywhere;max-width:100%;margin:8px 0 0;font-size:clamp(34px,10vw,46px);font-weight:600;line-height:1.05}.hero.svelte-jlszeq{overflow-wrap:anywhere;max-width:100%;color:var(--tinta);margin:6px 0 0;font-size:clamp(28px,8.6vw,40px);font-weight:600;line-height:1.1}.sub-hero.svelte-jlszeq{max-width:30ch;color:var(--tinta-2);overflow-wrap:anywhere;margin:8px 0 0;font-size:19px;line-height:1.4}.ket.svelte-jlszeq{max-width:26ch;color:var(--tinta-2);margin:10px 0 0;font-size:19px;line-height:1.4}.pil.svelte-jlszeq{background:#fffaf4eb;border-radius:999px;margin:12px 0 0;padding:6px 16px;font-size:17px;font-weight:600;box-shadow:0 3px 12px #3a35501f}.panggung.svelte-jlszeq{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;container-type:size}.panggung.siap.svelte-jlszeq{cursor:grab}.ayun.svelte-jlszeq{aspect-ratio:320/330;width:min(360px,100cqw,97cqh);min-width:170px;position:relative}.gelang-layar.svelte-jlszeq:not(.menarik) .ayun:where(.svelte-jlszeq){animation:3.4s ease-in-out infinite svelte-jlszeq-gnb-ayun}@keyframes svelte-jlszeq-gnb-ayun{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-6px)rotate(1deg)}}.ayun.terkunci.svelte-jlszeq:not(.tenang){animation:.7s cubic-bezier(.3,1.6,.5,1) both svelte-jlszeq-gnb-klik}@keyframes svelte-jlszeq-gnb-klik{0%{transform:scale(1)}35%{transform:scale(.95)}to{transform:scale(1)}}.gambar-gelang.svelte-jlszeq{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.terkunci.svelte-jlszeq .kancing:where(.svelte-jlszeq){animation:.6s cubic-bezier(.3,1.8,.5,1) both svelte-jlszeq-gnb-kancing}@keyframes svelte-jlszeq-gnb-kancing{0%{transform:scale(1.5)}to{transform:scale(1)}}.tag.svelte-jlszeq{z-index:2;background:var(--kertas);width:64%;box-shadow:0 0 0 3px var(--gelang), 0 0 0 4.5px var(--gelang-gelap), 0 8px 18px #3a355029;border-radius:10px;min-width:0;margin-left:-32%;position:absolute;left:50%;overflow:hidden}.tag.padat.svelte-jlszeq{width:80%;margin-left:-40%}.padat.svelte-jlszeq .tag-isi:where(.svelte-jlszeq){padding:6px 9px 7px;font-size:10.5px}.padat.svelte-jlszeq .tag-isi:where(.svelte-jlszeq) .tag-nama:where(.svelte-jlszeq){font-size:13.5px}.tag-kepala.svelte-jlszeq{background:var(--gelang-muda);border-bottom:1px dashed var(--gelang-gelap);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta);justify-content:space-between;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:500;display:flex}.tag-kepala.svelte-jlszeq svg:where(.svelte-jlszeq){width:13px;height:12px;color:var(--mawar);flex-shrink:0}.tag-isi.svelte-jlszeq{font-family:var(--mono);grid-template-columns:auto minmax(0,1fr);gap:3px 8px;margin:0;padding:8px 10px 9px;font-size:12px;line-height:1.3;display:grid}.tag-isi.svelte-jlszeq dt:where(.svelte-jlszeq){color:var(--tinta-2);letter-spacing:.08em;text-transform:uppercase;padding-top:1px;font-size:10.5px}.tag-isi.svelte-jlszeq dd:where(.svelte-jlszeq){overflow-wrap:anywhere;min-width:0;color:var(--tinta);margin:0;font-weight:500}.tag-isi.svelte-jlszeq .tag-nama:where(.svelte-jlszeq){font-family:var(--serif);font-size:17px;font-weight:600;line-height:1.15}.kosong.svelte-jlszeq{color:#3a35504d;letter-spacing:.05em}.cetak.svelte-jlszeq dd:where(.svelte-jlszeq) span:where(.svelte-jlszeq){animation:.75s steps(14,end) both svelte-jlszeq-gnb-cetak;animation-delay:calc(.35s + var(--i) * .32s);display:inline-block}@keyframes svelte-jlszeq-gnb-cetak{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -4% 0 0)}}.pegangan.svelte-jlszeq{z-index:3;width:46px;height:46px;color:var(--mawar);pointer-events:none;background:#fffaf4f5;border-radius:50%;place-items:center;margin:-23px 0 0 -23px;display:grid;position:absolute;box-shadow:0 4px 14px #3a355040}.pegangan.svelte-jlszeq:after{content:"";border:2px solid var(--gelang-gelap);border-radius:50%;animation:1.6s ease-out infinite svelte-jlszeq-gnb-denyut;position:absolute;inset:-6px}@keyframes svelte-jlszeq-gnb-denyut{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.pegangan.svelte-jlszeq svg:where(.svelte-jlszeq){width:22px;height:22px}.bunyi-klik.svelte-jlszeq{z-index:4;background:var(--kertas);font-family:var(--mono);color:var(--mawar);pointer-events:none;border-radius:999px;margin:-46px 0 0 -40px;padding:3px 10px;font-size:14px;font-weight:500;animation:1.5s ease-out both svelte-jlszeq-gnb-bunyi;position:absolute;box-shadow:0 3px 10px #3a35502e}@keyframes svelte-jlszeq-gnb-bunyi{0%{opacity:0;transform:translateY(8px)scale(.6)}18%{opacity:1;transform:translateY(0)scale(1.08)}70%{opacity:1;transform:translateY(-4px)scale(1)}to{opacity:0;transform:translateY(-14px)scale(1)}}.kilau.svelte-jlszeq{z-index:3;pointer-events:none;position:absolute;inset:0}.kilau.svelte-jlszeq span:where(.svelte-jlszeq){width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:svelte-jlszeq-gnb-kilau 1.6s calc(.15s + var(--dl)) ease-out both;background:#e8b860;position:absolute}@keyframes svelte-jlszeq-gnb-kilau{0%{opacity:0;transform:scale(.2)rotate(0)}35%{opacity:1;transform:scale(1.1)rotate(30deg)}to{opacity:0;transform:scale(.6)rotate(70deg)}}.bawah.svelte-jlszeq{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:92px;display:flex}.meter.svelte-jlszeq{background:#3a35501f;border-radius:5px;width:min(220px,70%);height:5px;overflow:hidden}.meter.svelte-jlszeq span:where(.svelte-jlszeq){background:var(--gelang-gelap);transform-origin:0;height:100%;display:block}.lahir.svelte-jlszeq{text-align:center;color:var(--tinta);max-width:100%;margin:0 0 12px;font-size:16px;line-height:1.4}.umur.svelte-jlszeq{color:var(--tinta-2)}.surat.svelte-jlszeq{background:var(--kertas);width:min(370px,100%);box-shadow:inset 0 0 0 8px var(--kertas), inset 0 0 0 10px var(--gelang-muda), 0 14px 34px #3a355024;outline:1.5px dashed var(--gelang-gelap);outline-offset:-16px;border-radius:18px;min-width:0;padding:34px 24px 26px;position:relative}.jepit.svelte-jlszeq{background:var(--gelang);border-radius:12px;width:110px;height:24px;margin-left:-55px;position:absolute;top:-12px;left:50%;box-shadow:0 3px 8px #3a355026}.jepit.svelte-jlszeq:before{content:"";width:14px;height:14px;box-shadow:0 0 0 2px var(--gelang-gelap);background:#fdf8f1;border-radius:50%;position:absolute;top:5px;left:12px}.jepit.svelte-jlszeq:after{content:"";background:radial-gradient(circle, var(--gelang-gelap) 2.5px, transparent 3px) 0 0 / 11px 6px repeat-x;width:34px;height:6px;position:absolute;top:9px;right:14px}.surat-judul.svelte-jlszeq{text-align:center;overflow-wrap:anywhere;margin:0;font-size:clamp(26px,7.6vw,32px);font-weight:600;line-height:1.15}.sapa.svelte-jlszeq{overflow-wrap:anywhere;margin:18px 0 0;font-size:18px;font-weight:600}.par.svelte-jlszeq{overflow-wrap:anywhere;margin:10px 0 0;font-size:18px;line-height:1.6}.ttd.svelte-jlszeq{text-align:right;color:var(--mawar);overflow-wrap:anywhere;margin:18px 0 0;font-size:22px;font-weight:600}.surat.svelte-jlszeq+.tombol:where(.svelte-jlszeq){margin-top:22px}.jalur.svelte-jlszeq{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:14px;width:calc(100% + 44px);margin:18px -22px 0;padding:10px 9% 16px;display:flex;overflow-x:auto}.jalur.svelte-jlszeq::-webkit-scrollbar{display:none}.cetakan.svelte-jlszeq{background:var(--kertas);scroll-snap-align:center;max-width:300px;transform:rotate(var(--m));border-radius:6px;flex:0 0 80%;min-width:0;margin:0;padding:12px 12px 14px;box-shadow:0 10px 22px #3a355029}.cetakan.svelte-jlszeq img:where(.svelte-jlszeq){aspect-ratio:4/5;object-fit:cover;background:var(--bedong-2);border-radius:3px;width:100%;min-height:180px;max-height:calc(100dvh - 350px);display:block}.cetakan.svelte-jlszeq figcaption:where(.svelte-jlszeq){background:var(--gelang-muda);text-align:center;overflow-wrap:anywhere;border-radius:999px;margin-top:10px;padding:4px 10px;font-size:16px;line-height:1.35}.titik.svelte-jlszeq{gap:7px;margin-top:2px;display:flex}.titik.svelte-jlszeq span:where(.svelte-jlszeq){background:#3a355033;border-radius:50%;width:7px;height:7px;transition:background .3s}.titik.svelte-jlszeq span.aktif:where(.svelte-jlszeq){background:var(--mawar)}.bingkai-video.svelte-jlszeq{background:var(--kertas);width:100%;max-width:380px;box-shadow:0 0 0 3px var(--gelang), 0 10px 24px #3a355029;border-radius:14px;margin:18px 0 20px;padding:12px}.bingkai-video.potret.svelte-jlszeq{max-width:min(240px,64vw)}.benang.svelte-jlszeq{aspect-ratio:320/140;width:min(380px,100%);margin-top:10px;position:relative;container-type:inline-size}.benang.svelte-jlszeq svg:where(.svelte-jlszeq){width:100%;height:100%;position:absolute;inset:0;overflow:visible}.manik.svelte-jlszeq{width:calc(var(--s) * 1%);aspect-ratio:1;margin:calc(var(--s) * -0.5%) 0 0 calc(var(--s) * -0.5%);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;animation:.9s cubic-bezier(.25,.8,.3,1) both svelte-jlszeq-gnb-manik;position:absolute}.manik.svelte-jlszeq:before{content:"";position:absolute;inset:-8px}@keyframes svelte-jlszeq-gnb-manik{0%{opacity:0;transform:translate(calc(var(--dx) * 1cqw), calc(var(--dy) * 1cqw)) rotate(160deg)}30%{opacity:1}to{opacity:1;transform:none}}.manik-bulat.svelte-jlszeq{background:radial-gradient(circle at 34% 30%, #fffaf4 0 12%, var(--w) 46%);width:100%;height:100%;font-family:var(--serif);font-weight:700;font-size:calc(var(--s) * .42cqw);color:var(--tinta);border-radius:50%;place-items:center;transition:transform .35s cubic-bezier(.3,1.5,.5,1);display:grid;overflow:hidden;box-shadow:inset -3px -4px 6px #3a355024,0 3px 6px #3a35502e}.manik-bulat.svelte-jlszeq img:where(.svelte-jlszeq){object-fit:cover;width:100%;height:100%}.manik.aktif.svelte-jlszeq{z-index:2}.manik.aktif.svelte-jlszeq .manik-bulat:where(.svelte-jlszeq){box-shadow:0 0 0 3px var(--mawar), 0 6px 14px #3a355040;transform:scale(1.32)}.kartu-doa.svelte-jlszeq{background:var(--kertas);width:min(360px,100%);box-shadow:0 0 0 1.5px var(--gelang), 0 10px 24px #3a35501f;border-radius:16px;min-width:0;margin-top:18px;padding:18px 20px 16px;animation:.55s both svelte-jlszeq-gnb-naik}.doa-foto.svelte-jlszeq{object-fit:cover;border-radius:10px;width:100%;max-height:220px;margin-bottom:8px;display:block}.doa-ket.svelte-jlszeq{color:var(--tinta-2);overflow-wrap:anywhere;margin:0 0 8px;font-size:15px}.doa-pesan.svelte-jlszeq{overflow-wrap:anywhere;margin:0;font-size:19px;line-height:1.5}.doa-nama.svelte-jlszeq{font-family:var(--mono);letter-spacing:.06em;text-align:right;color:var(--mawar);overflow-wrap:anywhere;margin:8px 0 0;font-size:14px;font-weight:500}.penutup.svelte-jlszeq{background:radial-gradient(100% 60% at 50% 0%, var(--gelang-muda) 0%, transparent 75%), var(--bedong)}.gelang-kecil.svelte-jlszeq{background:var(--gelang);border-radius:999px;align-items:center;gap:10px;min-width:0;max-width:100%;padding:8px 16px 8px 10px;display:flex;box-shadow:0 6px 14px #3a355024}.gk-kancing.svelte-jlszeq{width:20px;height:20px;box-shadow:0 0 0 2px var(--gelang-gelap);background:#fdf8f1;border-radius:50%;flex-shrink:0}.gk-nama.svelte-jlszeq{background:var(--kertas);font-family:var(--mono);overflow-wrap:anywhere;border-radius:6px;min-width:0;padding:3px 12px;font-size:14px;font-weight:500}.gk-lubang.svelte-jlszeq{flex-shrink:0;gap:5px;display:flex}.gk-lubang.svelte-jlszeq i:where(.svelte-jlszeq){background:var(--gelang-gelap);border-radius:50%;width:6px;height:6px}.penutup-judul.svelte-jlszeq{text-align:center;overflow-wrap:anywhere;max-width:100%;margin:20px 0 0;font-size:clamp(30px,8.8vw,40px);font-weight:600;line-height:1.12}.penutup-pesan.svelte-jlszeq{text-align:center;white-space:pre-line;overflow-wrap:anywhere;max-width:30ch;margin:14px 0 0;font-size:19px;line-height:1.6}.penutup-ttd.svelte-jlszeq{color:var(--mawar);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:16px 0 0;font-size:24px;font-weight:600}.penutup-ttd.svelte-jlszeq:before{content:"";background:var(--gelang-gelap);width:40px;height:1.5px;margin:0 auto 10px;display:block}.bareng.svelte-jlszeq{text-align:center;max-width:100%;color:var(--tinta-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:16px;display:flex}.avatar-tumpuk.svelte-jlszeq{display:inline-flex}.avatar-tumpuk.svelte-jlszeq .teman-avatar{border:2px solid var(--bedong);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-jlszeq .teman-avatar:first-child{margin-left:0}.balas-akhir.svelte-jlszeq{width:100%;color:var(--tinta);justify-content:center;margin-top:22px;display:flex}.layar.svelte-jlszeq:has(.balas-akhir:where(.svelte-jlszeq) .lapis){z-index:60}.app.svelte-jlszeq .music-toggle{top:calc(12px + env(safe-area-inset-top));z-index:20;position:absolute;bottom:auto;right:12px}@media (height<=700px){.gelang-layar.svelte-jlszeq{padding-top:48px}.nama.svelte-jlszeq{font-size:clamp(30px,9vw,40px)}.hero.svelte-jlszeq{font-size:clamp(26px,8vw,34px)}.ket.svelte-jlszeq,.sub-hero.svelte-jlszeq{font-size:17px}.bawah.svelte-jlszeq{min-height:80px}}@media (prefers-reduced-motion:reduce){.gnb-tpl.svelte-jlszeq *{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}