#menfess{position:relative;isolation:isolate;min-height:calc(100dvh - 110px)}#menfess:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#ffe3f1}#menfess:after{content:none}html[data-tema=gelap] #menfess:before{background:var(--ds-latar,#150C19)}#menfess .mf-kepala{position:relative;overflow:hidden;margin:0 0 22px;padding:26px 26px 22px;border-radius:24px;background:var(--ds-pink,#FF1D86);color:#fff;box-shadow:0 14px 30px #ff1d8647}#menfess .mf-kepala>*{position:relative;z-index:1}#menfess .mf-kepala:before,#menfess .mf-kepala:after{content:"";position:absolute;z-index:0;border-radius:50%;pointer-events:none}#menfess .mf-kepala:before{width:240px;height:240px;right:-70px;top:-100px;background:var(--ds-pink-dalam,#C00E6E);animation:mfr-apung 8s ease-in-out infinite alternate}#menfess .mf-kepala:after{width:130px;height:130px;right:150px;bottom:-70px;background:var(--ds-emas,#FFC738);animation:mfr-apung 6s ease-in-out -2s infinite alternate}@keyframes mfr-apung{0%{transform:translateY(-8px)}to{transform:translateY(12px)}}#menfess .mf-judul b{font-size:calc(34px*var(--sh,1));line-height:1.05;color:#fff;background:none;-webkit-text-fill-color:#fff;filter:none;letter-spacing:.01em}#menfess .mf-judul b:after{content:none}#menfess .mf-judul small{color:#fff;opacity:.95;font-weight:600;font-size:calc(14px*var(--sh,1));margin-top:6px}#menfess .mf-info{margin:16px 0 0;padding:12px 14px;border:0;border-radius:14px;background:var(--ds-pink-dalam,#C00E6E);color:#fff;box-shadow:none;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none}html[data-tema=gelap] #menfess .mf-kepala{background:var(--ds-pink-dalam,#C00E6E);box-shadow:var(--ds-by-2)}html[data-tema=gelap] #menfess .mf-kepala:before{background:var(--ds-pink,#FF1D86)}html[data-tema=gelap] #menfess .mf-info{background:var(--ds-kertas,#241531);color:var(--ds-teks,#FFF7EE)}#menfess .mf-form{padding:18px;border:2px solid var(--ds-pink,#FF1D86);border-top-width:7px;border-radius:20px;background:#fff;color:#2b1330;box-shadow:var(--ds-by-2);transition:box-shadow .2s}#menfess .mf-form:before{content:"Tulis Menfess";display:block;font-weight:800;font-size:calc(16px*var(--sh,1));color:var(--ds-pink-dalam,#C00E6E)}#menfess .mf-form:focus-within{box-shadow:0 0 0 4px #ff1d8633,var(--ds-by-2)}#menfess .mf-teks{border:1.5px solid var(--ds-garis,#F3C9DE);background:#fff;min-height:120px;transition:border-color .15s,box-shadow .15s}#menfess .mf-teks:focus{outline:none;border-color:var(--ds-pink,#FF1D86);box-shadow:var(--ds-fokus,0 0 0 3px rgba(255,29,134,.35))}#menfess .mf-kirim,#menfess .mf-lagi{background:var(--ds-pink,#FF1D86);color:#fff;box-shadow:none;padding:10px 20px;transition:transform .12s,background .15s}#menfess .mf-kirim:hover,#menfess .mf-lagi:hover{background:var(--ds-pink-dalam,#C00E6E)}#menfess .mf-kirim:active,#menfess .mf-lagi:active{transform:scale(.95)}html[data-tema=gelap] #menfess .mf-form{background:var(--ds-kertas,#241531);border-color:var(--ds-pink,#FF1D86);color:var(--ds-teks,#FFF7EE)}html[data-tema=gelap] #menfess .mf-form:before{color:var(--ds-pink-cahaya,#FF8FD4)}html[data-tema=gelap] #menfess .mf-teks{background:#ffffff0f}#menfess .mf-tabs{display:inline-flex;gap:2px;margin:0 0 16px;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--ds-garis,#F3C9DE)}#menfess .mf-tabs button{border:0;background:transparent;color:#2b1330;padding:8px 18px;transition:background .2s,color .2s,transform .12s}#menfess .mf-tabs button:hover:not(.on){background:#ffe3f1}#menfess .mf-tabs button.on{background:var(--ds-pink,#FF1D86);color:#fff;box-shadow:none}#menfess .mf-tabs button:active{transform:scale(.94)}html[data-tema=gelap] #menfess .mf-tabs{background:var(--ds-kertas,#241531)}html[data-tema=gelap] #menfess .mf-tabs button{color:var(--ds-teks,#FFF7EE)}html[data-tema=gelap] #menfess .mf-tabs button:hover:not(.on){background:#ffffff14}html[data-tema=gelap] #menfess .mf-tabs button.on{color:#fff}#menfess .mf-daftar{display:block;column-width:330px;column-gap:18px}#menfess .mf-kartu{position:relative;display:block;break-inside:avoid;margin:0 0 18px;padding:18px 18px 16px 22px;border:1px solid var(--ds-garis,#F3C9DE);border-radius:20px;background:#fff;box-shadow:inset 6px 0 0 var(--mfr-c,var(--ds-pink,#FF1D86)),var(--ds-by-1);transition:transform .2s var(--ds-ease,ease),box-shadow .2s;animation:mfr-muncul .5s var(--ds-ease,ease) both}#menfess .mf-kartu:hover{transform:translateY(-4px);box-shadow:inset 10px 0 0 var(--mfr-c,var(--ds-pink,#FF1D86)),var(--ds-by-2)}#menfess .mf-kartu:not(.mf-pending):not(.mf-ditolak){background:#fff}#menfess .mf-kartu:nth-child(3n+1){--mfr-c:var(--ds-pink,#FF1D86);--mfr-t:#fff}#menfess .mf-kartu:nth-child(3n+2){--mfr-c:var(--ds-pink-dalam,#C00E6E);--mfr-t:#fff}#menfess .mf-kartu:nth-child(3n){--mfr-c:var(--ds-emas,#FFC738);--mfr-t:#2B1330}#menfess .mf-kartu.mf-pending{--mfr-c:var(--ds-emas-dalam,#C98600);--mfr-t:#fff}#menfess .mf-kartu.mf-ditolak{--mfr-c:var(--ds-bahaya,#D8294B);--mfr-t:#fff}#menfess .mf-kartu:after{content:none}#menfess .mf-kartu .mf-atas:before{content:"A";display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;margin-right:4px;border-radius:50%;background:var(--mfr-c,var(--ds-pink,#FF1D86));color:var(--mfr-t,#fff);font-weight:800;font-size:15px}#menfess .mf-kartu .mf-waktu{flex:1;min-width:0}#menfess .mf-isi{margin:12px 0 14px;font-size:calc(15.5px*var(--sh,1));line-height:1.6}#menfess .mf-daftar>.mf-kosong,#menfess .mf-daftar>.mf-kecil,#menfess .mf-daftar>.mf-sub{column-span:all}@keyframes mfr-muncul{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}#menfess .mf-kartu:nth-child(2){animation-delay:.06s}#menfess .mf-kartu:nth-child(3){animation-delay:.12s}#menfess .mf-kartu:nth-child(4){animation-delay:.18s}#menfess .mf-kartu:nth-child(n+5){animation-delay:.24s}html[data-tema=gelap] #menfess .mf-kartu:not(.mf-pending):not(.mf-ditolak){background:var(--ds-kertas,#241531);border-color:var(--ds-garis,rgba(255,143,212,.22))}html[data-tema=gelap] #menfess .mf-kartu:nth-child(3n){--mfr-t:#2B1330}#menfess .mf-aksi{gap:8px;padding-top:12px;border-top:1px solid var(--ds-garis,#F3C9DE)}#menfess .mf-r,#menfess .mf-balas-b{padding:6px 12px;background:#fff;border:1.5px solid var(--ds-garis,#F3C9DE);box-shadow:none;transition:transform .12s,background .15s,color .15s,border-color .15s}#menfess .mf-r:hover,#menfess .mf-balas-b:hover{border-color:var(--ds-pink,#FF1D86)}#menfess .mf-r:active,#menfess .mf-balas-b:active{transform:scale(.92)}#menfess .mf-r.on{background:var(--ds-pink,#FF1D86);border-color:var(--ds-pink,#FF1D86);color:#fff;box-shadow:none;animation:mfr-pop .3s ease}@keyframes mfr-pop{50%{transform:scale(1.12)}}#menfess .mf-bagikan{margin-left:auto;border:0;border-radius:999px;padding:7px 16px;font:inherit;font-weight:800;font-size:calc(12.5px*var(--sh,1));color:#2b1330;background:var(--ds-emas,#FFC738);box-shadow:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:transform .12s,background .15s}#menfess .mf-bagikan:hover{background:#ffd35e}#menfess .mf-bagikan:active{transform:scale(.93)}#menfess .mf-bagikan:disabled{opacity:.6}#menfess .mf-bagikan:focus-visible,#menfess .mf-r:focus-visible,#menfess .mf-balas-b:focus-visible{outline:3px solid var(--ds-pink,#FF1D86);outline-offset:2px}html[data-tema=gelap] #menfess :is(.mf-r,.mf-balas-b){background:transparent;color:var(--ds-teks,#FFF7EE)}html[data-tema=gelap] #menfess .mf-r.on{background:var(--ds-pink,#FF1D86);color:#fff}html[data-tema=gelap] #menfess .mf-aksi{border-top-color:var(--ds-garis,rgba(255,143,212,.22))}html[data-tema=gelap] #menfess .mf-bagikan{color:#2b1330}#menfess .mfi{margin:0 0 22px}#menfess .mfi-judul{font-size:calc(19px*var(--sh,1));color:var(--ds-pink-dalam,#C00E6E)}html[data-tema=gelap] #menfess .mfi-judul{color:var(--ds-pink-cahaya,#FF8FD4)}#menfess .mfi-kartu{background:#fff;box-shadow:var(--ds-by-1);transition:transform .2s var(--ds-ease,ease),box-shadow .2s}#menfess .mfi-kartu:hover{transform:translateY(-4px);box-shadow:var(--ds-by-2)}html[data-tema=gelap] #menfess .mfi-kartu{background:var(--ds-kertas,#241531)}.mfi-bagikan{display:flex;align-items:center;justify-content:center;width:100%;margin:12px 0 0;border:0;border-radius:14px;padding:12px 14px;font:inherit;font-weight:800;font-size:calc(14px*var(--sh,1));color:#2b1330;background:var(--ds-emas,#FFC738);cursor:pointer;transition:transform .12s,background .15s}.mfi-bagikan:hover{background:#ffd35e}.mfi-bagikan:active{transform:scale(.98)}.mfi-bagikan:disabled{opacity:.6}@media(min-width:900px){#menfess .wrap{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);column-gap:28px;align-items:start}#menfess .wrap>.mfi{grid-column:1/-1;grid-row:1}#menfess .wrap>.mf-kepala{grid-column:1/-1;grid-row:2}#menfess .wrap>.mfa-bar{grid-column:1/-1;grid-row:3}#menfess .wrap>.mf-form{grid-column:1;grid-row:4/span 3;position:sticky;top:96px}#menfess .wrap>.mf-tabs{grid-column:2;grid-row:4;justify-self:start}#menfess .wrap>.mf-daftar{grid-column:2;grid-row:5}#menfess .wrap>.mf-lagi{grid-column:2;grid-row:6;justify-self:center}#menfess .mf-kepala{padding:34px 36px 28px}#menfess .mf-judul b{font-size:calc(44px*var(--sh,1))}#menfess .mf-info{max-width:760px}}@media(max-width:899px){#menfess .mf-tabs{margin-top:20px}}@media(max-width:520px){#menfess .mf-kepala{padding:20px 18px 16px;border-radius:20px}#menfess .mf-judul b{font-size:calc(30px*var(--sh,1))}}@media(prefers-reduced-motion:reduce){#menfess .mf-kartu,#menfess .mf-kepala:before,#menfess .mf-kepala:after,#menfess .mf-r.on{animation:none}#menfess .mf-kartu,#menfess .mfi-kartu,#menfess .mf-r,#menfess .mf-bagikan,#menfess .mf-tabs button{transition:none}}