/* ================= FEATURE 1 · RUANG SIDANG BUKTI (preloader) ================= */
.ledger{position:fixed; inset:0; z-index:10000; overflow:hidden;
  font-family:'Inter',sans-serif; pointer-events:all}
.ledger.done{pointer-events:none}
.ledger-panel{position:absolute; left:0; right:0; height:50%;
  background:linear-gradient(180deg,#141024,#1c1436); z-index:1;
  transition:transform 1s cubic-bezier(.76,0,.24,1)}
.ledger-top{top:0}
.ledger-bot{bottom:0}
.ledger.split .ledger-top{transform:translateY(-100%)}
.ledger.split .ledger-bot{transform:translateY(100%)}
.ledger-core{position:absolute; inset:0; z-index:2; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:1.1rem; color:#fff;
  transition:opacity .5s ease}
.ledger.split .ledger-core{opacity:0}
.ledger-seal{color:#f0c46a}
.ledger-seal-svg{width:58px; height:58px}
.ledger-seal-ring{stroke-dasharray:182; stroke-dashoffset:182;
  transform:rotate(-90deg); transform-origin:center;
  animation:lgRing 1.5s cubic-bezier(.65,0,.35,1) forwards}
@keyframes lgRing{to{stroke-dashoffset:0}}
.ledger-seal-check{stroke-dasharray:44; stroke-dashoffset:44;
  animation:lgChk .5s cubic-bezier(.65,0,.35,1) 1.15s forwards}
@keyframes lgChk{to{stroke-dashoffset:0}}
.ledger-title{font-family:'Fraunces',serif; font-size:1.15rem; font-weight:500; letter-spacing:.01em}
.ledger-list{list-style:none; padding:0; margin:.2rem 0 0; width:min(88vw,340px)}
.ledger-list li{display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.5rem .1rem; font-size:12.5px; color:rgba(255,255,255,.62);
  border-bottom:1px solid rgba(255,255,255,.07);
  opacity:0; transform:translateY(6px);
  transition:opacity .4s ease, color .4s ease, transform .4s ease}
.ledger-list li.in{opacity:1; transform:none}
.ledger-list li.ok{color:rgba(255,255,255,.9)}
.lg-src{font-family:'JetBrains Mono',monospace; letter-spacing:.02em}
.lg-mark{width:17px; height:17px; border-radius:50%; flex-shrink:0;
  border:1.5px solid rgba(255,255,255,.2); position:relative;
  transition:border-color .3s, background .3s}
.ledger-list li.ok .lg-mark{border-color:#f0c46a; background:#f0c46a}
.lg-mark::after{content:''; position:absolute; left:5px; top:2.5px; width:4px; height:8px;
  border:solid #1c1436; border-width:0 2px 2px 0; transform:rotate(45deg) scale(0);
  transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.ledger-list li.ok .lg-mark::after{transform:rotate(45deg) scale(1)}
.ledger-foot{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.14em;
  color:rgba(255,255,255,.4); margin-top:.3rem}
.ledger-count{color:#f0c46a}
@media(prefers-reduced-motion:reduce){
  .ledger-seal-ring,.ledger-seal-check{animation:none; stroke-dashoffset:0}
}
.ledger-seal-svg{width:58px!important;height:58px!important}
.ledger{animation:ledgerFailsafe 0s linear 6s forwards}
@keyframes ledgerFailsafe{to{opacity:0;visibility:hidden;pointer-events:none}}