/* Reuses the same visual language as /m3u-checker */
:root{
  --bg:#0b1220;--card:#0f1b2f;--muted:#9db1d1;--text:#eaf1ff;
  --border:rgba(255,255,255,.1);--accent:#6ea8ff;--ok:#34d399;
}
body{
  margin:0;font-family:system-ui;background:var(--bg);color:var(--text)
}
.container{max-width:820px;margin:auto;padding:24px}
.card{
  background:var(--card);border:1px solid var(--border);
  border-radius:16px;padding:16px
}
input{
  width:100%;padding:12px;border-radius:12px;
  border:1px solid var(--border);background:#0003;color:var(--text)
}
.btn{
  margin-top:12px;padding:12px;border-radius:12px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#6ea8ff44,#6ea8ff22);
  color:var(--text);font-weight:700;cursor:pointer
}
.progress{
  margin-top:14px;height:10px;border-radius:8px;
  background:#fff2;overflow:hidden
}
.progress > div{
  height:100%;width:0%;background:var(--ok)
}
.small{color:var(--muted);font-size:13px;margin-top:8px}