:root {
  --bg: #ffffff; --fg: #12121a; --muted: #5d5d70; --line: #e3e3ea;
  --build: #0f7a3d; --build-bg: #e3f5ea;
  --caution: #8a5a00; --caution-bg: #fdf1d8;
  --avoid: #a1222b; --avoid-bg: #fbe4e6;
  --link: #4f46e5;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #12121a; --fg: #ececf3; --muted: #9a9ab0; --line: #2a2a38;
    --build: #5fd38f; --build-bg: #123322;
    --caution: #f0c060; --caution-bg: #3a2c0c;
    --avoid: #ff8a92; --avoid-bg: #3d1418;
    --link: #a8a8f0;
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--fg); }
body { font: 14px/1.4 -apple-system, system-ui, "Segoe UI", Roboto, sans-serif; }
.card { border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; max-width: 420px; }
.loading, .msg { color: var(--muted); }
.head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.market { font-size: 16px; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.label { color: var(--muted); font-size: 12px; margin: 0 0 8px; }
.row { display: flex; align-items: center; gap: 14px; margin: 10px 0 8px; }
.verdict { font-weight: 800; font-size: 13px; letter-spacing: .04em; padding: 4px 10px; border-radius: 999px; }
.verdict.BUILD { color: var(--build); background: var(--build-bg); }
.verdict.CAUTION { color: var(--caution); background: var(--caution-bg); }
.verdict.AVOID { color: var(--avoid); background: var(--avoid-bg); }
.score { font-size: 13px; color: var(--muted); }
.score b { font-size: 22px; color: var(--fg); font-variant-numeric: tabular-nums; }
.foot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 12px; color: var(--muted); border-top: 1px solid var(--line); padding-top: 8px; margin-top: 4px; }
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }
.iso { font-size: 11px; font-weight: 700; color: var(--muted); border: 1px solid var(--line); border-radius: 6px; padding: 1px 6px; flex: none; }
.queue { margin: 2px 0 0; font-size: 12.5px; }
.queue b { font-variant-numeric: tabular-nums; }
.src { margin: 2px 0 0; font-size: 11.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cite { margin: 8px 0 6px; font-size: 11.5px; color: var(--muted); font-family: ui-monospace, Menlo, Consolas, monospace; }
.credit { font-weight: 700; }
.links { white-space: nowrap; }