:root{
  --a0065-bg:#0b1220;
  --a0065-surface:#111a2e;
  --a0065-border:#24314f;
  --a0065-ink:#e6eefc;
  --a0065-muted:#a8b3cf;
  --a0065-accent:#4f8cff;
  --a0065-accent-2:#7dd3fc;
}

body.theme-a0065{
  background: radial-gradient(1000px 600px at 20% 10%, rgba(79,140,255,.25), transparent 60%),
              radial-gradient(900px 500px at 80% 20%, rgba(125,211,252,.18), transparent 60%),
              var(--a0065-bg);
  color:var(--a0065-ink);
}

.a0065-top{
  position:sticky;
  top:0;
  z-index:60;
  background: color-mix(in srgb, var(--a0065-bg) 70%, transparent);
  backdrop-filter: blur(12px) saturate(150%);
  border-bottom:1px solid var(--a0065-border);
}

#logo a{ text-decoration:none; color:var(--a0065-ink); font-weight:800; }
.a0065-logo-img{ height:30px; width:auto; vertical-align:middle; }
.a0065-logo-text{ display:none; margin-left:8px; }

.a0065-card{
  background: color-mix(in srgb, var(--a0065-surface) 92%, transparent);
  border:1px solid var(--a0065-border);
  border-radius:16px;
  padding:16px;
}

.a0065-masonry{
  column-count: 3;
  column-gap: 16px;
}

.a0065-masonry .a0065-tile{
  break-inside: avoid;
  margin:0 0 16px;
}

.a0065-tile a{ color:inherit; text-decoration:none; }

.a0065-bottom{
  position:sticky;
  bottom:0;
  z-index:60;
  border-top:1px solid var(--a0065-border);
  background: color-mix(in srgb, var(--a0065-bg) 78%, transparent);
  backdrop-filter: blur(12px) saturate(150%);
}

.a0065-tab a{ color:var(--a0065-muted); }
.a0065-tab a.active{ color:var(--a0065-accent-2); font-weight:700; }

@media (max-width: 1200px){
  .a0065-masonry{ column-count: 2; }
}

@media (max-width: 760px){
  .a0065-masonry{ column-count: 1; }
}
