:root{--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--tinta: #2B3A4A;--tinta-2: #4B6584;--tinta-3: #63798F;--latar: #EEF1F4;--kartu: #FFFFFF;--garis: #EEF1F4;--garis-kuat: #949494;--utama: #10847F;--utama-gelap: #0C6E6A;--utama-lembut: #EAF9F8;--di-atas-utama: #FFFFFF;--bahaya: #C2182D;--bahaya-lembut: #FDECEC;--di-atas-bahaya: #FFFFFF;--hati2: #994908;--hati2-lembut: #FEF7E0;--baik: #187A3A;--baik-lembut: #DAF7E4;--radius: .75rem;--bayang: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .1);--tinggi-aksi: 6rem;font-size:16px}:root[data-tema=gelap]{--tinta: #E7EDF3;--tinta-2: #C4D0DC;--tinta-3: #8FA0B1;--latar: #0E141C;--kartu: #161F2A;--garis: #2D3D4E;--garis-kuat: #526B85;--utama: #2DD4CD;--utama-gelap: #54E0DA;--utama-lembut: #123A38;--di-atas-utama: #0E141C;--bahaya: #FF7E85;--bahaya-lembut: #3A1D20;--di-atas-bahaya: #0E141C;--hati2: #CF8334;--hati2-lembut: #332A14;--baik: #2FA858;--baik-lembut: #14301F;--bayang: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3)}:root[data-lansia="1"]{font-size:21px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font);background:var(--latar);color:var(--tinta);line-height:1.55;-webkit-font-smoothing:antialiased}button,a.tombol{min-height:2.75rem;font-family:inherit;font-size:1rem}:focus-visible{outline:3px solid var(--utama);outline-offset:2px;border-radius:.25rem}.layar{max-width:34rem;margin:0 auto;padding:1rem 1rem var(--tinggi-aksi)}.kepala{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.kepala h1{font-size:1.35rem;margin:0;font-weight:700;letter-spacing:-.01em}.kepala .sub{color:var(--tinta-3);font-size:.95rem;margin:0}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem;box-shadow:var(--bayang)}.kartu h2{font-size:1.05rem;margin:0 0 .5rem;font-weight:700}.kartu .baris{display:flex;justify-content:space-between;gap:.75rem;padding:.35rem 0}.kartu .baris+.baris{border-top:1px solid var(--garis)}.label{color:var(--tinta-3);font-size:.92rem}.nilai{font-weight:600;text-align:right}.kosong{text-align:center;color:var(--tinta-3);padding:2.5rem 1rem}.kosong .wadah-ikon{display:grid;place-items:center;margin-bottom:.6rem;color:var(--garis)}.aksi-bawah{position:fixed;left:0;right:0;bottom:0;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--latar) 70%,transparent)}.aksi-bawah .isi{max-width:34rem;margin:0 auto}.tombol{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1rem;border-radius:var(--radius);border:1px solid transparent;background:var(--utama);color:var(--di-atas-utama);font-weight:700;cursor:pointer;text-decoration:none}.tombol:hover{background:var(--utama-gelap)}.tombol:disabled{opacity:.55;cursor:not-allowed}.tombol.kedua{background:var(--kartu);color:var(--utama);border-color:var(--garis-kuat)}.tombol.teks{background:none;color:var(--utama);border:none;font-weight:600}.tombol.bahaya{background:var(--kartu);color:var(--bahaya);border-color:var(--bahaya-lembut)}.isian{margin-bottom:.9rem}.isian label{display:block;font-weight:600;margin-bottom:.3rem;font-size:.98rem}.isian .bantuan{color:var(--tinta-3);font-size:.88rem;margin-top:.25rem}.isian input{width:100%;padding:.7rem .8rem;font-size:1rem;font-family:inherit;border:1px solid var(--garis-kuat);border-radius:.5rem;background:var(--kartu);color:var(--tinta)}.isian input:focus{border-color:var(--utama)}.pesan{border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:.9rem;font-size:.96rem}.pesan.galat{background:var(--bahaya-lembut);color:var(--bahaya)}.pesan.info{background:var(--utama-lembut);color:var(--utama-gelap)}.pesan.hati2{background:var(--hati2-lembut);color:var(--hati2)}.tanda{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.82rem;font-weight:600}.tanda.baik{background:var(--baik-lembut);color:var(--baik)}.tanda.hati2{background:var(--hati2-lembut);color:var(--hati2)}.tanda.netral{background:var(--latar);color:var(--tinta-2);border:1px solid var(--garis-kuat)}.bar-atas{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem 1rem;background:var(--kartu);border-bottom:1px solid var(--garis)}.bar-atas .merek{font-weight:700;font-size:1rem;letter-spacing:-.01em}.lonceng{position:relative;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:999px;background:none;color:var(--tinta-2);cursor:pointer}.lonceng:hover{background:var(--latar)}.lonceng.aktif{color:var(--utama);background:var(--utama-lembut)}.lencana{position:absolute;top:.35rem;right:.3rem;min-width:1.15rem;height:1.15rem;padding:0 .25rem;display:grid;place-items:center;border-radius:999px;background:var(--bahaya);color:var(--di-atas-bahaya);font-size:.68rem;font-weight:700;line-height:1;border:2px solid var(--kartu)}.nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--kartu);border-top:1px solid var(--garis);padding:.3rem .25rem calc(.3rem + env(safe-area-inset-bottom))}.nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .15rem;border:none;background:none;cursor:pointer;color:var(--tinta-3);font-size:.72rem;font-weight:600;font-family:inherit;min-height:3.4rem}.nav .wadah-ikon{display:grid;place-items:center;padding:.2rem .85rem;border-radius:999px;background:transparent;transition:background-color .12s ease}.nav button.aktif{color:var(--utama)}.nav button.aktif .wadah-ikon{background:var(--utama-lembut)}.memuat{text-align:center;color:var(--tinta-3);padding:2rem}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.pilih-bahasa{display:flex;gap:.4rem;justify-content:flex-end;margin-bottom:.75rem}.pilih-bahasa button{min-width:6.5rem;padding:.35rem .9rem;border-radius:999px;cursor:pointer;border:1px solid var(--garis-kuat);background:var(--kartu);color:var(--tinta-2);font-weight:600;font-family:inherit}.pilih-bahasa button.aktif{background:var(--utama);border-color:var(--utama);color:var(--di-atas-utama)}