:root{
  --bg:#0b0f1a; --card:#121a2a; --ink:#e6ecff; --muted:#9bb0d0; --border:#22314d;
  --accent:#5ea0ff; --accent2:#6ce5b1;
}
*{box-sizing:border-box}
body{margin:0;background:#0b0f1a;color:var(--ink);font-family:system-ui, Segoe UI, Roboto, Arial}
a{color:var(--accent)}
.container{max-width:1100px;margin:0 auto;padding:12px}
header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:12px}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.logo-img{max-height:40px;height:auto;width:auto;flex:0 0 auto;display:block}
header h1{font-size:1.2rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
nav a{margin-left:14px;text-decoration:none;color:var(--ink);opacity:.9}
nav a:hover{opacity:1}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin:16px 0}
.btn{padding:8px 12px;border-radius:8px;border:1px solid var(--border);cursor:pointer;background:#16213a;color:var(--ink)}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;color:#041022;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.results.hidden{display:none}
.muted{color:var(--muted)}
.micro{font-size:.85rem}
/* Ticker */
.ticker{border-bottom:1px solid var(--border);background:#0a1020;overflow:hidden}
.ticker-track{display:flex;gap:18px;white-space:nowrap;animation:tkr 16s linear infinite}
.pill{display:flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:#0f1729}
.chg.up{color:#6ce5b1}.chg.down{color:#ff7b7b}
@keyframes tkr{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* Feed sin miniaturas */
.feed{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.feed li{display:block;background:#0f1729;border:1px solid var(--border);border-radius:10px;padding:12px}
.feed a{text-decoration:none;color:var(--ink)}
.feed a:hover{text-decoration:underline}
@media (max-width:720px){
  header{flex-wrap:wrap}
  header h1{white-space:normal}
  nav a{margin-left:10px}
}

/* Ticker panel matches container width and card style */
.ticker{background:transparent;border:none}
.ticker-panel{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 8px 10px;
}
/* --- Constrain ticker to panel width --- */
.ticker{ width: 100%; overflow: hidden; }
.ticker-track{ display: inline-flex; gap:18px; white-space: nowrap; animation: tkr 16s linear infinite; }