:root{
  --bg:#111827; --card:#1B2434; --line:rgba(255,255,255,.10);
  --text:#E7ECF3; --soft:rgba(231,236,243,.58);
  --accent:#25D366; --accent-ink:#04220F; --warn:#fbbf24; --bad:#fca5a5;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
header{padding:26px 20px 14px;border-bottom:1px solid var(--line);text-align:center}
h1{margin:0;font-size:1.5rem;letter-spacing:-.01em}
.sub{margin:3px 0 0;color:var(--soft);font-size:.875rem}
main{max-width:900px;margin:0 auto;padding:20px 16px 40px}
.lede{color:var(--soft);margin:0 0 16px}
.grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}
.card{
  display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:16px;color:inherit;text-decoration:none;position:relative;
}
a.card:hover{border-color:var(--accent)}
.card h3{margin:0 0 4px;font-size:1rem;display:flex;align-items:center;gap:8px}
.card p{margin:0;color:var(--soft);font-size:.8125rem}
.emoji{font-size:1.25rem;line-height:1}
.tag{
  font-size:.6875rem;border-radius:999px;padding:2px 8px;border:1px solid var(--line);
  color:var(--soft);margin-left:auto;white-space:nowrap;
}
.tag.open{background:#052e16;border-color:#166534;color:#86efac}
.tag.manual{background:#2a2410;border-color:#78500a;color:var(--warn)}
.card.dim{opacity:.72}
.how{margin:8px 0 0;padding:8px 10px;background:#131C2A;border:1px solid var(--line);
  border-radius:8px;font-size:.75rem;color:var(--soft)}
code{background:#0f1725;border:1px solid var(--line);border-radius:5px;
  padding:1px 5px;font-size:.9em}
.status{margin-top:24px;background:var(--card);border:1px solid var(--line);
  border-radius:14px;padding:14px 16px}
.status h2{margin:0 0 8px;font-size:.75rem;text-transform:uppercase;
  letter-spacing:.06em;color:var(--soft)}
.status ul{margin:0;padding-left:18px}
.status li{font-size:.8125rem;margin-bottom:3px}
.ok{color:#86efac}.bad{color:var(--bad)}.warn{color:var(--warn)}