body { background: #020617; }
.orb { padding: 0; }
.preview-mini {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 8px;
  line-height: 1.2;
  padding: 6px;
  color: #e0f2fe;
  background: linear-gradient(180deg, rgba(56,189,248,.25) 0%, rgba(15,23,42,.95) 55%);
  border: 1px solid rgba(125,211,252,.2);
}
.preview-mini strong { font-size: 7px; color: #7dd3fc; text-transform: uppercase; letter-spacing: .04em; }
.root .orb { border-color: rgba(250,204,21,.75); }
.section .orb { border-color: rgba(129,140,248,.65); }
.root .preview-mini { background: linear-gradient(180deg, rgba(250,204,21,.2), rgba(30,25,10,.95)); }