:root{
  --bg:#0b1220;
  --card:#121b2d;
  --ink:#3d3e41;
  --muted:#030d24;
  --line:rgba(255,255,255,.08);
  --link:#8ab4ff;
  --ok:#1fbb78;
  --warn:#f1c232;
  --bad:#ff5c7a;
  --neutral:#9aa7c1;
  --radius:16px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:linear-gradient(180deg,#071022, #0b1220 35%, #ffffff);
  color:var(--ink);
}
a{color:var(--link); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px; margin:0 auto; padding:28px 18px 60px}
.header{
  background:rgba(255,255,255,.03);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px 18px 14px;
}
h1{margin:0 0 8px; font-size:22px}
p{margin:8px 0; color:var(--muted); line-height:1.45}
.meta{margin-top:10px; font-size:13px; color:var(--ink)}
.card{
  margin-top:16px;
  background:rgb(255, 255, 255);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:16px;
}
.tablewrap{overflow:auto; border-radius:12px; border:1px solid var(--line)}
table{width:100%; border-collapse:collapse; min-width:860px; background:rgba(0,0,0,.12)}
th, td{padding:12px 10px; border-bottom:1px solid var(--line); vertical-align:top}
th{position:sticky; top:0; background:rgba(222, 225, 231, 0.95); text-align:left; font-size:13px; color:var(--muted)}
td{font-size:14px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.badge{
  display:inline-block; padding:5px 9px; border-radius:999px; font-size:12px;
  border:1px solid var(--line); background:rgba(255,255,255,.04); color:var(--muted);
}
.badge--ok{color:var(--ok); border-color:rgba(31,187,120,.35); background:rgba(31,187,120,.10)}
.badge--warn{color:var(--warn); border-color:rgba(241,194,50,.35); background:rgba(241,194,50,.10)}
.badge--bad{color:var(--bad); border-color:rgba(255,92,122,.35); background:rgba(255,92,122,.10)}
.badge--neutral{color:var(--neutral); border-color:rgba(154,167,193,.35); background:rgba(154,167,193,.10)}
.grid{display:grid; gap:12px; grid-template-columns:repeat(12,1fr)}
.kv{grid-column:span 6; padding:12px; border:1px solid var(--line); border-radius:12px; background:rgba(0,0,0,.10)}
.kv b{display:block; font-size:13px; color:var(--muted); margin-bottom:6px}
.kv div{font-size:14px; line-height:1.5}
.hr{height:1px; background:var(--line); margin:14px 0}
.thumbgrid{display:grid; gap:10px; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}
.thumb{display:block; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:rgba(0,0,0,.12)}
.thumb img{width:100%; height:160px; object-fit:cover; display:block}
.small{font-size:12px; color:var(--muted)}
.muted{color:var(--muted)}
code{background:rgba(255,255,255,.06); padding:2px 6px; border-radius:8px}
.badge--mini{
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 999px;
  white-space: nowrap;
}