@font-face {
  font-family: "Inter";
  src: url("/fonts/inter-latin-wght-5.3.0.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root { --bg:#fff; --fg:#111; --muted:#666; --line:#e5e5e5;
        --posted:#0a7d32; --ontrack:#1d4ed8; --inferred:#7c3aed; --pred:#a16207; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#111; --fg:#eee; --muted:#999; --line:#2a2a2a;
          --posted:#4ade80; --ontrack:#93c5fd; --inferred:#c4b5fd; --pred:#fcd34d; }
}
body { background:var(--bg); color:var(--fg);
       font:15px/1.4 "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
       font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased;
       margin:0 auto; max-width:760px; padding:16px; }
h1 { font-size:20px; font-weight:650; letter-spacing:-0.01em; margin:0 0 4px; }
#meta { color:var(--muted); font-size:13px; margin-bottom:12px; }
table { width:100%; border-collapse:collapse; }
td, th { text-align:left; padding:8px 6px; border-bottom:1px solid var(--line); }
th { font-size:12px; color:var(--muted); font-weight:500; }
.trk { font-weight:700; font-size:18px; font-variant-numeric:tabular-nums; }
.posted { color:var(--posted); } .on_track { color:var(--ontrack); } .inferred { color:var(--inferred); } .predicted { color:var(--pred); }
.tag { font-size:12px; color:var(--muted); display:block; }
.err { color:#c00; }
.tag.inline { display:inline; }
#platforms { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px; }
.plat { border:1px solid var(--line); border-radius:6px; padding:4px 8px; font-size:13px; }
.plat b { font-variant-numeric:tabular-nums; margin-right:4px; }
.plat .gone { color:var(--muted); }
td.bellcell { width:36px; padding-left:0; padding-right:0; text-align:center; }
.bell { background:none; border:0; padding:6px; margin:0; cursor:pointer; color:var(--muted);
        border-radius:8px; line-height:0; }
.bell:hover { background:var(--line); }
.bell[aria-pressed="true"] { color:var(--inferred); }
.bell svg { width:20px; height:20px; }
#hint { border:1px solid var(--line); border-radius:8px; padding:10px 12px; margin:0 0 14px;
        font-size:14px; display:flex; gap:10px; align-items:flex-start; }
#hint[hidden] { display:none; }
#hint button { margin-left:auto; background:none; border:0; color:var(--muted); font-size:18px;
               line-height:1; cursor:pointer; padding:0 2px; }
footer { color:var(--muted); font-size:12px; margin:24px 0 8px; line-height:1.5; }
footer a { color:inherit; }