:root{--bg:#0a0a0f;--panel:#12121a;--ink:#d8d8e0;--dim:#71718a;
--gold:#e8b64c;--acc:#5ac8a8;--line:#26263a}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);
font:15px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
header{padding:28px 32px 10px}h1{font-size:22px;letter-spacing:.04em}
.sub{color:var(--dim);margin-top:6px;max-width:70ch}
.stats{display:flex;gap:26px;flex-wrap:wrap;padding:14px 32px}
.stat b{font-size:20px;color:var(--gold)}.stat span{color:var(--dim);font-size:12px;display:block}
.links{padding:0 32px 12px;display:flex;gap:18px;flex-wrap:wrap;font-size:13px}
#wrap{display:flex;gap:0;border-top:1px solid var(--line)}
#cv{flex:1;min-height:72vh;cursor:grab}
aside{width:300px;border-left:1px solid var(--line);padding:16px;
max-height:78vh;overflow-y:auto;font-size:13px}
aside h3{color:var(--dim);font-size:11px;letter-spacing:.12em;margin:10px 0 8px}
.c{padding:6px 0;border-bottom:1px solid var(--line)}
.c b{color:var(--ink)}.c.gold b{color:var(--gold)}
.c small{color:var(--dim);display:block}
#tip{position:fixed;pointer-events:none;background:var(--panel);
border:1px solid var(--line);padding:8px 10px;font-size:12px;max-width:320px;
display:none;z-index:9}
#q{width:100%;background:var(--panel);border:1px solid var(--line);
color:var(--ink);padding:7px 9px;font:inherit}
footer{padding:20px 32px;color:var(--dim);font-size:12.5px;max-width:90ch}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
gap:16px;padding:10px 32px 26px}
.card{background:var(--panel);border:1px solid var(--line);padding:18px}
.card h2{font-size:17px}.card .n{color:var(--gold)}
.card p{color:var(--dim);font-size:13px;margin:8px 0}
.bridge{color:var(--dim);font-size:13px;padding:2px 0}
.tag{border:1px solid var(--line);padding:1px 7px;font-size:11px;color:var(--dim)}