:root{
  --bg:#0a0710;
  --panel:#140d1e;
  --panel2:#100b18;
  --border:#39264f;
  --text:#f6f1ff;
  --muted:#9e91b0;
  --purple:#8b5cf6;
  --purple-dark:#6d28d9;
  --purple-soft:#c4b5fd;
  --green:#6ee7a8;
  --red:#ff7b8a;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 50% -15%, rgba(124,58,237,.22), transparent 42%),
    linear-gradient(180deg,#0d0915 0%,#09070e 100%);
  color:var(--text);
  min-height:100vh;
  display:grid;
  place-items:center;
}
.page{
  width:min(760px,calc(100% - 28px));
  padding:44px 0;
}
h1{
  margin:0 0 22px;
  font-size:30px;
  line-height:1.1;
  letter-spacing:-.03em;
  text-align:center;
}
.card{
  background:linear-gradient(180deg,rgba(21,16,32,.98),rgba(15,10,24,.98));
  border:1px solid var(--border);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}
.block{padding:22px 24px}
.block + .block{border-top:1px solid var(--border)}
.label{font-size:14px;font-weight:800;margin-bottom:9px}
textarea{
  width:100%;
  display:block;
  resize:none;
  overflow:hidden;
  min-height:56px;
  border-radius:13px;
  border:1px solid #3a2854;
  outline:none;
  padding:13px 16px;
  background:#0b0811;
  color:#f6efff;
  font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  transition:border-color .15s ease,box-shadow .15s ease;
}
textarea:focus{
  border-color:var(--purple);
  box-shadow:0 0 0 3px rgba(139,92,246,.12);
}
textarea::placeholder{color:#746985}
.counter{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:10px;
  color:var(--muted);
  font-size:12px;
}
.counter b{color:var(--purple-soft);font-weight:800}
.btn{
  display:block;
  width:100%;
  height:49px;
  margin-top:14px;
  border:0;
  border-radius:11px;
  background:linear-gradient(180deg,var(--purple),var(--purple-dark));
  color:#fff;
  font-weight:850;
  font-size:14px;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(109,40,217,.22);
  transition:opacity .15s ease,transform .06s ease;
}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
.btn.soft{
  background:#1a1129;
  border:1px solid var(--border);
  box-shadow:none;
  color:var(--purple-soft);
  height:42px;
  font-weight:700;
  margin-top:14px;
}
.progress{
  display:none;
  margin-top:14px;
  height:7px;
  background:#0a0710;
  border-radius:999px;
  overflow:hidden;
}
.progress.show{display:block}
.progress div{
  width:0;
  height:100%;
  background:linear-gradient(90deg,#7c3aed,#a78bfa);
  transition:width .25s ease;
}
.error-box{
  display:none;
  margin-top:12px;
  color:var(--red);
  font-size:13px;
}
.error-box.show{display:block}
.acc-card{
  border:1px solid var(--border);
  border-radius:12px;
  background:#0b0811;
  margin-top:9px;
  overflow:hidden;
}
.acc-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 12px;
}
.acc-head .login{
  font-size:13px;
  font-weight:800;
  color:var(--purple-soft);
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.acc-head .err{
  flex:1;
  text-align:right;
  color:var(--red);
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.copy-mini{
  flex-shrink:0;
  border:1px solid var(--border);
  border-radius:8px;
  background:#1a1129;
  color:var(--purple-soft);
  font-size:12px;
  font-weight:700;
  padding:5px 12px;
  cursor:pointer;
  transition:border-color .15s ease,color .15s ease;
}
.copy-mini:hover{border-color:var(--purple);color:#fff}
.acc-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 12px;
  border-top:1px solid #261a36;
  user-select:none;
}
.acc-row .cookie{
  flex:1;
  min-width:0;
  font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:#d9cdf0;
  background:#140d1e;
  border:1px solid #2b1d40;
  border-radius:7px;
  padding:5px 9px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:copy;
}
.result-card{
  margin-top:9px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#0b0811;
}
.result-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-size:13px;
}
.result-head .login{
  font-weight:800;
  color:var(--purple-soft);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ok-text{color:var(--green);font-weight:700}
.err-text{color:var(--red);font-weight:700;text-align:right}
.result-facts{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
.result-facts span{
  font-size:11px;
  color:var(--muted);
  background:#140d1e;
  border:1px solid #2b1d40;
  border-radius:999px;
  padding:3px 10px;
}
.result-facts .good{color:var(--green)}
.result-facts .bad{color:var(--red)}
.skip-note{
  margin-top:9px;
  color:var(--muted);
  font-size:12px;
}
#toast{
  position:fixed;
  left:50%;
  bottom:26px;
  transform:translate(-50%,16px);
  background:#241537;
  color:var(--text);
  border:1px solid var(--border);
  padding:10px 18px;
  border-radius:999px;
  font-size:13px;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
  box-shadow:0 10px 30px rgba(0,0,0,.4);
  z-index:50;
}
#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:560px){
  .page{padding-top:24px;padding-bottom:24px}
  h1{font-size:26px}
  .block{padding:18px}
  .acc-card{padding:0}
  .acc-head{padding:8px 10px}
  .acc-row{padding:6px 10px}
}