:root{
  --font: "Inter","Noto Sans",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  --cyan:#00c8ff;
  --magenta:#ff2fb3;
  --good:#12c979;
  --bad:#ff3b5f;
  --warn:#ff9a1f;
  --shadow: 0 14px 40px rgba(12,18,40,.18);
}
body{
  --bg: #f6f8ff;
  --bg2:#fbfcff;
  --panel: rgba(255,255,255,.94);
  --text:#101427;
  --muted:#5b6280;
  --line: rgba(16,20,40,.12);
  margin:0;
  font-family: var(--font);
  color: var(--text);
  background:
    radial-gradient(900px 520px at 20% 0%, rgba(0,200,255,.11), transparent 60%),
    radial-gradient(900px 520px at 80% 0%, rgba(255,47,179,.10), transparent 60%),
    linear-gradient(180deg, var(--bg2), var(--bg));
  -webkit-font-smoothing: antialiased;
  overscroll-behavior: none;
}
body.dark{
  --bg:#0b1020;
  --bg2:#070b16;
  --panel: rgba(14,18,40,.92);
  --text:#e9ecff;
  --muted:#aab2de;
  --line: rgba(230,235,255,.10);
}
a{color:inherit}
.h1{margin:0;font-size:24px;letter-spacing:.2px}
.p{margin:10px 0 0;color:var(--muted);line-height:1.45}
.btn{
  border:0;border-radius:14px;padding:10px 14px;
  background: rgba(18,20,39,.06);
  box-shadow: 0 0 0 1px var(--line) inset;
  cursor:pointer;font-weight:1000;min-height:44px;
}
body.dark .btn{background: rgba(230,235,255,.08)}
.btn:hover{filter:brightness(1.05)}
.baTop{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px 10px;
  position:sticky;top:0;z-index:10;
  backdrop-filter: blur(10px);
}
.baBrand{display:flex;align-items:center;gap:12px;min-width:0}
.baLogo{
  width:44px;height:44px;border-radius:14px;
  background:
    radial-gradient(14px 14px at 30% 30%, rgba(0,200,255,.80), transparent 60%),
    radial-gradient(14px 14px at 70% 70%, rgba(255,47,179,.70), transparent 60%),
    linear-gradient(135deg, rgba(0,200,255,.30), rgba(255,47,179,.22));
  box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset, 0 10px 30px rgba(0,0,0,.14);
}
.baTitle{font-weight:1000;letter-spacing:.8px}
.baSub{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}
