.top{
  display:flex; flex-wrap:wrap; gap:14px;
  align-items:center; justify-content:space-between;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(12,17,24,.92), rgba(10,15,21,.92));
  box-shadow:var(--shadow);
  position:sticky; top:0;
  backdrop-filter: blur(8px);
  z-index:20;
}

.brand{
  display:flex; gap:12px; align-items:center;
  font-family:var(--mono);
  letter-spacing:.06em;
}

.sigil{
  width:34px; height:34px;
  border-radius:10px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 30% 30%, rgba(125,249,255,.35), transparent 55%),
    radial-gradient(circle at 70% 70%, rgba(179,146,255,.25), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
  position:relative;
}

.sigil:after{
  content:"";
  position:absolute; inset:7px;
  border-radius:8px;
  border:1px dashed rgba(125,249,255,.35);
}

.title{ font-weight:800; }
.sub{ color:var(--muted); font-size:12px; margin-top:2px; }

.chips{ display:flex; gap:10px; flex-wrap:wrap; }
.chip{
  font-family:var(--mono);
  font-size:12px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(0,0,0,.25);
}