:root{--bg:#0e0f12;--fg:#e8e8ea;--mut:#9aa0aa;--ac:#ffcc33;--card:#181a20;--line:#2a2d36}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}
header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}
header nav a{color:var(--mut);margin-left:1rem;text-decoration:none}header nav a:hover{color:var(--fg)}
.logo{font-size:1.3rem;color:var(--fg);text-decoration:none}.logo b{color:var(--ac)}
main,.signup,footer{max-width:900px;margin:0 auto;padding:1.25rem}a{color:var(--ac)}
h1{line-height:1.2}.lead{font-size:1.15rem;color:var(--mut)}.meta,.crumb{color:var(--mut);font-size:.9rem}
.hero h1{font-size:2.6rem;margin-bottom:.25rem}
#q{width:100%;padding:.8rem 1rem;font-size:1rem;background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:8px}
.filters{margin:.75rem 0;display:flex;flex-wrap:wrap;gap:.4rem}.filters button{background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:99px;padding:.35rem .9rem;cursor:pointer}
.filters button.on{background:var(--ac);color:#000;border-color:var(--ac)}
.list,.cards{list-style:none;padding:0}.list li,.cards li{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.75rem 1rem;margin:.5rem 0}
.list a{color:var(--fg);text-decoration:none;margin-right:.5rem}.list a:hover b{color:var(--ac)}
.b{display:inline-block;font-size:.78rem;padding:.1rem .55rem;border-radius:4px;background:#262932;color:var(--mut);margin:.15rem .3rem .15rem 0}
.ok{background:#1e4d2b;color:#bff0c9}.pend{background:#4d3b1e;color:#f5d9a8}.c-high{color:#8fe3a3}.c-medium{color:#f0d27a}.c-low{color:#f08a7a}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border-bottom:1px solid var(--line);padding:.55rem;text-align:left;vertical-align:top}
th{color:var(--mut);font-weight:600}td.n{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ac);white-space:nowrap}
.clip{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#15171c,#15171c 12px,#1a1c22 12px,#1a1c22 24px);border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:var(--mut);margin:1rem 0}
.src{word-break:break-all;font-size:.9rem}
.signup{border-top:1px solid var(--line)}.signup form{display:flex;gap:.5rem;flex-wrap:wrap}.signup input{flex:1;min-width:200px;padding:.6rem;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--fg)}
.signup button{padding:.6rem 1rem;border-radius:6px;border:0;background:var(--ac);color:#000;opacity:.6}
footer{color:var(--mut);font-size:.85rem;border-top:1px solid var(--line)}