:root{
  --bg:#0b0d10;
  --fg:#e8e8e8;
  --muted:#a8b0bd;
  --card:rgba(255,255,255,.05);
  --line:rgba(255,255,255,.10);
  --chip:rgba(255,255,255,.08);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.35;
}

a{ color:inherit; text-decoration:none; }
a:hover{ text-decoration:underline; }

.wrap{ max-width: 980px; margin: 0 auto; padding: 1.1rem; }

.top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  padding-top:1.5rem;
}

.title{ font-size: 1.6rem; font-weight: 750; letter-spacing:-.01em; }
.sub{ color:var(--muted); margin-top:.25rem; }

.nav{ display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.chip{
  border:1px solid var(--line);
  background:var(--chip);
  color:var(--fg);
  padding:.45rem .7rem;
  border-radius: 999px;
  font-size:.95rem;
}
button.chip{ cursor:pointer; }

.card{
  margin-top:1.2rem;
  border:1px solid var(--line);
  background:var(--card);
  border-radius: 16px;
  padding: .9rem;
}

.meta{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:baseline;
  padding: .25rem .25rem .75rem .25rem;
  border-bottom:1px solid var(--line);
}
.status{ font-weight:650; }
.updated{ color:var(--muted); font-size:.95rem; }

.list{ padding-top:.75rem; display:flex; flex-direction:column; gap:.85rem; }

.item{
  padding: .25rem .25rem .7rem .25rem;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.item:last-child{ border-bottom:none; padding-bottom:.25rem; }

.t{ font-weight:650; font-size:1.05rem; display:inline-block; }
.m{ color:var(--muted); margin-top:.35rem; font-size:.92rem; }

.empty, .error{
  padding: .9rem;
  border:1px solid var(--line);
  border-radius: 12px;
}
.error{ color:#ffb3b3; }

.foot{
  padding-top: 1rem;
  padding-bottom: 2rem;
  color:var(--muted);
  font-size:.95rem;
}