:root{--latar:#0b0709;--panel:#170d11;--garis:#3a1a24;--teks:#f4e9ec;--redup:#c9b3ba;--merah:#ff3b5c;--merah-tua:#b3122f;--hijau:#5be3a1;--kuning:#ffd166;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--latar);color:var(--teks);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.kepala{border-bottom:1px solid var(--garis);letter-spacing:.02em;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-weight:600;display:flex}.logo{border:2px solid var(--merah);width:2rem;height:2rem;color:var(--merah);border-radius:.5rem;place-items:center;font-size:.8rem;display:inline-grid}.isi{max-width:56rem;margin:0 auto;padding:1.25rem}h1{margin:.5rem 0 1rem;font-size:1.5rem}h2{color:var(--merah);margin:0 0 .75rem;font-size:1.1rem}.panel{background:var(--panel);border:1px solid var(--garis);border-radius:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}label{color:var(--redup);margin:.5rem 0;font-size:.95rem;display:block}input,select{width:100%;color:var(--teks);border:1px solid var(--garis);font:inherit;background:#0f080b;border-radius:.5rem;margin-top:.25rem;padding:.55rem .7rem;display:block}input:focus-visible,select:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid var(--merah);outline-offset:2px}button{background:var(--merah-tua);color:#fff;border:1px solid var(--merah);font:inherit;cursor:pointer;border-radius:.5rem;margin:.5rem .5rem 0 0;padding:.55rem 1rem;font-weight:600}button.kedua{color:var(--teks);border-color:var(--garis);background:0 0}button:disabled{opacity:.5;cursor:not-allowed}code,.token{word-break:break-all;font-family:ui-monospace,Cascadia Code,Consolas,monospace}.token{letter-spacing:.02em;font-size:1.05rem}.medan-rahasia{-webkit-text-security:disc;font-family:ui-monospace,Cascadia Code,Consolas,monospace}.pesan{border:1px solid var(--garis);border-radius:.5rem;margin:.75rem 0;padding:.6rem .8rem}.pesan.ok{border-color:var(--hijau);color:var(--hijau)}.pesan.galat{border-color:var(--merah);color:#ffc2cc}.pesan.awas{border-color:var(--kuning);color:var(--kuning)}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--garis);padding:.35rem .5rem}.redup{color:var(--redup);font-size:.9rem}.baris{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;display:grid}.lompat{background:var(--merah-tua);color:#fff;z-index:10;border-radius:.5rem;padding:.5rem .75rem;position:absolute;top:.5rem;left:-999px}.lompat:focus{left:.5rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}a{color:#ffb3c1}a:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid var(--merah);outline-offset:2px}.navigasi{gap:1rem;margin-left:auto;font-weight:500;display:flex}.navigasi a{border-radius:.4rem;padding:.35rem .5rem;text-decoration:none}textarea{width:100%;color:var(--teks);border:1px solid var(--garis);font:inherit;resize:vertical;background:#0f080b;border-radius:.5rem;margin-top:.25rem;padding:.55rem .7rem;display:block}.baris-aksi{flex-wrap:wrap;align-items:flex-end;gap:.5rem 1rem;display:flex}.baris-aksi label{flex:14rem}.daftar-kartu{gap:.75rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.kartu{background:var(--panel);border:1px solid var(--garis);border-left:4px solid var(--garis);border-radius:.75rem}.kartu.dampak-tinggi{border-left-color:var(--merah)}.kartu-tautan{color:var(--teks);gap:.3rem;min-height:44px;padding:.85rem 1rem;text-decoration:none;display:grid}.kartu-tautan:hover .kartu-ringkas{text-decoration:underline}.kartu-kepala{flex-wrap:wrap;align-items:center;gap:.4rem .75rem;display:flex}.kartu-gerbang{font-weight:600}.kartu-ringkas{font-size:1.02rem}.kartu-meta{word-break:break-word;font-size:.85rem}.lencana{border:1px solid var(--garis);color:var(--teks);border-radius:999px;padding:.05rem .5rem;font-size:.85rem;font-weight:700;display:inline-block}.lencana-passkey{border-color:var(--merah);color:#ffc2cc}.tenggat{margin-left:auto;font-size:.85rem}.tenggat-lewat{color:#ffc2cc;font-weight:700}.tenggat-mendesak{color:var(--kuning);font-weight:600}.rincian{grid-template-columns:minmax(7rem,max-content) 1fr;gap:.35rem 1rem;margin:0 0 .75rem;display:grid}.rincian dt{color:var(--redup)}.rincian dd{word-break:break-word;margin:0}.json{border:1px solid var(--garis);white-space:pre-wrap;word-break:break-word;background:#0f080b;border-radius:.5rem;max-height:24rem;padding:.6rem;font-size:.85rem;overflow:auto}.bukti{margin:0;padding-left:1.25rem}.pilihan-putusan{flex-wrap:wrap;display:flex}button.pilih{min-width:7rem;min-height:44px}button.pilih.terpilih{background:var(--merah-tua);outline-offset:-4px;border-color:#fff;outline:2px solid #fff}.tanda-ok{color:var(--hijau)}.tanda-galat{color:#ffc2cc}.tabel-gulir{overflow-x:auto}@media (max-width:600px){.isi{padding:1rem .85rem 5rem}.navigasi{padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--garis);z-index:5;justify-content:space-around;margin:0;position:fixed;bottom:0;left:0;right:0}.navigasi a{text-align:center;flex:1;place-items:center;min-height:44px;display:grid}button,button.pilih{width:100%;margin-right:0}.rincian{grid-template-columns:1fr}.tenggat{margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
