/* Reader Knight — Overlay */
#rk-overlay {
  position:fixed; inset:0; z-index:100000;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.86);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  animation:rkFade .25s ease;
}
@keyframes rkFade { from{opacity:0} to{opacity:1} }

.rk-box {
  background:#111318; border:1px solid #222; border-radius:14px;
  padding:2.4rem 2.8rem; text-align:center; width:min(360px,90vw);
  box-shadow:0 0 80px rgba(255,100,0,.1);
  animation:rkBoxIn .35s cubic-bezier(.34,1.56,.64,1);
}
@keyframes rkBoxIn { from{transform:scale(.88);opacity:0} to{transform:scale(1);opacity:1} }

.rk-spinner {
  width:46px; height:46px; border:3px solid #252525;
  border-top-color:#ff6400; border-radius:50%;
  margin:0 auto 1.3rem; animation:rkSpin .75s linear infinite;
}
@keyframes rkSpin { to{transform:rotate(360deg)} }

.rk-title { font-size:1.05rem; font-weight:700; color:#fff; margin:0 0 .3rem; }
.rk-sub   { font-size:.8rem; color:#666; margin:0 0 1.3rem; }
.rk-track { background:#1e1e1e; border-radius:99px; height:3px; overflow:hidden; margin-bottom:.9rem; }
.rk-bar   { height:100%; width:0; background:linear-gradient(90deg,#ff6400,#ffaa00); border-radius:99px; transition:width 3s linear; }
.rk-count { font-size:1.7rem; font-weight:900; color:#ff6400; display:block; font-variant-numeric:tabular-nums; min-height:2rem; }
