@font-face{font-family:MkBulat;src:url(../../../tpl/mangkuk-surat-anabul/fonts/baloo2.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:MkTangan;src:url(../../../tpl/mangkuk-surat-anabul/fonts/gochi-hand.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.mk-tpl.svelte-223wc1{--dinding:#e6ead6;--dinding-2:#d9dfc5;--ubin:#d99470;--ubin-2:#c98262;--kertas:#fffaf0;--tinta:#2f3a2c;--tinta-2:#56604f;--daun:#4d6b4f;--daun-tua:#34503a;--mustard:#e2a93b;--enamel:#e98a7a;--kraft:#cfa574;--krem:#f7f1df;--garis:#4a3424;--bulat:"MkBulat", "Baloo 2", system-ui, sans-serif;--tangan:"MkTangan", "Gochi Hand", "Comic Sans MS", cursive;width:100%;min-height:100dvh;color:var(--tinta);font-family:var(--bulat);-webkit-text-size-adjust:100%;background:#d3d9bf;justify-content:center;align-items:center;display:flex;position:relative}.mk-app.svelte-223wc1{isolation:isolate;background:radial-gradient(90% 50% at 50% 28%, #f2f4e6 0%, transparent 70%), var(--dinding);width:100%;max-width:460px;height:100dvh;max-height:940px;position:relative;overflow:hidden}@media (width>=520px){.mk-app.svelte-223wc1{border-radius:26px;box-shadow:0 30px 80px #2f3a2c4d}}.mk-app.svelte-223wc1 h1:where(.svelte-223wc1),.mk-app.svelte-223wc1 h2:where(.svelte-223wc1){font-family:var(--bulat)}.mk-layar.svelte-223wc1{z-index:5;flex-direction:column;align-items:center;min-width:0;display:flex;position:absolute;inset:0}.mk-gulir.svelte-223wc1{overscroll-behavior:contain;background:radial-gradient(100% 60% at 50% 0%, #f2f4e6, transparent 70%), var(--dinding);overflow-y:auto}.mk-isi.svelte-223wc1{width:100%;min-height:100%;padding:60px 22px calc(30px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;min-width:0;display:flex}.mk-isi.svelte-223wc1:before,.mk-isi.svelte-223wc1:after{content:"";flex:1 1 0}.mk-naik.svelte-223wc1{animation:.8s cubic-bezier(.2,.8,.2,1) both svelte-223wc1-mk-naik;animation-delay:var(--d,0s)}@keyframes svelte-223wc1-mk-naik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mk-muncul.svelte-223wc1{animation:.7s cubic-bezier(.3,1.4,.5,1) both svelte-223wc1-mk-muncul;animation-delay:var(--d,0s)}@keyframes svelte-223wc1-mk-muncul{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.mk-mata-teks.svelte-223wc1{letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:14px;font-weight:700}.mk-judul.svelte-223wc1{text-align:center;overflow-wrap:anywhere;max-width:100%;margin:4px 0 0;font-size:clamp(27px,8vw,35px);font-weight:800;line-height:1.1}.mk-kecil.svelte-223wc1{color:var(--tinta-2);text-align:center;margin:10px 0 0;font-size:16px}.mk-tombol.svelte-223wc1{border:2px solid var(--daun);min-height:48px;color:var(--daun-tua);font-family:var(--bulat);cursor:pointer;touch-action:manipulation;background:#fffaf0cc;border-radius:16px;padding:8px 24px;font-size:18px;font-weight:700;transition:transform .15s}.mk-tombol.utama.svelte-223wc1{background:var(--daun);color:#f7f1df;box-shadow:0 4px 0 var(--daun-tua)}.mk-tombol.svelte-223wc1:active{transform:translateY(2px)}.svelte-223wc1:focus-visible{outline:2px solid var(--daun);outline-offset:3px}.mk-aksi.svelte-223wc1{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.mk-telapak.svelte-223wc1{width:100%;height:100%;display:block}.mk-mangkuk-layar.svelte-223wc1{padding:54px 18px calc(22px + env(safe-area-inset-bottom));justify-content:space-between}.mk-kepala-teks.svelte-223wc1{text-align:center;flex-direction:column;align-items:center;width:100%;min-width:0;min-height:112px;display:flex}.mk-nama.svelte-223wc1{overflow-wrap:anywhere;max-width:100%;margin:4px 0 0;font-size:clamp(32px,10vw,46px);font-weight:800;line-height:1.04}.mk-mata-nama.svelte-223wc1{letter-spacing:0;text-transform:none;color:var(--daun);font-size:20px}.mk-judul-besar.svelte-223wc1{overflow-wrap:anywhere;max-width:100%;margin:2px 0 0;font-size:clamp(25px,7.4vw,34px);font-weight:800;line-height:1.1}.mk-ket.svelte-223wc1{max-width:26ch;font-family:var(--tangan);color:var(--tinta-2);margin:8px 0 0;font-size:22px;line-height:1.25}.mk-pil.svelte-223wc1{background:#fffaf0f2;border-radius:999px;margin:10px 0 0;padding:6px 18px;font-size:17px;font-weight:700;box-shadow:0 3px 12px #2f3a2c24}.mk-panggung.svelte-223wc1{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;container-type:size}.mk-panggung.mk-siap-tuang.svelte-223wc1{cursor:grab}.mk-panggung.mk-siap-tuang.svelte-223wc1:active{cursor:grabbing}.mk-wadah.svelte-223wc1{--p:0;--sisa:1;aspect-ratio:100/110;border-radius:24px;width:min(370px,92vw,90.9091cqh - 5.45455px);min-width:150px;position:relative;overflow:hidden}.mk-ruang.svelte-223wc1{background:linear-gradient(#0000 61%,#b88a62 61% 64%,#0000 64%),repeating-linear-gradient(90deg,#0000 0 26px,#ffffff59 26px 28px),linear-gradient(#dbe2c6,#d2dabb);border-radius:24px;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #ffffff80,0 14px 30px #2f3a2c2e}.mk-lantai.svelte-223wc1{background:linear-gradient(180deg, #2f3a2c2e, transparent 22%), repeating-linear-gradient(90deg, transparent 0 19%, var(--ubin-2) 19% 20%), repeating-linear-gradient(180deg, transparent 0 31%, var(--ubin-2) 31% 33%), var(--ubin);border-radius:0 0 24px 24px;position:absolute;inset:64% 0 0}.mk-keset.svelte-223wc1{opacity:.85;background:repeating-linear-gradient(90deg,#e9d9b0 0 6px,#dcc79a 6px 12px);border-radius:50%;width:58%;height:12%;position:absolute;top:84%;left:40%}.mk-kantong.svelte-223wc1{aspect-ratio:80/100;transform-origin:50% 20%;z-index:4;width:30%;transition:transform .35s;position:absolute;top:26.5%;left:57%;transform:rotate(-118deg)}.mk-kantong.svelte-223wc1 svg:where(.svelte-223wc1){width:100%;height:100%;display:block;overflow:visible}.mk-kantong.svelte-223wc1 .mk-kantong-teks{font-family:var(--bulat);fill:#a4492f;font-size:15px;font-weight:800}.mk-fase-tuang.svelte-223wc1 .mk-kantong:where(.svelte-223wc1){animation:2.4s ease-in-out infinite svelte-223wc1-mk-siap-goyang}@keyframes svelte-223wc1-mk-siap-goyang{0%,to{transform:rotate(-118deg)}50%{transform:rotate(-124deg)}}.mk-menuang.svelte-223wc1 .mk-kantong:where(.svelte-223wc1){animation:.3s ease-in-out infinite alternate svelte-223wc1-mk-tuang-goyang}@keyframes svelte-223wc1-mk-tuang-goyang{0%{transform:rotate(-146deg)}to{transform:rotate(-152deg)}}.mk-fase-makan.svelte-223wc1 .mk-kantong:where(.svelte-223wc1),.mk-fase-siap.svelte-223wc1 .mk-kantong:where(.svelte-223wc1){opacity:0;transition:transform .6s ease-in,opacity .5s .1s;transform:translate(10%,-70%)rotate(-100deg)}.mk-aliran.svelte-223wc1{pointer-events:none;z-index:3;opacity:0;width:8%;height:40%;transition:opacity .15s;position:absolute;top:34%;left:69%}.mk-menuang.svelte-223wc1 .mk-aliran:where(.svelte-223wc1){opacity:1}.mk-jatuh.svelte-223wc1{animation:svelte-223wc1-mk-jatuh .7s var(--dl) linear infinite;animation-play-state:paused;position:absolute;inset:0}.mk-menuang.svelte-223wc1 .mk-jatuh:where(.svelte-223wc1){animation-play-state:running}.mk-jatuh.svelte-223wc1 i:where(.svelte-223wc1){left:calc(50% + var(--x) - 4px);background:var(--butir);width:8px;height:6px;box-shadow:inset 0 0 0 1px var(--butir-2);transform:rotate(var(--r));border-radius:45%;position:absolute;top:-4px}.mk-jatuh.svelte-223wc1 i.alt:where(.svelte-223wc1){background:var(--butir-2)}@keyframes svelte-223wc1-mk-jatuh{0%{transform:translateY(0)}to{transform:translateY(100%)}}.mk-mangkuk.svelte-223wc1{aspect-ratio:100/56;z-index:2;width:52%;position:absolute;top:70%;left:45%}.mk-mangkuk.svelte-223wc1 svg:where(.svelte-223wc1){width:100%;height:100%;display:block;overflow:visible}.mk-mangkuk.svelte-223wc1 .mk-isi{transform-box:view-box;transform-origin:50px 16px;transform:scaleY(calc(var(--p) * var(--sisa))) scaleX(calc(.6 + var(--p) * .4));opacity:min(1, calc(var(--p) * var(--sisa) * 6))}.mk-mangkuk.svelte-223wc1 .mk-hati{opacity:0;transition:opacity .6s}.mk-fase-siap.svelte-223wc1 .mk-mangkuk:where(.svelte-223wc1) .mk-hati{opacity:1}.mk-fase-siap.svelte-223wc1 .mk-mangkuk:where(.svelte-223wc1){animation:.7s cubic-bezier(.3,1.6,.5,1) both svelte-223wc1-mk-mangkuk-pop}@keyframes svelte-223wc1-mk-mangkuk-pop{0%{transform:none}60%{transform:translate(-6%,-14%)scale(1.36)}to{transform:translate(-6%,-10%)scale(1.3)}}.mk-anabul.svelte-223wc1{z-index:3;transform-origin:60% 100%;width:44%;transition:transform .6s cubic-bezier(.4,0,.3,1);position:absolute;top:46%;left:0}.mk-makan.svelte-223wc1{transform:translate(42%)rotate(14deg)}.mk-anabul-svg.svelte-223wc1{width:100%;height:auto;display:block;overflow:visible}.mk-anabul.svelte-223wc1 .mk-g{stroke:var(--garis);stroke-width:2.2px;stroke-linejoin:round}.mk-anabul.svelte-223wc1 .mk-ekor{transform-box:view-box;transform-origin:86px 112px;animation:1.6s ease-in-out infinite svelte-223wc1-mk-kibas}.mk-nunggu.svelte-223wc1 .mk-ekor,.mk-makan.svelte-223wc1 .mk-ekor{animation-duration:.45s}@keyframes svelte-223wc1-mk-kibas{0%,to{transform:rotate(0)}50%{transform:rotate(-12deg)}}.mk-anabul.svelte-223wc1 .mk-kepala{transform-box:view-box;transform-origin:60px 80px;transition:transform .4s}.mk-diam.svelte-223wc1 .mk-kepala{animation:3.4s ease-in-out infinite svelte-223wc1-mk-miring}@keyframes svelte-223wc1-mk-miring{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}.mk-makan.svelte-223wc1 .mk-kepala{animation:.32s ease-in-out infinite alternate svelte-223wc1-mk-kunyah}@keyframes svelte-223wc1-mk-kunyah{0%{transform:rotate(16deg)translateY(4px)}to{transform:rotate(22deg)translateY(9px)}}.mk-anabul.svelte-223wc1 .mk-lirik{transition:transform .3s}.mk-nunggu.svelte-223wc1 .mk-lirik{transform:translate(2.6px,-1.5px)}.mk-anabul.svelte-223wc1 .mk-mata{transform-box:fill-box;transform-origin:50%;animation:4.2s infinite svelte-223wc1-mk-kedip}@keyframes svelte-223wc1-mk-kedip{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.mk-makan.svelte-223wc1 .mk-mata{animation:none;transform:scaleY(.2)}.mk-polos.svelte-223wc1 .mk-mata{animation:none;transform:scale(1.18)}.mk-polos.svelte-223wc1 .mk-kepala{transform:rotate(-6deg)}.mk-anabul.svelte-223wc1 .mk-tangan{transform-box:view-box;transform-origin:70.5px 96px}.mk-gelembung.svelte-223wc1{border:2px solid var(--garis);width:max-content;max-width:min(220px,60vw);font-family:var(--tangan);color:var(--tinta);text-align:center;z-index:2;background:#fffaf0;border-radius:14px;margin:0 0 4px;padding:5px 12px;font-size:19px;line-height:1.15;position:absolute;bottom:100%;left:50%;transform:translate(-34%);box-shadow:0 3px #2f3a2c26}.mk-gelembung.svelte-223wc1:after{content:"";border-right:2px solid var(--garis);border-bottom:2px solid var(--garis);background:#fffaf0;width:10px;height:10px;margin-top:-5px;position:absolute;top:100%;left:30%;transform:rotate(45deg)}.mk-makan.svelte-223wc1 .mk-gelembung:where(.svelte-223wc1){transform:translate(-34%)rotate(-14deg)}.mk-bawah.svelte-223wc1{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:100px;display:flex}.mk-bawah.svelte-223wc1 .mk-aksi:where(.svelte-223wc1){margin-top:12px}.mk-meter.svelte-223wc1{background:#2f3a2c24;border-radius:8px;width:min(220px,70%);height:8px;overflow:hidden}.mk-meter.svelte-223wc1 span:where(.svelte-223wc1){background:var(--mustard);transform-origin:0;height:100%;display:block}.mk-catatan.svelte-223wc1{font-family:var(--tangan);color:var(--tinta-2);text-align:center;margin:0 0 12px;font-size:21px}.mk-surat.svelte-223wc1{background:var(--kertas);border-radius:6px 6px 18px;width:min(370px,100%);min-width:0;margin-top:14px;padding:26px 22px 22px;position:relative;overflow:hidden;transform:rotate(.6deg);box-shadow:0 14px 34px #2f3a2c29}.mk-noda.svelte-223wc1{pointer-events:none;border:5px solid #c982622e;border-radius:50%;width:110px;height:110px;position:absolute;top:-26px;right:-26px;box-shadow:-62px 120px 0 -52px #a8642f80,-80px 136px 0 -53px #a8642f73}.mk-surat-judul.svelte-223wc1{color:var(--daun);overflow-wrap:anywhere;margin:0;font-size:clamp(25px,7.4vw,31px);font-weight:800;line-height:1.12}.mk-sapa.svelte-223wc1{font-family:var(--tangan);overflow-wrap:anywhere;margin:14px 0 0;font-size:23px}.mk-par.svelte-223wc1{font-family:var(--tangan);overflow-wrap:anywhere;margin:6px 0 0;font-size:22px;line-height:1.4}.mk-ttd.svelte-223wc1{justify-content:flex-end;align-items:center;gap:10px;min-width:0;margin-top:18px;display:flex}.mk-ttd-teks.svelte-223wc1{text-align:right;min-width:0}.mk-ttd-salam.svelte-223wc1{font-family:var(--tangan);color:var(--tinta-2);margin:0;font-size:19px}.mk-ttd-nama.svelte-223wc1{color:var(--daun);overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:800;line-height:1.2}.mk-ttd.svelte-223wc1 .mk-ttd-cap{opacity:.8;flex:none;width:52px;height:52px;transform:rotate(-14deg)}.mk-surat.svelte-223wc1+.mk-tombol:where(.svelte-223wc1){margin-top:22px}.mk-kulkas.svelte-223wc1{background:linear-gradient(90deg,#f3f1e6,#fbfaf3 30%,#ecebdf);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;width:min(380px,100%);margin:18px 0 22px;padding:22px 16px 20px;display:grid;box-shadow:inset -10px 0 #dcdacb,0 12px 28px #2f3a2c29}.mk-kulkas.satu.svelte-223wc1{grid-template-columns:minmax(0,1fr);padding-inline:34px}.mk-foto.svelte-223wc1{transform:rotate(var(--rot));background:#fffdf6;min-width:0;margin:0;padding:6px 6px 8px;position:relative;box-shadow:0 4px 10px #2f3a2c2e}.mk-magnet.svelte-223wc1{background:radial-gradient(circle at 35% 35%, #ffffff80, transparent 45%), var(--m);z-index:2;border-radius:50%;width:20px;height:20px;margin-left:-10px;position:absolute;top:-9px;left:50%;box-shadow:0 2px 3px #2f3a2c4d}.mk-foto.svelte-223wc1 img:where(.svelte-223wc1){aspect-ratio:4/5;object-fit:cover;background:var(--dinding-2);width:100%;display:block}.mk-foto.svelte-223wc1 figcaption:where(.svelte-223wc1){font-family:var(--tangan);text-align:center;overflow-wrap:anywhere;padding:6px 2px 0;font-size:17px;line-height:1.2}.mk-tv.svelte-223wc1{background:#f3e6c8;border-radius:22px;width:100%;max-width:380px;margin:18px 0 20px;padding:12px;box-shadow:inset 0 0 0 3px #e2cfa4,0 12px 28px #2f3a2c33}.mk-tv.potret.svelte-223wc1{max-width:min(240px,64vw)}.mk-jadwal.svelte-223wc1{background:var(--kertas);border-left:8px solid var(--mustard);border-radius:14px;width:min(380px,100%);margin:18px 0 0;padding:10px 18px;list-style:none;box-shadow:0 12px 28px #2f3a2c24}.mk-jadwal.svelte-223wc1 li:where(.svelte-223wc1){border-bottom:1.5px dashed #2f3a2c29;grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:10px;min-width:0;padding:9px 0;display:grid}.mk-jadwal.svelte-223wc1 li:where(.svelte-223wc1):last-child{border-bottom:0}.mk-jam.svelte-223wc1{color:var(--daun);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.mk-kegiatan.svelte-223wc1{font-family:var(--tangan);overflow-wrap:anywhere;font-size:21px;line-height:1.25}.mk-jadwal.svelte-223wc1+.mk-kecil:where(.svelte-223wc1){margin-top:14px}.mk-kecil.svelte-223wc1+.mk-tombol:where(.svelte-223wc1){margin-top:16px}.mk-titipan.svelte-223wc1{grid-template-columns:minmax(0,1fr);gap:14px;width:min(360px,100%);margin-top:18px;display:grid}.mk-tempel.svelte-223wc1{background:var(--kertas-tempel);transform:rotate(var(--rot));min-width:0;padding:18px 16px 14px;animation:.6s cubic-bezier(.3,1.4,.5,1) both svelte-223wc1-mk-muncul;position:relative;box-shadow:0 8px 16px #2f3a2c24}.mk-tempel.svelte-223wc1:before{content:"";background:#ffffff8c;width:70px;height:18px;margin-left:-35px;position:absolute;top:-9px;left:50%;transform:rotate(-2deg)}.mk-tempel-foto.svelte-223wc1{object-fit:cover;width:100%;max-height:220px;margin-bottom:8px;display:block}.mk-tempel-ket.svelte-223wc1{color:var(--tinta-2);overflow-wrap:anywhere;margin:0 0 6px;font-size:14px}.mk-tempel-pesan.svelte-223wc1{font-family:var(--tangan);overflow-wrap:anywhere;white-space:pre-line;margin:0;font-size:21px;line-height:1.3}.mk-tempel-nama.svelte-223wc1{color:var(--daun-tua);align-items:center;gap:8px;min-width:0;margin:10px 0 0;font-size:16px;font-weight:700;display:flex}.mk-tempel-nama.svelte-223wc1 span:where(.svelte-223wc1){overflow-wrap:anywhere;min-width:0}.mk-tempel-nama.svelte-223wc1 .teman-avatar,.mk-avatar-tumpuk.svelte-223wc1 .teman-avatar{color:#fff8f0;object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.mk-penutup.svelte-223wc1{color:var(--krem);background:radial-gradient(80% 40% at 50% 0,#e2a93b33,#0000 70%),#34463a}.mk-penutup-anabul.svelte-223wc1{width:130px}.mk-penutup-anabul.svelte-223wc1 .mk-anabul:where(.svelte-223wc1){width:100%;position:relative;top:auto;left:auto;transform:none}.mk-penutup-judul.svelte-223wc1{text-align:center;overflow-wrap:anywhere;max-width:100%;margin:12px 0 0;font-size:clamp(29px,8.6vw,38px);font-weight:800;line-height:1.1}.mk-penutup-pesan.svelte-223wc1{max-width:32ch;font-family:var(--tangan);text-align:center;white-space:pre-line;overflow-wrap:anywhere;margin:14px 0 0;font-size:22px;line-height:1.4}.mk-penutup-ttd.svelte-223wc1{color:#f2cf7e;justify-content:center;align-items:center;gap:10px;min-width:0;max-width:100%;margin-top:16px;font-size:24px;font-weight:800;display:flex}.mk-penutup-ttd.svelte-223wc1 span:where(.svelte-223wc1){overflow-wrap:anywhere;min-width:0}.mk-penutup-ttd.svelte-223wc1 .mk-penutup-cap{flex:none;width:34px;height:34px;transform:rotate(-12deg)}.mk-bareng.svelte-223wc1{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-top:12px;font-size:16px;display:flex}.mk-avatar-tumpuk.svelte-223wc1{display:inline-flex}.mk-avatar-tumpuk.svelte-223wc1 .teman-avatar{border:2px solid #34463a;margin-left:-7px}.mk-avatar-tumpuk.svelte-223wc1 .teman-avatar:first-child{margin-left:0}.mk-balas.svelte-223wc1{width:100%;color:var(--krem);justify-content:center;margin-top:20px;display:flex}.mk-layar.svelte-223wc1:has(.mk-balas:where(.svelte-223wc1) .lapis){z-index:60}.mk-app.svelte-223wc1 .music-toggle{top:calc(12px + env(safe-area-inset-top));z-index:20;position:absolute;bottom:auto;right:12px}@media (height<=700px){.mk-mangkuk-layar.svelte-223wc1{padding-top:48px}.mk-nama.svelte-223wc1{font-size:clamp(28px,8.6vw,38px)}.mk-judul-besar.svelte-223wc1{font-size:clamp(22px,6.8vw,30px)}.mk-ket.svelte-223wc1{font-size:20px}.mk-kepala-teks.svelte-223wc1{min-height:100px}.mk-bawah.svelte-223wc1{min-height:92px}}@media (prefers-reduced-motion:reduce){.mk-tpl.svelte-223wc1 *{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mk-aliran.svelte-223wc1{display:none}}