:root{--bg:#fff;--fg:#1d2330;--mut:#667085;--line:#e3e6ec;--acc:#1f6feb;--tag:#eef2f8;--warn:#fff3d6}
@media(prefers-color-scheme:dark){:root{--bg:#14181f;--fg:#e6e9ef;--mut:#9aa4b5;--line:#2a3140;--acc:#6aa5ff;--tag:#222a38;--warn:#4a3b12}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}
header{display:flex;gap:1.5rem;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--line)}
header nav{display:flex;gap:1rem}a{color:var(--acc)}main{max-width:820px;margin:0 auto;padding:1rem}
.filters{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end}.filters select,button{font:inherit;padding:.3rem .5rem}
.list{list-style:none;padding:0}.list li{padding:.6rem 0;border-bottom:1px solid var(--line)}
.tag{background:var(--tag);border-radius:4px;padding:.05rem .45rem;font-size:.8rem}.warn{background:var(--warn)}
.muted{color:var(--mut);font-size:.9rem}table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
td,th{border-bottom:1px solid var(--line);padding:.35rem .6rem;text-align:left}