:root{
  --kk-primary: #8C56AC;
}
.kk-dot{width:10px;height:10px;border-radius:50%;background:var(--kk-primary);display:inline-block}
.kk-card{border-radius:14px}
.kk-muted{color:#6c757d}
.kk-pill{border:1px solid rgba(0,0,0,.08); border-radius:999px; padding:.25rem .6rem; font-size:.85rem}
.kk-bottom-nav{
  position: sticky; bottom: 0; width:100%;
  display:flex; justify-content:space-around;
  padding: .45rem .25rem;
  z-index: 50;
}
.kk-nav-item{
  flex:1; text-align:center; color:#666; text-decoration:none;
  display:flex; flex-direction:column; align-items:center; gap:.15rem;
  font-size:.78rem;
}
.kk-nav-item i{font-size:1.2rem}
.kk-nav-item.active{color:var(--kk-primary)}
.kk-update-bar{
  position: fixed; top: 56px; left: 12px; right: 12px;
  background: var(--kk-primary); color: #fff;
  padding: .55rem .75rem;
  border-radius: 12px;
  z-index: 9999;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}
pre.kk-json{white-space:pre-wrap; word-break:break-word; background:#0b1020; color:#d7e2ff; padding:12px; border-radius:12px; font-size:.85rem}