:root{
      --bg:#0b0d10; --panel:rgba(255,255,255,.05); --text:rgba(255,255,255,.92);
      --muted:rgba(255,255,255,.62); --link:#7dd3fc;
    }

body{ margin:0; padding:24px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(125,211,252,.30), transparent 55%),
    radial-gradient(900px 500px at 90% 10%, rgba(167,139,250,.30), transparent 50%),
    var(--bg);
  color:var(--text);
}

.wrap{
  max-width:1300px; margin:0 auto;
}

header.top{
  margin-bottom:16px;
}

h1{
  margin:0 0 6px; font-size:22px; letter-spacing:.2px;
}

.hint{
  color:var(--muted); font-size:13px;
}

.grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:12px;
}

.card{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid var(--border); border-radius:14px;
  padding:14px; backdrop-filter:blur(6px);
}

.card a{
  color:var(--link); font-weight:700; text-decoration:none;
  line-height:1.2; display:inline-block; margin-bottom:8px;
}

.card a:hover{
  text-decoration:underline;
}

.meta{
  color:var(--muted); font-size:12px; margin-top:6px;
}

.multi{ display:grid; gap:18px;
}

.feed-header{ display:flex; align-items:baseline;
  justify-content:space-between; margin:0 0 8px;
}

.feed-title{ margin:0; font-size:16px; letter-spacing:.2px;
}

.status{color:var(--muted);font-size:12px;
}

.thumb{ margin:-14px -14px 10px; overflow:hidden; border-radius:14px 14px 0 0;
}

.thumb img{ width:100%; height:160px; object-fit:cover; display:block;
}


.uptxt { color: #20c20e; font-weight: 700; }
.dwntxt { color: #ff3b3b; font-weight: 700; }
.flat  { color: #cfcfcf; font-weight: 700; }
.chip  { padding: 0 18px; white-space: nowrap; }