.ketik[data-v-0d24c576]{position:sticky;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.isi[data-v-0d24c576]{display:flex;gap:8px;align-items:flex-end;width:100%;max-width:720px;margin-inline:auto;transition:max-width .25s ease}.ketik.tengah[data-v-0d24c576]{position:static;border-top-color:transparent;background:transparent;padding-bottom:24px}.ketik.tengah .isi[data-v-0d24c576]{max-width:560px}@media(min-width:640px){.ketik[data-v-0d24c576]{padding:16px 24px calc(16px + env(safe-area-inset-bottom))}.isi[data-v-0d24c576]{max-width:960px}.ketik.tengah .isi[data-v-0d24c576]{max-width:620px}}textarea[data-v-0d24c576]{flex:1;min-height:44px;height:auto;max-height:88px;field-sizing:content;resize:none;overflow-y:auto;padding:12px 16px;border:1px solid var(--line);border-radius:999px;font:inherit;font-size:15px;background:var(--field);color:var(--ink)}textarea[data-v-0d24c576]::placeholder{color:var(--placeholder)}textarea[data-v-0d24c576]:focus{outline:none;background:var(--surface);border-color:var(--green);box-shadow:0 0 0 3px var(--green-tint)}button[data-v-0d24c576]{min-height:44px;padding:0 18px;border:none;border-radius:999px;background:var(--brown);color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap}button[data-v-0d24c576]:not(:disabled):hover{background:var(--brown-hover)}button[data-v-0d24c576]:disabled{background:var(--brown-dim);color:#f3ebe1;cursor:not-allowed}.kartu[data-v-f91dc359]{display:flex;gap:14px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color .12s,transform .12s}.kartu[data-v-f91dc359]:hover{border-color:#cbb79b}.gambar[data-v-f91dc359]{width:88px;height:88px;flex:none;border-radius:14px;background:var(--cream);display:grid;place-items:center;font-size:42px}.isi[data-v-f91dc359]{flex:1;min-width:0;display:flex;flex-direction:column}.nama[data-v-f91dc359]{margin:0;font-size:16px;line-height:21px;font-weight:700;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta[data-v-f91dc359]{margin:5px 0 0;font-size:12.5px;line-height:17px;color:var(--sub)}.kaki[data-v-f91dc359]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}@media(min-width:640px){.kartu[data-v-f91dc359]{flex-direction:column;gap:12px;padding:16px;height:100%}.gambar[data-v-f91dc359]{width:100%;height:132px;font-size:56px}.nama[data-v-f91dc359]{font-size:17px;line-height:22px}}.badge[data-v-f91dc359]{font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:999px}.badge.teruji[data-v-f91dc359]{background:var(--green-tint);color:var(--green)}.badge.baru[data-v-f91dc359]{background:var(--cream);color:#7a6a4f}.tautan[data-v-f91dc359]{font-size:12.5px;font-weight:700;color:var(--brown)}.kerangka[data-v-b7e4cae0]{display:flex;gap:12px;height:150px;padding:12px;border-radius:14px;background:#f1f2f3;overflow:hidden;position:relative}.kerangka[data-v-b7e4cae0]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:kilau-b7e4cae0 1.2s infinite}@keyframes kilau-b7e4cae0{0%{transform:translate(-100%)}to{transform:translate(100%)}}.kotak[data-v-b7e4cae0]{width:64px;height:64px;border-radius:12px;background:#e4e6e8;flex:none}.baris[data-v-b7e4cae0]{flex:1;display:flex;flex-direction:column;gap:8px}.baris span[data-v-b7e4cae0]{height:12px;border-radius:6px;background:#e4e6e8}.tirai[data-v-ff3e06d1]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:60}.sheet[data-v-ff3e06d1]{width:100%;max-width:560px;max-height:90dvh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:8px 18px 24px}@media(min-width:640px){.tirai[data-v-ff3e06d1]{align-items:center}.sheet[data-v-ff3e06d1]{border-radius:20px;max-height:86dvh;padding:8px 24px 28px}}.pegangan[data-v-ff3e06d1]{width:38px;height:4px;border-radius:999px;background:#d8d9db;margin:6px auto 14px}h2[data-v-ff3e06d1]{font-size:19px;margin:0;color:var(--ink)}h3[data-v-ff3e06d1]{font-size:16px;font-weight:800;margin:22px 0 8px;color:var(--green)}.deskripsi[data-v-ff3e06d1],.tunggu[data-v-ff3e06d1]{font-size:13px;color:var(--sub);margin:6px 0 0}.bahan[data-v-ff3e06d1]{list-style:none;padding:0;margin:0}.bahan li[data-v-ff3e06d1]{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}.bahan li[data-v-ff3e06d1]:last-child{border-bottom:none}.langkah[data-v-ff3e06d1]{margin:0;padding-left:20px}.langkah li[data-v-ff3e06d1]{font-size:14px;line-height:1.55;margin-bottom:12px}.layar[data-v-2e018969]{min-height:100dvh;display:flex;flex-direction:column}.merek[data-v-2e018969]{display:flex;align-items:center;gap:9px;height:56px;padding:0 16px;font-family:"Baloo 2",Inter,sans-serif;font-size:17px;font-weight:800;color:var(--green)}.logo[data-v-2e018969]{width:28px;height:28px;border-radius:50%;background:var(--brown);display:grid;place-items:center;font-size:15px}.gulung[data-v-2e018969]{flex:1;overflow-y:auto;padding:0 16px 16px}.gulung[data-v-2e018969]>*{width:100%;max-width:720px;margin-inline:auto}.kosong[data-v-2e018969]{min-height:50dvh;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:0 8px}.kosong h1[data-v-2e018969]{font-family:"Baloo 2",Inter,sans-serif;font-size:clamp(20px,4vw,32px);line-height:1.25;font-weight:800;color:var(--ink);margin:0}.kosong p[data-v-2e018969]{font-size:clamp(15px,1.8vw,17px);line-height:1.45;color:var(--sub);margin:8px 0 0}.blok[data-v-2e018969]{display:flex;flex-direction:column;gap:12px;padding:20px 0}.blok+.blok[data-v-2e018969]{border-top:1px solid var(--line)}.layar.awal .gulung[data-v-2e018969]{flex:0 0 auto;margin-top:auto}.layar.awal .ketik[data-v-2e018969]{margin-bottom:auto}.layar.awal .kosong[data-v-2e018969]{min-height:0;padding-bottom:4px}@media(min-width:640px){.merek[data-v-2e018969]{max-width:960px;margin-inline:auto;width:100%;height:64px;font-size:19px}.gulung[data-v-2e018969]{padding:0 24px 24px}.gulung[data-v-2e018969]>*{max-width:960px}.kosong h1[data-v-2e018969]{font-size:34px}.blok[data-v-2e018969]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:stretch}.blok>.pembuka[data-v-2e018969],.blok>.status[data-v-2e018969],.blok>.catatan[data-v-2e018969]{grid-column:1 / -1}}.pembuka[data-v-2e018969]{font-size:14px;line-height:20px;color:var(--ink);margin:0}.status[data-v-2e018969],.catatan[data-v-2e018969]{font-size:13px;color:var(--sub);margin:0}.gagal[data-v-2e018969]{text-align:center;padding:40px 16px}.gagal p[data-v-2e018969]{font-size:15px;line-height:22px;color:var(--ink)}.ikon[data-v-2e018969]{font-size:32px;margin:0 0 8px}.ulang[data-v-2e018969]{min-height:44px;padding:0 20px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font:inherit;font-weight:700;color:var(--ink);cursor:pointer}:root{--page: #FBF1E4;--surface: #FFFFFF;--cream: #FBF1E4;--tan: #E9D9C3;--line: #E1D3BF;--ink: #241D17;--sub: #6B5F52;--green: #1F6B4C;--green-tint: #E4EFE7;--brown: #7B4B2A;--brown-hover: #683F22;--brown-dim: #C4B29E;--field: #F5EDE1;--placeholder: #A99A87}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--page)}