/* [2026-07-29] HFI: pengganti xess.min.css bawaan Anubis.
 *
 * Halaman challenge Anubis memuat CSS-nya dari /.within.website/x/xess/xess.min.css.
 * Caddy mencegat path itu (lihat caddy_builder.go) dan menyajikan berkas INI, jadi
 * seluruh tampilan halaman verifikasi jadi milik IMG - tanpa maskot anime, tanpa
 * nama Anubis/Techaro yang terlihat.
 *
 * KENAPA LEWAT CSS, BUKAN replace_response: modul `replace` harus membaca body
 * mentah, sehingga kompresi ke Anubis WAJIB dimatikan - itu dulu membuat SELURUH
 * situs terkirim tanpa gzip (ongkos 5x bandwidth permanen demi kosmetik yang
 * jarang terlihat). Mencegat berkas CSS tidak berbiaya sama sekali.
 *
 * BATAS YANG DIAKUI: teks asli tetap ADA di dalam HTML, hanya disembunyikan secara
 * visual. View Source masih memperlihatkannya. Menghapusnya sungguhan butuh
 * replace_response beserta ongkos kompresinya - tidak sepadan.
 *
 * !important dipakai di banyak tempat karena Anubis menyisipkan blok <style>
 * INLINE setelah <link> ini, dan inline biasanya menang. */

:root {
  --img-bg: #f8fafc;
  --img-fg: #1e293b;
  --img-muted: #64748b;
  --img-line: #e2e8f0;
}

html, body {
  height: 100% !important;
  margin: 0 !important;
  background: var(--img-bg) !important;
  color: var(--img-fg) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

main {
  width: 100%;
  max-width: 30rem;
  padding: 1.5rem;
  text-align: center;
}

.centered-div { text-align: center !important; }

/* Judul: teks asli "Making sure you're not a bot!" disembunyikan dengan font-size:0,
 * lalu diganti lewat ::after. Cara ini tidak menggeser tata letak seperti
 * visibility/position, dan tetap dapat dibaca screen reader dari teks aslinya. */
#title {
  font-size: 0 !important;
  margin: 1.25rem 0 0.35rem !important;
}
#title::after {
  content: "Verifying your browser";
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--img-fg);
}
#title::before {
  content: "";
}

/* Maskot: berkas .webp-nya sendiri sudah dicegat Caddy dan diganti SVG spinner IMG.
 * Di sini hanya membatasi ukurannya supaya proporsional. */
#image {
  width: 160px !important;
  max-width: 60vw !important;
  height: auto !important;
  margin: 0 auto !important;
}

#status {
  font-variant-numeric: tabular-nums;
  font-size: 0.8rem !important;
  color: var(--img-muted) !important;
  margin: 0.25rem 0 0 !important;
}

#progress {
  display: none;
  width: min(18rem, 80%) !important;
  height: 0.5rem !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  margin: 1rem auto 0 !important;
  outline: none !important;
  background: var(--img-line) !important;
}
.bar-inner {
  background-color: #2563eb !important;
  height: 100% !important;
  width: 0;
  transition: width 0.25s ease-in;
}

/* Sembunyikan penjelasan panjang soal AI scraper - tidak relevan bagi pengunjung
 * dan menyebut Anubis berkali-kali. */
details { display: none !important; }

/* noscript SENGAJA dibiarkan tampil: pengunjung tanpa JavaScript memang perlu
 * tahu kenapa halaman tidak lanjut, kalau disembunyikan mereka melihat layar
 * kosong tanpa penjelasan apa pun. */
noscript p {
  font-size: 0.85rem !important;
  color: var(--img-muted) !important;
  margin-top: 1rem !important;
}

/* Footer bawaan memuat "Protected by Anubis From Techaro", "Mascot design by
 * CELPHASE", dan nomor versi Anubis. Seluruh footer dinolkan lalu diganti satu
 * baris milik IMG. */
footer { font-size: 0 !important; margin-top: 1.75rem !important; }
footer * { font-size: 0 !important; }
footer::after {
  content: "IMG — Indomobil Group · Automated security verification";
  display: block;
  font-size: 0.72rem;
  color: var(--img-muted);
  letter-spacing: 0.02em;
}

@media (prefers-color-scheme: dark) {
  /* Sengaja TETAP terang: permintaan eksplisit "versi terang dan netral",
   * dan halaman ini harus tampak sama bagi siapa pun yang melihatnya. */
  html, body { background: var(--img-bg) !important; color: var(--img-fg) !important; }
}