:root{
  --bg:#0d0f12; --panel:#15181d; --panel2:#1b1f26; --line:#262b33;
  --fg:#e8eaed; --muted:#8a93a0; --accent:#5ee0a0; --accent2:#6ba8ff;
  --btc:#f7931a; --eth:#7b8cff; --llm:#c98bff; --crypto:#5ee0a0;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
a{color:inherit;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}

.topbar{border-bottom:1px solid var(--line);background:#0b0d10;position:sticky;top:0;z-index:5}
.topbar .wrap{display:flex;align-items:center;gap:18px;height:56px}
.brand{font-weight:700;font-size:18px;letter-spacing:-.02em}
.brand .dot{color:var(--accent)}
.topbar nav{display:flex;gap:14px}
.topbar nav a{color:var(--muted);padding:4px 2px;border-bottom:2px solid transparent}
.topbar nav a.active,.topbar nav a:hover{color:var(--fg);border-color:var(--accent)}
.spacer{flex:1}
.ghost{background:transparent;border:1px solid var(--line);color:var(--muted);
  border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px}
.ghost:hover{color:var(--fg);border-color:var(--muted)}
.ghost.on{color:var(--accent);border-color:var(--accent)}

.pagehead{display:flex;align-items:baseline;gap:12px;margin:26px 0 6px}
h1{font-size:24px;margin:0;letter-spacing:-.02em}
.muted{color:var(--muted)} .small{font-size:12px}
.sec{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);
  margin:26px 0 12px;font-weight:600}
.empty{padding:18px 0}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 15px}
.card:hover{border-color:#36404d}
.card-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.card h3{margin:0 0 6px;font-size:16px;line-height:1.35}
.card h3 a:hover{color:var(--accent)}
.blurb{margin:6px 0;color:#c4cad2;font-size:14px}
.src{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent2);
  background:#13212e;border:1px solid #1d3346;padding:2px 7px;border-radius:6px}
.origin{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:2px 7px;border-radius:6px}
.domain{font-size:11px;text-transform:uppercase;font-weight:700;padding:2px 8px;border-radius:6px;color:#0d0f12}
.d-btc{background:var(--btc)} .d-eth{background:var(--eth)} .d-llm{background:var(--llm)} .d-crypto{background:var(--crypto)}

.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.chip{font-size:12px;background:#14241b;border:1px solid #1f3a2b;color:var(--accent);
  padding:3px 9px;border-radius:20px}
.chip:hover{border-color:var(--accent)}
.tag{font-size:11px;background:var(--panel2);border:1px solid var(--line);color:var(--muted);padding:2px 8px;border-radius:20px}
.ext{display:inline-block;margin-top:6px;font-size:12px;color:var(--muted);word-break:break-all}
.ext:hover{color:var(--accent2)}

.share{margin-left:auto;background:transparent;border:1px solid #2a4a3a;color:var(--accent);
  border-radius:7px;padding:4px 11px;cursor:pointer;font-size:12px}
.share:hover{background:#14241b}
.share.done{color:var(--muted);border-color:var(--line);cursor:default}

.filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.pill{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:5px 13px}
.pill.on,.pill:hover{color:var(--fg);border-color:var(--accent)}

.detail{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;margin:14px 0}
.detail h1{margin:10px 0}
.lead{font-size:17px;color:#d6dbe2}
.detail .body{white-space:pre-wrap;color:#c4cad2;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.back{display:inline-block;margin:20px 0 0;color:var(--muted)}
.back:hover{color:var(--fg)}
.foot{color:var(--muted);font-size:12px;padding:40px 20px 30px}