:root{
  --a0034-bg:#0b1220;
  --a0034-panel:#0f172a;
  --a0034-ink:#e5e7eb;
  --a0034-muted:#9ca3af;
  --a0034-accent:#60a5fa;
  --a0034-accent2:#a78bfa;
  --a0034-line: rgba(255,255,255,.10);
}

body.theme-a0034{
  background:
    radial-gradient(1100px 520px at 10% 0%, rgba(96,165,250,.18), transparent 55%),
    radial-gradient(900px 420px at 90% 10%, rgba(167,139,250,.18), transparent 60%),
    var(--a0034-bg);
  color: var(--a0034-ink);
}

.topbar{
  position: sticky;
  top: 0;
  z-index: 70;
  background: rgba(15,23,42,.72);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--a0034-line);
}

#logo img{height: 34px; width:auto; display:block;}
.site-title{font-weight: 800; line-height: 1.1;}
.site-sub{opacity:.85; font-size: .95rem;}
.site-sub p{margin:0;}

.masonry-columns{
  column-count: 3;
  column-gap: 1rem;
}

.masonry-columns > *{
  break-inside: avoid;
  margin: 0 0 1rem;
}

.card-glow{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border: 1px solid var(--a0034-line);
  border-radius: 14px;
}

.card-link{
  display: block;
  text-decoration: none;
  color: var(--a0034-ink);
  background: rgba(15,23,42,.85);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
}

.card-link:hover{border-color: rgba(96,165,250,.45);}

body[data-density="compact"] .masonry-columns{column-gap: .6rem;}
body[data-density="compact"] .masonry-columns > *{margin-bottom: .6rem;}
body[data-density="compact"] .card-body{padding: .75rem;}

@media (max-width: 1100px){
  .masonry-columns{column-count: 2;}
}
@media (max-width: 720px){
  .masonry-columns{column-count: 1;}
}

#footer{padding: 2.5rem 0;}
#footer .social [class^="icon-"]{display:inline-block;width:1.25rem;height:1.25rem;border-radius:999px;background:currentColor;opacity:.18;vertical-align:middle;}