:root{--warna-latar:#121212;--warna-latar-transparan:#121212d9;--warna-permukaan:#1e1e1e;--warna-teks-utama:#e0e0e0;--warna-teks-sekunder:#b3b3b3;--warna-aksen:#3da9fc;--warna-garis:#2c2c2c;--warna-bayangan:#3da9fc1a}@media (prefers-color-scheme:light){:root{--warna-latar:#f4f4f9;--warna-latar-transparan:#f4f4f9d9;--warna-permukaan:#fff;--warna-teks-utama:#212121;--warna-teks-sekunder:#666;--warna-aksen:#007bff;--warna-garis:#e0e0e0;--warna-bayangan:#007bff26}}body.header-dimuat{padding-top:4rem}.area-header-atas{box-shadow:none;position:fixed;z-index:50;background-color:#0000;border-bottom:none;width:100%;top:0;left:0;right:0}.area-header-pembungkus{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:0;max-width:1200px;margin:0 auto;padding:.75rem 1.5rem}.area-header-baris-bawah{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:1rem;width:100%}.area-header-kiri{display:flex;align-items: center;gap:1rem;min-width:0}.area-header-atas h1{display:inline-flex;color:var(--warna-aksen);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items: center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600}.area-header-atas .tautan-rss{color:var(--warna-aksen);text-decoration:none;vertical-align:middle;flex-shrink:0;transition:color .2s;font-size:1.2rem}.area-header-atas .tautan-rss:hover{color:orange}.logo-pembungkus{display:none;align-items: center}.logo-gambar{width:auto;height:1.5rem}.logo-pembungkus a,.logo-pembungkus a:link,.logo-pembungkus a:visited,.logo-pembungkus a:hover,.logo-pembungkus a:active{text-decoration:none;color:inherit;display:inline-block;border-bottom:none;line-height:0}.area-pencarian{position:relative;width:100%;min-width:0;max-width:350px}.input-pencarian{border:1px solid var(--warna-garis);background-color:var(--warna-permukaan);color:var(--warna-teks-utama);border-radius:8px;width:100%;padding:.5rem 1rem .5rem 2.5rem;transition:border-color .2s,box-shadow .2s;font-family:Poppins,sans-serif;font-size:.9rem}.input-pencarian::placeholder{color:var(--warna-teks-sekunder)}.input-pencarian:focus{outline:none;border-color:var(--warna-aksen);box-shadow:0 0 0 2px var(--warna-aksen)}.ikon-pencarian{position:absolute;color:var(--warna-teks-sekunder);pointer-events:none;font-size:1rem;top:50%;left:.75rem;transform:translateY(-50%)}@media (min-width:640px){.logo-pembungkus{display:flex;align-items: center;margin-bottom:.5rem}.area-header-atas h1{font-size:1.75rem}}