
/* kir0Qual — TikTok Overlay / OBSIDIAN AURORA REMASTER
   Visual-only stylesheet. IDs and processing behavior are untouched. */

#kir0-auto-panel{
  position:fixed;right:22px;top:84px;z-index:2147483645;
  min-width:188px;max-width:255px;box-sizing:border-box;padding:12px 14px;
  border-radius:15px;
  background:
    radial-gradient(160px 90px at 100% 0,rgba(151,94,255,.16),transparent 72%),
    linear-gradient(145deg,rgba(15,14,25,.94),rgba(7,7,12,.96));
  border:1px solid rgba(171,127,255,.24);
  box-shadow:0 18px 52px rgba(0,0,0,.42),0 0 34px rgba(129,80,255,.07),inset 0 1px rgba(255,255,255,.05);
  color:#fbfaff;
  font-family:Inter,"Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;
  backdrop-filter:blur(24px) saturate(135%);
}
#kir0-auto-panel:before{
  content:"";position:absolute;left:16px;right:16px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#a977ff,#ff78c2,transparent);opacity:.65
}
#kir0-auto-panel .kqa-activeLine{display:flex;align-items:center;gap:8px}
#kir0-auto-panel .kqa-activeLine i{
  width:8px;height:8px;border-radius:50%;
  background:#78ffc2;
  box-shadow:0 0 11px rgba(101,255,185,.95),0 0 28px rgba(101,255,185,.35)
}
#kir0-auto-panel .kqa-activeLine b{font-size:10px;letter-spacing:1.35px;color:#f2edff}
#kir0-auto-panel .kqa-quota{margin-top:7px;font-size:9px;font-weight:650;color:#b1a8c3}
#kir0-auto-panel .kqa-status{margin-top:3px;font-size:9px;line-height:1.4;color:#716a7e}
#kir0-auto-panel[data-kind="working"] .kqa-status{color:#cbb5ff}
#kir0-auto-panel[data-kind="ok"] .kqa-status{color:#86efbd}
#kir0-auto-panel[data-kind="error"] .kqa-status{color:#ff9daf}

/* FULL SCREEN EXPERIENCE */
#kir0-processing-overlay{
  position:fixed;inset:0;z-index:2147483646;
  display:flex;align-items:center;justify-content:center;
  padding:28px;
  color:#fff;
  font-family:Inter,"Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;
  background:
    radial-gradient(680px 420px at 50% 46%,rgba(116,67,230,.13),transparent 66%),
    rgba(3,3,7,.79);
  backdrop-filter:blur(14px) saturate(115%);
  animation:kqoBackdrop .32s cubic-bezier(.2,.8,.2,1);
}
#kir0-processing-overlay:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at center,#000 0,transparent 74%);
}
#kir0-processing-overlay:after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#8d62ff 36%,#ff69bc 64%,transparent);
  box-shadow:0 0 28px rgba(143,91,255,.65);opacity:.7;
}
#kir0-processing-overlay.kqo-hide{opacity:0;transition:opacity .42s ease;pointer-events:none}

#kir0-processing-overlay .kqo-card{
  width:min(640px,calc(100vw - 48px));
  min-height:510px;
  box-sizing:border-box;
  padding:32px 44px 31px;
  text-align:center;
  border-radius:30px;
  position:relative;overflow:hidden;
  background:
    radial-gradient(340px 210px at 100% 0,rgba(145,86,255,.17),transparent 72%),
    radial-gradient(300px 210px at 0 100%,rgba(255,79,179,.07),transparent 72%),
    linear-gradient(155deg,rgba(19,17,31,.985),rgba(7,7,13,.992) 64%);
  border:1px solid rgba(178,137,255,.22);
  box-shadow:
    0 38px 120px rgba(0,0,0,.68),
    0 0 85px rgba(121,72,255,.10),
    inset 0 1px rgba(255,255,255,.065);
  animation:kqoCardIn .4s cubic-bezier(.16,1,.3,1);
}
#kir0-processing-overlay .kqo-card:before{
  content:"";position:absolute;left:10%;right:10%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#b08aff 35%,#ff7bc5 66%,transparent);
  box-shadow:0 0 25px rgba(166,109,255,.7);
}
#kir0-processing-overlay .kqo-card:after{
  content:"KIR0";position:absolute;right:-12px;bottom:-56px;
  font-size:170px;line-height:1;font-weight:950;letter-spacing:-16px;
  color:rgba(255,255,255,.016);pointer-events:none;user-select:none
}

.kqo-brand{
  position:relative;z-index:2;
  display:inline-flex;justify-content:center;align-items:center;gap:10px;
  margin:0 auto 24px;padding:8px 13px;border-radius:999px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
  font-weight:800;font-size:12px;letter-spacing:.45px;color:#f5f1ff;
  box-shadow:inset 0 1px rgba(255,255,255,.03)
}
.kqo-brand:after{
  content:"HQ ENGINE";font-size:8px;font-weight:850;letter-spacing:1.35px;color:#746c83;
  padding-left:10px;border-left:1px solid rgba(255,255,255,.08)
}
.kqo-dot{
  width:8px;height:8px;border-radius:50%;
  background:#a86cff;
  box-shadow:0 0 13px rgba(169,102,255,1),0 0 30px rgba(169,102,255,.35);
  animation:kqoPulse 1.8s ease-in-out infinite
}

/* Reactor-style progress core */
.kqo-ring{
  --progress:0deg;
  position:relative;z-index:2;
  width:176px;height:176px;margin:3px auto 26px;border-radius:50%;
  display:grid;place-items:center;
  background:
    radial-gradient(circle at center,transparent 57%,rgba(255,255,255,.035) 58% 60%,transparent 61%),
    conic-gradient(from -90deg,#7550ff 0deg,#b06eff calc(var(--progress)*.62),#ff6fba var(--progress),rgba(255,255,255,.07) 0);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05),
    0 0 55px rgba(125,75,255,.14),
    inset 0 0 30px rgba(131,78,255,.10);
  transition:background .28s linear;
}
.kqo-ring:before{
  content:"";position:absolute;inset:-11px;border-radius:50%;
  border:1px solid rgba(255,255,255,.045);
  background:
    repeating-conic-gradient(from -90deg,rgba(192,155,255,.33) 0deg 1deg,transparent 1deg 11.25deg);
  mask:radial-gradient(circle,transparent 0 72%,#000 73% 76%,transparent 77%);
  animation:kqoSpin 18s linear infinite
}
.kqo-ring:after{
  content:"";position:absolute;inset:11px;border-radius:50%;
  border:1px solid rgba(173,135,255,.08);
  box-shadow:inset 0 0 28px rgba(136,77,255,.07)
}
.kqo-ringInner{
  position:relative;width:146px;height:146px;border-radius:50%;
  display:grid;place-items:center;
  background:
    radial-gradient(circle at 50% 35%,rgba(167,112,255,.10),transparent 48%),
    linear-gradient(145deg,#11101b,#08080e);
  box-shadow:
    inset 0 1px rgba(255,255,255,.055),
    inset 0 -16px 35px rgba(0,0,0,.32),
    0 10px 35px rgba(0,0,0,.28)
}
.kqo-ring strong{
  font-size:38px;line-height:1;font-weight:850;letter-spacing:-2px;color:#fff;
  text-shadow:0 0 26px rgba(191,155,255,.16)
}

.kqo-title{
  position:relative;z-index:2;
  font-size:27px;line-height:1.05;font-weight:800;letter-spacing:-.9px;color:#fff
}
.kqo-detail{
  position:relative;z-index:2;
  margin:10px auto 0;max-width:470px;
  font-size:12px;line-height:1.55;color:#aba3b9
}
.kqo-eta{
  position:relative;z-index:2;
  display:inline-flex;align-items:center;gap:7px;
  margin-top:10px;padding:6px 10px;border-radius:999px;
  background:rgba(151,101,255,.055);
  border:1px solid rgba(151,101,255,.10);
  font-size:10px;font-weight:700;letter-spacing:.2px;color:#c0a8f6
}
.kqo-eta:before{
  content:"";width:5px;height:5px;border-radius:50%;background:#9d6eff;
  box-shadow:0 0 9px rgba(157,110,255,.8)
}

.kqo-track{
  position:relative;z-index:2;
  height:8px;margin:25px 0 18px;padding:1px;
  border-radius:99px;overflow:hidden;
  border:1px solid rgba(255,255,255,.05);
  background:rgba(0,0,0,.36);
  box-shadow:inset 0 3px 8px rgba(0,0,0,.25)
}
.kqo-track i{
  display:block;width:0;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#6447ff 0%,#a363ff 48%,#f268b7 100%);
  box-shadow:0 0 18px rgba(150,90,255,.55);
  transition:width .3s cubic-bezier(.2,.8,.2,1)
}
.kqo-warning{
  position:relative;z-index:2;
  width:max-content;max-width:100%;margin:0 auto;
  font-size:9px;line-height:1.5;letter-spacing:.2px;color:#676170
}
.kqo-warning:before{content:"◈";margin-right:7px;color:#8b6dc3}

.kqo-save{
  position:relative;z-index:3;appearance:none;
  border:1px solid rgba(174,126,255,.25);
  background:linear-gradient(135deg,rgba(128,79,255,.13),rgba(255,85,181,.055));
  color:#eee6ff;border-radius:12px;padding:11px 18px;margin:0 0 17px;
  font-size:10px;font-weight:800;letter-spacing:.45px;cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.045);
  transition:.2s ease
}
.kqo-save:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(128,79,255,.22),rgba(255,85,181,.09));
  border-color:rgba(188,145,255,.48);
  box-shadow:0 10px 28px rgba(94,52,200,.14),inset 0 1px rgba(255,255,255,.07)
}

/* completion */
#kir0-processing-overlay[data-state="done"] .kqo-ring{
  background:
    radial-gradient(circle at center,transparent 57%,rgba(255,255,255,.035) 58% 60%,transparent 61%),
    conic-gradient(from -90deg,#42d99a,#78ffc2 360deg);
  box-shadow:0 0 0 1px rgba(114,255,193,.08),0 0 60px rgba(72,230,160,.15),inset 0 0 28px rgba(72,230,160,.08)
}
#kir0-processing-overlay[data-state="done"] .kqo-dot{background:#72ffc1;box-shadow:0 0 14px #72ffc1,0 0 34px rgba(114,255,193,.35)}
#kir0-processing-overlay[data-state="done"] .kqo-eta{
  color:#a7fbd0;background:rgba(71,219,155,.055);border-color:rgba(71,219,155,.12)
}
#kir0-processing-overlay[data-state="done"] .kqo-eta:before{background:#72ffc1;box-shadow:0 0 10px rgba(114,255,193,.8)}
#kir0-processing-overlay[data-state="done"] .kqo-track i{background:linear-gradient(90deg,#36c98e,#78ffc2);box-shadow:0 0 18px rgba(82,232,166,.5)}

/* error */
#kir0-processing-overlay[data-state="error"] .kqo-ring{
  background:
    radial-gradient(circle at center,transparent 57%,rgba(255,255,255,.035) 58% 60%,transparent 61%),
    conic-gradient(from -90deg,#b63757,#ff6684 360deg)
}
#kir0-processing-overlay[data-state="error"] .kqo-dot{background:#ff6684;box-shadow:0 0 14px rgba(255,102,132,.8)}
#kir0-processing-overlay[data-state="error"] .kqo-eta{
  color:#ffabb9;background:rgba(255,78,113,.055);border-color:rgba(255,78,113,.12)
}
#kir0-processing-overlay[data-state="error"] .kqo-eta:before{background:#ff6684}
#kir0-processing-overlay[data-state="error"] .kqo-track i{background:#ff5577}

@keyframes kqoBackdrop{from{opacity:0}to{opacity:1}}
@keyframes kqoCardIn{from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:none}}
@keyframes kqoSpin{to{transform:rotate(360deg)}}
@keyframes kqoPulse{0%,100%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}

@media(max-width:700px){
  #kir0-processing-overlay{padding:18px}
  #kir0-processing-overlay .kqo-card{
    width:min(94vw,560px);min-height:470px;padding:29px 24px 25px;border-radius:24px
  }
  .kqo-ring{width:152px;height:152px}
  .kqo-ringInner{width:126px;height:126px}
  .kqo-ring strong{font-size:33px}
  .kqo-title{font-size:23px}
  .kqo-detail{font-size:11px}
}


/* NEBULA PARTICLES — TikTok processing backdrop, visual only */
#kir0-processing-overlay .kqo-card{
  isolation:isolate;
}
#kir0-processing-overlay .kqo-card > *{position:relative;z-index:2}
#kir0-processing-overlay .kqo-card{
  background:
    radial-gradient(360px 230px at 90% 0,rgba(133,76,255,.21),transparent 70%),
    radial-gradient(300px 230px at 5% 100%,rgba(255,65,169,.08),transparent 72%),
    linear-gradient(155deg,rgba(17,14,29,.985),rgba(5,5,10,.994) 67%);
}
#kir0-processing-overlay .kqo-card:after{
  content:"";
  z-index:0;
  position:absolute;inset:0;
  pointer-events:none;
  opacity:.5;
  background:
    radial-gradient(circle at 8% 17%,rgba(255,255,255,.75) 0 1px,transparent 1.8px),
    radial-gradient(circle at 18% 72%,rgba(179,126,255,.8) 0 1px,transparent 1.8px),
    radial-gradient(circle at 29% 31%,rgba(255,91,183,.7) 0 1px,transparent 1.8px),
    radial-gradient(circle at 41% 83%,rgba(255,255,255,.48) 0 .8px,transparent 1.5px),
    radial-gradient(circle at 57% 14%,rgba(158,110,255,.8) 0 1px,transparent 1.8px),
    radial-gradient(circle at 69% 68%,rgba(255,105,192,.65) 0 1px,transparent 1.8px),
    radial-gradient(circle at 83% 29%,rgba(255,255,255,.58) 0 .9px,transparent 1.6px),
    radial-gradient(circle at 92% 81%,rgba(162,114,255,.8) 0 1px,transparent 1.8px);
  animation:kqoStars 14s ease-in-out infinite alternate;
}
@keyframes kqoStars{
  from{transform:translate3d(-4px,-5px,0);opacity:.35}
  to{transform:translate3d(6px,7px,0);opacity:.65}
}
