:root{color-scheme:light dark;--bg:#f7f8fa;--fg:#1c2330;--card:#fff;--bd:#d8dde6;--ok:#14733c;--ng:#9a5b00}
@media (prefers-color-scheme:dark){:root{--bg:#12161c;--fg:#e6e9ef;--card:#1b212b;--bd:#2f3745;--ok:#58c07f;--ng:#e5a64d}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,"Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.6}
main{max-width:860px;margin:0 auto;padding:16px}
select,button{font:inherit;padding:.5em;min-height:44px;max-width:100%}
.card,.meta{background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:12px 16px;margin:12px 0}
dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}dt{font-weight:600}dd{margin:0}
table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--bd);padding:6px;vertical-align:top}
.badge{padding:2px 8px;border-radius:12px;border:1px solid currentColor}.fresh{color:var(--ok)}.stale{color:var(--ng)}
.warn{border-left:4px solid var(--ng);padding:6px 10px}
.pops span{display:inline-block;margin-right:12px}
footer{font-size:.85rem;margin-top:24px;overflow-wrap:anywhere}
@media (max-width:520px){dl{grid-template-columns:1fr}main{padding:10px}}