:root{--latar:#f7f7f5;--permukaan:#fff;--teks:#111;--redup:#5f5f5b;--garis:#e3e3df;--lembut:#f1f1ee;--utama:#111;--utama-teks:#fff;--serif:ui-serif, Georgia, "Times New Roman", serif;--lebar-kolom:696px;--tepi-kolom:max(12px, calc((100% - var(--lebar-kolom)) / 2));--bayang:0 6px 24px #00000024;--tinggi-nav:56px;--tinggi-aksi:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--teks);background:var(--latar);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;color:inherit}h1,h2,p{margin:0}.redup{color:var(--redup);font-size:.875rem}.app{grid-template-rows:auto auto 1fr auto auto;height:100dvh;display:grid}.banner-offline{padding:8px var(--tepi-kolom);color:#78350f;background:#fffbeb;border-bottom:1px solid #fcd34d;margin:0;font-size:.875rem;line-height:1.4}.atas{padding:6px var(--tepi-kolom);padding-top:max(6px, env(safe-area-inset-top));background:var(--permukaan);border-bottom:1px solid var(--garis);z-index:3;justify-content:space-between;align-items:center;gap:8px;display:flex}.merek{min-height:44px;font-family:var(--serif);letter-spacing:-.01em;color:var(--teks);align-items:center;gap:8px;font-size:1.15rem;font-weight:600;text-decoration:none;display:inline-flex}.merek .logo,.merek .logo svg{display:block}.pilih-bbm{background:var(--latar);border:1px solid var(--garis);border-radius:999px;padding:2px;display:flex}.pilih-bbm button{cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:88px;min-height:44px;padding:0 14px;font-weight:600}.pilih-bbm button.aktif{background:var(--utama);color:var(--utama-teks)}.isi{min-height:0;position:relative;overflow:hidden}.aksi{padding:6px var(--tepi-kolom);background:var(--permukaan);border-top:1px solid var(--garis);z-index:3}.tombol-lapor{background:var(--utama);width:100%;min-height:48px;color:var(--utama-teks);cursor:pointer;border:0;border-radius:12px;font-size:1.05rem;font-weight:700}.tombol-lapor:disabled{opacity:.5;cursor:not-allowed}.bawah{height:var(--tinggi-nav);padding-inline:var(--tepi-kolom);padding-bottom:env(safe-area-inset-bottom);background:var(--permukaan);border-top:1px solid var(--garis);z-index:3;grid-template-columns:repeat(4,1fr);display:grid}.bawah a{min-height:44px;color:var(--redup);place-items:center;font-weight:600;text-decoration:none;display:grid}.bawah a.active{color:var(--utama);box-shadow:inset 0 3px 0 var(--utama)}.halaman{scrollbar-gutter:stable both-edges;height:100%;padding:16px;overflow:auto}.tautan{min-height:44px;color:var(--utama);cursor:pointer;background:0 0;border:0;padding:0 4px;font-weight:600;text-decoration:underline}.peta-wadah,.peta-wadah>.peta{position:absolute;inset:0}.tombol-lokasi{border:1px solid var(--garis);background:var(--permukaan);width:44px;height:44px;color:var(--utama);box-shadow:var(--bayang);cursor:pointer;z-index:2;border-radius:12px;place-items:center;display:grid;position:absolute;bottom:64px;right:10px}.catatan-lokasi{background:var(--permukaan);box-shadow:var(--bayang);z-index:2;border-radius:10px;padding:8px 10px;font-size:.85rem;position:absolute;bottom:118px;left:10px;right:10px}.info-peta{max-width:calc(100% - 70px);box-shadow:var(--bayang);z-index:2;background:#fffffff0;border-radius:10px;padding:2px 10px;font-size:.85rem;position:absolute;bottom:10px;left:10px}.info-peta .galat{color:#b91c1c}.legenda-isi{padding:4px 0 10px}.legenda-isi ul{gap:4px;margin:0 0 8px;padding:0;list-style:none;display:grid}.legenda-isi li{align-items:center;gap:8px;display:flex}.titik-saya{background:#2563eb;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 6px #2563eb40}.mk{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.mk-bulat,.bulat{border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 2px 6px #0000004d}.mk-isi .mk-bulat,.bulat-isi{background:var(--warna);color:#fff;border:2px solid #fff}.mk-garis .mk-bulat,.bulat-garis{color:var(--warna);border:3.5px solid var(--warna);background:#fff}.mk-pudar .mk-bulat,.bulat-pudar{color:#7a817e;opacity:.85;box-shadow:none;background:#eceeed;border:2px dashed #9ca3af}.mk-umur{white-space:nowrap;color:var(--teks);background:#fffffff2;border-radius:6px;margin-top:2px;padding:0 5px;font-size:11px;font-weight:600;line-height:16px}.mk:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #2563eb}.mk-klaster{color:#fff;cursor:pointer;background:#334155;border:3px solid #fff;border-radius:50%;width:44px;height:44px;font-weight:700;box-shadow:0 2px 8px #00000059}.status-lencana{align-items:center;gap:8px;display:inline-flex}.bulat{flex:none}.status-label{font-size:.9rem}.lembar{max-width:calc(var(--lebar-kolom) + 32px);background:var(--permukaan);z-index:4;border-radius:16px 16px 0 0;max-height:70%;margin-inline:auto;padding:14px 16px 16px;position:absolute;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -8px 30px #0000002e}.lembar-kepala{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.lembar h2{font-size:1.1rem}.tombol-ikon{background:var(--latar);cursor:pointer;border:0;border-radius:50%;flex:none;width:44px;height:44px;font-size:1.1rem}.daftar-bbm{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.daftar-bbm li{border:1px solid var(--garis);border-radius:12px;align-items:center;gap:12px;padding:8px 10px;display:flex}.daftar-bbm li.aktif{border-color:var(--utama);background:var(--lembut)}.bbm-teks{display:grid}.ajakan{margin-bottom:6px;font-weight:600}.disclaimer{color:var(--redup);font-size:.8rem}.maplibregl-ctrl-group button{width:40px;height:40px}.lapor{background:var(--latar);z-index:10;flex-direction:column;display:flex;position:fixed;inset:0}.lapor-kepala{padding:8px var(--tepi-kolom);padding-top:max(8px, env(safe-area-inset-top));background:var(--permukaan);border-bottom:1px solid var(--garis);justify-content:space-between;align-items:center;display:flex}.lapor-kepala h2{outline:none;font-size:1.1rem}.lapor-isi{padding:12px var(--tepi-kolom) calc(16px + env(safe-area-inset-bottom));flex:1;align-content:start;gap:12px;display:grid;overflow:auto}.blok{gap:8px;display:grid}.blok h3{margin:0;font-size:.95rem}.memuat{text-align:center;color:var(--utama);justify-items:center;gap:8px;padding:32px 16px;display:grid}.memuat p{color:var(--teks)}.memuat .redup{color:var(--redup)}.kotak-info,.kotak-galat{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;gap:6px;margin:0;padding:12px;display:grid}.kotak-galat{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.spbu-terpilih{background:var(--permukaan);border:1px solid var(--garis);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.pilihan-spbu{border:0;gap:6px;margin:0;padding:0;display:grid}.pilihan-spbu legend{margin-bottom:6px;font-weight:700}.pilihan-spbu input{border:1px solid var(--garis);min-height:44px;font:inherit;border-radius:10px;padding:0 12px}.pilihan-spbu button{text-align:left;border:1px solid var(--garis);background:var(--permukaan);cursor:pointer;border-radius:10px;gap:2px;min-height:52px;padding:8px 12px;display:grid}.pilihan-spbu button.aktif{border-color:var(--utama);background:var(--lembut)}.pilih-bbm.lebar{grid-template-columns:repeat(2,1fr);display:grid}.tombol-status{gap:8px;display:grid}.tombol-status button{text-align:left;border:1px solid var(--garis);border-left:6px solid var(--warna);background:var(--permukaan);cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:60px;padding:8px 12px;display:flex}.tombol-status button:disabled{opacity:.5;cursor:not-allowed}.tombol-status button:not(:disabled):active{background:#f3f4f6;transform:scale(.99)}.status-teks{display:grid}.sukses{gap:8px;display:grid}.sukses-judul{color:var(--utama);align-items:center;gap:8px;font-weight:700;display:flex}.baris-tombol{gap:8px;margin-top:4px;display:grid}.tombol-utama,.tombol-sekunder{cursor:pointer;border-radius:12px;min-height:48px;font-weight:700}.tombol-utama{background:var(--utama);color:var(--utama-teks);border:0}.tombol-sekunder{border:1px solid var(--utama);background:var(--permukaan);color:var(--utama)}.tombol-sekunder:disabled{opacity:.5;cursor:not-allowed}.lebar-penuh{width:100%}.daftar{align-content:start;gap:16px;padding-bottom:24px;display:grid}.daftar h2{margin-bottom:8px;font-size:1rem}.blok-opsi{background:var(--lembut);border:1px solid var(--garis);border-radius:14px;padding:12px}.blok-opsi .daftar-spbu{margin-top:8px}.daftar-spbu{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.baris-spbu{text-align:left;border:1px solid var(--garis);background:var(--permukaan);cursor:pointer;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 12px;display:flex}.baris-spbu:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.baris-teks{gap:1px;min-width:0;display:grid}.baris-teks strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.info{align-content:start;gap:12px;padding-bottom:24px;display:grid}.kartu{background:var(--permukaan);border:1px solid var(--garis);border-radius:14px;gap:8px;padding:14px;display:grid}.kartu h2{font-size:1.05rem}.kartu h3{margin:6px 0 0;font-size:.95rem}.kartu p{line-height:1.45}.kecil{font-size:.8rem}.tenang{background:var(--lembut);border-color:var(--garis)}.langkah,.poin{gap:6px;margin:0;padding-left:20px;line-height:1.45;display:grid}.info .legenda-isi{padding:0}.aksi-lembar{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.aksi-lembar.satu{grid-template-columns:1fr}.form-usulan{gap:8px;display:grid}.form-usulan input,.form-usulan textarea{border:1px solid var(--garis);background:var(--permukaan);width:100%;min-height:44px;font:inherit;border-radius:10px;padding:10px 12px}.form-usulan textarea{resize:vertical}.form-usulan button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.jebakan{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.peta-pengganti{text-align:center;background:var(--latar);align-content:center;justify-items:center;gap:8px;padding:24px 24px 96px;display:grid;position:absolute;inset:0}.peta-pengganti .baris-tombol{width:100%;max-width:320px}.aksi-lembar a.tombol-sekunder{place-items:center;text-decoration:none;display:grid}.beranda{align-content:start;gap:20px;padding-bottom:32px;display:grid}.beranda>*,.daftar>*,.info>*{width:100%;max-width:var(--lebar-kolom);margin-inline:auto}.beranda h1{font-family:var(--serif);letter-spacing:-.015em;font-size:clamp(1.65rem,6vw,2.2rem);font-weight:600;line-height:1.18}.beranda-pembuka{gap:8px;padding-top:8px;display:grid}.beranda-pembuka .redup{font-size:1rem;line-height:1.5}.beranda-status{min-height:44px;color:var(--redup);align-items:center;gap:4px;font-size:.85rem;display:flex}.kartu-beranda{border:1px solid var(--garis);background:var(--permukaan);border-radius:16px;gap:10px;padding:14px;display:grid}.kartu-beranda .daftar-spbu{margin:0}.kepala-seksi{justify-content:space-between;align-items:center;gap:8px;display:flex}.kepala-seksi h2{font-size:1rem}.tautan-kecil{min-height:44px;color:var(--teks);text-underline-offset:3px;align-items:center;font-size:.875rem;font-weight:600;text-decoration:underline;display:inline-flex}.ajak-lokasi{gap:4px;display:grid}.aksi-beranda{grid-template-columns:1fr 1fr;gap:8px;display:grid}.aksi-beranda .tombol-sekunder{place-items:center;text-decoration:none;display:grid}.seksi-beranda{border-top:1px solid var(--garis);gap:10px;padding-top:20px;display:grid}.seksi-beranda h2{font-family:var(--serif);letter-spacing:-.01em;font-size:1.35rem;font-weight:600}.seksi-beranda p{color:#33332f;line-height:1.65}.langkah-beranda{counter-reset:langkah;gap:14px;margin:0;padding:0;list-style:none;display:grid}.langkah-beranda li{counter-increment:langkah;grid-template-columns:32px 1fr;column-gap:12px;line-height:1.5;display:grid}.langkah-beranda li:before{content:counter(langkah);border:1px solid var(--teks);border-radius:50%;grid-row:span 2;place-items:center;width:32px;height:32px;font-size:.9rem;font-weight:600;display:grid}.langkah-beranda span{color:var(--redup)}.faq{display:grid}.faq details{border-bottom:1px solid var(--garis)}.faq summary{cursor:pointer;min-height:48px;padding:12px 32px 12px 0;font-weight:600;line-height:1.4;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.35rem;font-weight:400;transition:transform .15s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.faq details[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq summary:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.faq details p{color:var(--redup);padding:0 0 14px;line-height:1.65}.beranda .disclaimer{padding-top:4px}.statis .atas{position:sticky;top:0}.statis .halaman{height:auto;overflow:visible}.sketsa-keramaian{background:var(--lembut);border-radius:12px;width:100%;height:auto;display:block}.label-sketsa{fill:#6b6b66;font-size:10px}.skala-keramaian{color:var(--redup);align-items:center;gap:8px;font-size:.78rem;display:flex}.skala-keramaian .batang{background:linear-gradient(90deg,#faeeda,#ef9f27,#e24b4a);border-radius:3px;flex:1;height:6px}.ringkasan-keramaian{font-size:.9rem}.tombol-lapisan{border:1px solid var(--garis);background:var(--permukaan);min-height:44px;box-shadow:var(--bayang);cursor:pointer;z-index:2;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.tombol-lapisan:before{content:"";background:#d4d4cf;border-radius:50%;width:10px;height:10px}.tombol-lapisan.aktif:before{background:#e24b4a}.tombol-lapisan:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.catatan-keramaian{max-width:min(300px,100% - 70px);box-shadow:var(--bayang);z-index:2;background:#fffffff2;border-radius:10px;padding:8px 10px;font-size:.75rem;line-height:1.4;position:absolute;top:62px;left:10px}.catatan-keramaian .skala-keramaian{margin-bottom:4px}.ringkasan-sekitar{border:1px solid var(--garis);border-radius:12px;gap:4px;margin:0 0 12px;padding:10px 12px;display:grid}.ringkasan-sekitar h3{margin:0;font-size:.9rem}.ringkasan-sekitar p{line-height:1.45}.baris-perkiraan{gap:2px;display:grid}.label-perkiraan{border:1px solid var(--garis);background:var(--permukaan);width:fit-content;color:var(--redup);border-radius:999px;align-items:center;gap:6px;padding:1px 8px;font-size:.78rem;line-height:1.5;display:inline-flex}.titik-perkiraan{background:#c9c9c3;border-radius:50%;flex:none;width:8px;height:8px}.perkiraan-sedang .titik-perkiraan{background:#ef9f27}.perkiraan-tinggi .titik-perkiraan{background:#e24b4a}.perkiraan-tinggi{color:var(--teks)}.panel-lalu-lintas{z-index:12;background:var(--latar);flex-direction:column;display:flex;position:fixed;inset:0}.panel-kepala{padding:8px var(--tepi-kolom);padding-top:max(8px, env(safe-area-inset-top));background:var(--permukaan);border-bottom:1px solid var(--garis);justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-kepala h2{font-size:1.05rem}.peta-waze{background:var(--lembut);border:0;flex:1;width:100%;min-height:0}.panel-kaki{padding:10px var(--tepi-kolom) calc(12px + env(safe-area-inset-bottom));background:var(--permukaan);border-top:1px solid var(--garis);gap:8px;display:grid}.panel-kaki .tombol-sekunder{place-items:center;text-decoration:none;display:grid}.panel-lalu-lintas .kotak-info{margin:16px var(--tepi-kolom)}.pilih-wilayah{align-items:center;gap:8px;min-height:44px;font-size:.9rem;display:flex}.pilih-wilayah .label-wilayah{color:var(--redup)}.pilih-wilayah select{border:1px solid var(--garis);background:var(--permukaan);min-width:0;max-width:320px;min-height:40px;color:var(--teks);font:inherit;border-radius:10px;flex:1;padding:6px 10px}.pilih-wilayah.ringkas{min-height:36px;font-size:.82rem}.pilih-wilayah.ringkas select{min-height:34px;padding:4px 8px}.info-peta .pilih-wilayah{margin:4px 0}.judul-tersembunyi{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.daftar-statis{gap:4px;margin:0;padding-left:20px;line-height:1.45;display:grid}.pesan-lokasi{color:#78350f;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;margin:0;padding:8px 10px;font-size:.85rem;line-height:1.45}.tombol-lokasi:disabled{cursor:progress}.tombol-lokasi.mencari{animation:1.2s ease-in-out infinite denyut-lokasi}@keyframes denyut-lokasi{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.tombol-lokasi.mencari{opacity:.6;animation:none}}