:root{--latar: #eef1f5;--permukaan: #ffffff;--permukaan-2: #f4f7fa;--permukaan-3: #e9eef4;--garis: #d3dbe4;--garis-kuat: #b6c2d0;--teks: #16202b;--teks-samar: #56677a;--aksen: #0b5a8a;--aksen-kuat: #08466c;--aksen-teks: #ffffff;--aksen-halus: #e4eff7;--baik: #126842;--baik-halus: #e2f4ea;--awas: #8a5206;--awas-halus: #fdf1dd;--buruk: #a8271f;--buruk-halus: #fdeceb;--fokus: #1a7fc4;--bayang: 0 1px 2px rgba(16, 32, 48, .06), 0 4px 14px rgba(16, 32, 48, .07);--lengkung: 12px;--lengkung-kecil: 8px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--latar: #0d1218;--permukaan: #151d26;--permukaan-2: #1c2531;--permukaan-3: #232e3c;--garis: #2b3746;--garis-kuat: #3d4c5e;--teks: #e5ecf3;--teks-samar: #9cabbb;--aksen: #5aa9e3;--aksen-kuat: #7cbdec;--aksen-teks: #07131d;--aksen-halus: #16293a;--baik: #57cb92;--baik-halus: #13301f;--awas: #f0b44a;--awas-halus: #34260e;--buruk: #ff8f85;--buruk-halus: #35191a;--fokus: #7cbdec;--bayang: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .35);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--latar);color:var(--teks);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}h1,h2,h3,h4{line-height:1.3;margin:0 0 .5rem}a{color:var(--aksen)}:focus-visible{outline:3px solid var(--fokus);outline-offset:2px;border-radius:4px}.label-tersembunyi{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.samar{color:var(--teks-samar)}.kecil{font-size:.85rem}.tombol{font:inherit;font-weight:600;border-radius:var(--lengkung-kecil);border:1px solid transparent;padding:.55rem 1.1rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease;min-height:44px}.tombol:disabled{opacity:.5;cursor:not-allowed}.tombol-utama{background:var(--aksen);color:var(--aksen-teks)}.tombol-utama:hover:not(:disabled){background:var(--aksen-kuat)}.tombol-halus{background:var(--permukaan-2);color:var(--teks);border-color:var(--garis-kuat)}.tombol-halus:hover:not(:disabled){background:var(--permukaan-3)}.tombol-kecil{min-height:38px;padding:.35rem .8rem;font-size:.9rem;background:var(--permukaan-2);color:var(--teks);border-color:var(--garis-kuat)}.tombol-lebar{width:100%}input,select,textarea{font:inherit;color:var(--teks);background:var(--permukaan);border:1px solid var(--garis-kuat);border-radius:var(--lengkung-kecil);padding:.55rem .7rem;min-height:44px;width:100%}input:disabled,select:disabled,textarea:disabled{background:var(--permukaan-3);opacity:.7}.kolom{display:flex;flex-direction:column;gap:.3rem}.kolom label{font-weight:600;font-size:.92rem}.bantuan-kolom{font-size:.82rem;color:var(--teks-samar)}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82em;background:var(--permukaan-3);border:1px solid var(--garis-kuat);border-radius:4px;padding:.05em .4em}.peringatan-error{background:var(--buruk-halus);border-left:4px solid var(--buruk);color:var(--teks);padding:.7rem .9rem;border-radius:var(--lengkung-kecil);margin:.6rem 0}.pemberitahuan{background:var(--awas-halus);border-left:4px solid var(--awas);padding:.7rem .9rem;border-radius:var(--lengkung-kecil);margin:0 0 .6rem}.pemberitahuan-halus{background:var(--aksen-halus);border-left-color:var(--aksen)}.pemberitahuan-baik{background:var(--baik-halus);border-left-color:var(--baik)}.layar-tengah,.layar-fatal{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;text-align:center;color:var(--teks-samar)}.kartu-pesan{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--lengkung);box-shadow:var(--bayang);padding:2rem;max-width:30rem;color:var(--teks)}.kartu-pesan h1{font-size:1.3rem}.pemuat{width:32px;height:32px;border:3px solid var(--garis-kuat);border-top-color:var(--aksen);border-radius:50%;animation:putar .8s linear infinite}@keyframes putar{to{transform:rotate(360deg)}}.layar-masuk{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;background:linear-gradient(180deg,var(--latar),var(--permukaan-3))}.kotak-masuk{width:100%;max-width:26rem;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--lengkung);box-shadow:var(--bayang);padding:2rem 1.6rem}.masuk-kepala{text-align:center;margin-bottom:1.5rem}.masuk-kepala h1{font-size:1.5rem;margin:.4rem 0 .2rem}.masuk-sub{margin:0;color:var(--teks-samar);font-size:.92rem}.logo{width:28px;height:28px;color:var(--aksen);flex:none}.logo-besar{width:44px;height:44px}.form-masuk{display:flex;flex-direction:column;gap:1rem}.kolom-sandi{display:flex;gap:.4rem}.tombol-lihat{font:inherit;font-size:.85rem;white-space:nowrap;background:var(--permukaan-2);color:var(--teks);border:1px solid var(--garis-kuat);border-radius:var(--lengkung-kecil);padding:0 .7rem;cursor:pointer}.masuk-catatan{margin:1.5rem 0 0;padding-top:1.1rem;border-top:1px solid var(--garis);font-size:.85rem;color:var(--teks-samar);text-align:center}.kredit{margin:.9rem 0 0;font-size:.78rem;color:var(--teks-samar);text-align:center;opacity:.75}.kredit strong{font-weight:600;color:var(--teks)}.kredit-bilah{opacity:.7}@media (max-width: 640px){.kredit-bilah{display:none}}.aplikasi{height:100dvh;display:flex;flex-direction:column}.bilah-atas{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--permukaan);border-bottom:1px solid var(--garis);flex:none}.merek{display:flex;align-items:center;gap:.6rem;min-width:0}.merek-teks{display:flex;flex-direction:column;line-height:1.2;min-width:0}.merek-teks strong{font-size:1rem}.merek-teks span{font-size:.75rem;color:var(--teks-samar);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigasi{display:flex;gap:.25rem;margin-left:auto}.tab{font:inherit;font-weight:600;background:transparent;color:var(--teks-samar);border:1px solid transparent;border-radius:var(--lengkung-kecil);padding:.45rem .9rem;min-height:40px;cursor:pointer}.tab:hover{color:var(--teks);background:var(--permukaan-2)}.tab[aria-current=page]{background:var(--aksen-halus);border-color:var(--aksen);color:var(--aksen)}.pengguna{display:flex;align-items:center;gap:.6rem;margin-left:auto;min-width:0}.navigasi~.pengguna{margin-left:0}.pengguna-nama{font-size:.88rem;color:var(--teks-samar);max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pengguna .tombol{min-height:40px;padding:.4rem .85rem;font-size:.9rem}.isi{flex:1;min-height:0;display:flex;flex-direction:column}.halaman-chat{flex:1;min-height:0;display:grid;grid-template-rows:auto 1fr auto}.bilah-kuota{padding:.5rem 1rem;background:var(--permukaan-2);border-bottom:1px solid var(--garis)}.kuota-info{max-width:52rem;margin:0 auto;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.88rem;color:var(--teks-samar)}.kuota-teks strong{color:var(--teks)}.kuota-sekunder{color:var(--teks-samar)}.meteran{display:block;flex:1;min-width:90px;max-width:220px;height:8px;background:var(--permukaan-3);border:1px solid var(--garis);border-radius:99px;overflow:hidden}.meteran>span{display:block;height:100%;background:var(--aksen);transition:width .3s ease}.meteran-menipis>span{background:var(--awas)}.meteran-habis>span{background:var(--buruk)}.area-gulir{overflow-y:auto;overscroll-behavior:contain;padding:1.25rem 1rem 2rem}.sambutan{max-width:46rem;margin:2rem auto 0;text-align:center}.sambutan h1{font-size:1.5rem}.sambutan p{color:var(--teks-samar);margin:0 auto 1.5rem;max-width:34rem}.contoh-daftar{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.contoh{font:inherit;width:100%;text-align:left;background:var(--permukaan);color:var(--teks);border:1px solid var(--garis);border-radius:var(--lengkung);padding:.8rem 1rem;cursor:pointer;min-height:44px}.contoh:hover:not(:disabled){border-color:var(--aksen);background:var(--aksen-halus)}.contoh:disabled{opacity:.5;cursor:not-allowed}.daftar-pesan{max-width:52rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.pesan-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--teks-samar);margin:0 0 .35rem;font-weight:700}.pesan-user{display:flex;flex-direction:column;align-items:flex-end}.pesan-user .pesan-label{align-self:flex-end}.gelembung{background:var(--aksen);color:var(--aksen-teks);padding:.7rem 1rem;border-radius:var(--lengkung) var(--lengkung) 4px var(--lengkung);max-width:42rem;white-space:pre-wrap;overflow-wrap:anywhere}.jawaban{background:var(--permukaan);border:1px solid var(--garis);border-radius:4px var(--lengkung) var(--lengkung) var(--lengkung);padding:1rem 1.1rem;box-shadow:var(--bayang);overflow-wrap:anywhere}.jawaban p{margin:0 0 .8rem}.jawaban p:last-child{margin-bottom:0}.jawaban h4{font-size:1rem;margin:1rem 0 .4rem}.jawaban ol,.jawaban ul{margin:0 0 .8rem;padding-left:1.4rem}.jawaban li{margin-bottom:.35rem}.jawaban code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--permukaan-3);border-radius:4px;padding:.1em .35em}.rujukan{display:inline;background:var(--aksen-halus);color:var(--aksen);border-radius:4px;padding:.05em .4em;font-size:.9em;font-weight:600;overflow-wrap:anywhere}a.rujukan-tautan{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;cursor:pointer;transition:background-color .12s ease,color .12s ease}a.rujukan-tautan:after{content:" ↗";font-size:.85em;opacity:.65}a.rujukan-tautan:hover,a.rujukan-tautan:focus-visible{background:var(--aksen);color:var(--aksen-teks);text-decoration-style:solid}.mencari{display:flex;align-items:center;gap:.6rem;color:var(--teks-samar);margin:0}.titik-titik{display:inline-flex;gap:4px}.titik-titik span{width:7px;height:7px;border-radius:50%;background:var(--aksen);animation:memantul 1.2s infinite ease-in-out}.titik-titik span:nth-child(2){animation-delay:.15s}.titik-titik span:nth-child(3){animation-delay:.3s}@keyframes memantul{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.kursor{display:inline-block;width:2px;height:1.05em;vertical-align:text-bottom;background:var(--aksen);margin-left:2px;animation:kedip 1s steps(2,start) infinite}@keyframes kedip{50%{opacity:0}}.pesan-aksi{display:flex;justify-content:flex-end;margin-top:.4rem}.tombol-salin{font:inherit;font-size:.82rem;background:transparent;color:var(--teks-samar);border:1px solid var(--garis);border-radius:var(--lengkung-kecil);padding:.25rem .7rem;cursor:pointer}.tombol-salin:hover{color:var(--teks);border-color:var(--garis-kuat)}.sumber{margin-top:.9rem}.sumber-judul{display:flex;align-items:center;gap:.5rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--teks-samar);margin:0 0 .5rem}.sumber-jumlah{font-weight:400;text-transform:none;letter-spacing:0}.sumber-daftar{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.sumber-kartu{display:flex;align-items:flex-start;gap:.7rem;background:var(--permukaan-2);border:1px solid var(--garis);border-radius:var(--lengkung-kecil);padding:.65rem .8rem;text-decoration:none;color:var(--teks)}.sumber-kartu:hover{border-color:var(--aksen);background:var(--aksen-halus)}.sumber-nomor{flex:none;width:22px;height:22px;border-radius:50%;background:var(--aksen);color:var(--aksen-teks);font-size:.75rem;font-weight:700;display:grid;place-items:center;margin-top:2px}.sumber-isi{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.sumber-nama{font-weight:600;font-size:.93rem;overflow-wrap:anywhere}.sumber-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--teks-samar)}.sumber-buka{color:var(--aksen);font-weight:600}.ikon-keluar{width:16px;height:16px;flex:none;color:var(--teks-samar);margin-top:4px}.lencana{display:inline-block;background:var(--aksen-halus);color:var(--aksen);border:1px solid var(--aksen);border-radius:99px;padding:0 .5rem;font-size:.75rem;font-weight:700;white-space:nowrap}.lencana-buruk{background:var(--buruk-halus);color:var(--buruk);border-color:var(--buruk)}.area-input{flex:none;padding:.75rem 1rem 1rem;background:var(--permukaan);border-top:1px solid var(--garis);padding-bottom:max(1rem,env(safe-area-inset-bottom))}.area-input>.pemberitahuan,.form-tanya,.bantuan{max-width:52rem;margin-left:auto;margin-right:auto}.form-tanya{display:flex;gap:.6rem;align-items:flex-end}.input-tanya{resize:none;min-height:46px;max-height:200px;line-height:1.5;overflow-y:auto}.form-tanya .tombol{flex:none}.bantuan{display:block;margin-top:.5rem;margin-bottom:0;font-size:.8rem;color:var(--teks-samar)}.halaman-admin{flex:1;min-height:0;overflow-y:auto;padding:1.25rem 1rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.panel{max-width:68rem;width:100%;margin:0 auto;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--lengkung);box-shadow:var(--bayang);padding:1.25rem}.panel-kepala{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.panel-kepala h2{font-size:1.15rem;margin:0}.panel-aksi{margin:1rem 0;display:flex;gap:.6rem;flex-wrap:wrap}.kartu-angka{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.7rem;margin-bottom:1rem}.angka{background:var(--permukaan-2);border:1px solid var(--garis);border-left:4px solid var(--garis-kuat);border-radius:var(--lengkung-kecil);padding:.7rem .85rem;display:flex;flex-direction:column}.angka-baik{border-left-color:var(--baik)}.angka-buruk{border-left-color:var(--buruk)}.angka-netral{border-left-color:var(--awas)}.angka-nilai{font-size:1.4rem;font-weight:700;line-height:1.2}.angka-label{font-size:.8rem;color:var(--teks-samar)}.daftar-gagal{margin-top:.5rem}.gagal-daftar{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.gagal-item{background:var(--permukaan-2);border:1px solid var(--garis);border-left:4px solid var(--buruk);border-radius:var(--lengkung-kecil);padding:.75rem .9rem}.gagal-kepala{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.gagal-kepala a{font-weight:600;overflow-wrap:anywhere}.gagal-jalur,.gagal-error{margin:.25rem 0 0;font-size:.85rem}.gagal-jalur{color:var(--teks-samar)}.gagal-error{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;color:var(--buruk);overflow-wrap:anywhere;white-space:pre-wrap}.form-user{background:var(--permukaan-2);border:1px solid var(--garis);border-radius:var(--lengkung);padding:1rem;margin-bottom:1.25rem}.form-user h3{font-size:1rem;margin-top:0}.kisi-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-bottom:1rem}.form-tombol{display:flex;gap:.6rem;flex-wrap:wrap}.tabel-bungkus{overflow-x:auto}.tabel{width:100%;border-collapse:collapse;font-size:.9rem}.tabel th,.tabel td{text-align:left;padding:.65rem .6rem;border-bottom:1px solid var(--garis);vertical-align:top}.tabel th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--teks-samar);border-bottom:2px solid var(--garis-kuat);white-space:nowrap}.tabel select,.tabel input{min-height:38px;padding:.3rem .5rem;font-size:.9rem}.baris-nonaktif td{opacity:.62}.sel-utama{font-weight:600;overflow-wrap:anywhere}.sel-kuota{display:flex;gap:.4rem;align-items:center}.sel-kuota input{max-width:9rem}.pemakaian-angka{font-weight:600;white-space:nowrap}.tabel .meteran{margin-top:.35rem;max-width:160px}.lencana-tombol{font:inherit;font-size:.8rem;font-weight:700;border-radius:99px;padding:.2rem .75rem;min-height:32px;cursor:pointer;border:1px solid}.lencana-baik{background:var(--baik-halus);color:var(--baik);border-color:var(--baik)}.lencana-mati{background:var(--permukaan-3);color:var(--teks-samar);border-color:var(--garis-kuat)}.lencana-tombol:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 720px){.merek-teks span{display:none}.pengguna-nama{max-width:7rem}.bilah-atas{flex-wrap:wrap}.tabel,.tabel thead,.tabel tbody,.tabel tr,.tabel th,.tabel td{display:block}.tabel thead{display:none}.tabel tr{background:var(--permukaan-2);border:1px solid var(--garis);border-radius:var(--lengkung-kecil);padding:.5rem .75rem;margin-bottom:.75rem}.tabel td{border-bottom:none;padding:.35rem 0;display:grid;grid-template-columns:8.5rem 1fr;gap:.5rem;align-items:center}.tabel td:before{content:attr(data-label);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--teks-samar);font-weight:700}.sel-kuota{flex-wrap:wrap}}@media (max-width: 420px){.tabel td{grid-template-columns:1fr;gap:.15rem}.form-tanya{flex-wrap:wrap}.form-tanya .tombol{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}