
:root{--bg:#070b14;--panel:#0d1424;--line:#1c2740;--ink:#e6edf9;--mute:#7d8aa5;--blue:#3b8cff;--cyan:#5fe1ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,system-ui,sans-serif}
header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#070b14ee;backdrop-filter:blur(8px);z-index:5}
.brand{display:flex;gap:10px;align-items:center;font-weight:700}.brand img{width:40px}.nav a{color:var(--mute);margin-left:18px;text-decoration:none;font-size:13px}.nav a.on{color:var(--ink)}
main{max-width:1280px;margin:0 auto;padding:28px}
h1{font-size:30px;margin:0}.lede{color:var(--mute);margin:4px 0 22px}
.top{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}
.k{color:var(--mute);font-size:12px;text-transform:uppercase;letter-spacing:.8px}.big{font-size:44px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.meta{font-size:12px;color:var(--mute)}.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;border:1px solid}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.stats div{background:#0a1020;border:1px solid var(--line);border-radius:10px;padding:10px}.stats b{display:block;font-size:20px}
.bar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin:12px 0}.bar span{display:block}
ul.coh{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13px}ul.coh i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}
h2{font-size:20px;margin:30px 0 4px}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th{font-size:11px;color:var(--mute);text-transform:uppercase;cursor:pointer;user-select:none}th:hover{color:var(--ink)}
td:nth-child(2),th:nth-child(2),td:nth-child(5),th:nth-child(5){text-align:left}tbody tr{cursor:pointer}tbody tr:hover{background:#111b30}
.g{display:inline-flex;width:28px;height:28px;border-radius:8px;align-items:center;justify-content:center;font-weight:800;border:1px solid}
.depthbar{display:inline-block;height:6px;border-radius:3px;background:linear-gradient(90deg,#1849a8,var(--cyan));vertical-align:middle;margin-left:6px}
.wrap{overflow-x:auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
#drawer{position:fixed;top:0;right:0;height:100%;width:min(560px,100%);background:#0b1222;border-left:1px solid var(--line);transform:translateX(100%);transition:.3s;z-index:9;padding:22px;overflow:auto;box-shadow:-20px 0 60px #000a}#drawer.open{transform:none}
.x{float:right;cursor:pointer;color:var(--mute);font-size:22px}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feat .panel{border-color:#3b8cff66;box-shadow:0 0 30px #3b8cff22}.flt{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.flt button{background:#0d1424;color:#cfe0ff;border:1px solid #1c2740;border-radius:8px;padding:6px 12px;cursor:pointer}.flt button.on{border-color:#5fe1ff;color:#5fe1ff}code{color:#9cc3ff}@media(max-width:860px){.feat{grid-template-columns:1fr}}
.sig{margin-bottom:18px;border-color:#2f8cff55}.sig ul{list-style:none;padding:0;margin:8px 0 0}.sig li{padding:5px 0;border-bottom:1px solid #1c2740;font-size:13.5px}.sig .t{display:inline-block;min-width:52px;font-size:10px;font-weight:800;padding:1px 6px;border-radius:5px;margin-right:8px;text-align:center}
a.sl{color:inherit;text-decoration:none;border-bottom:1px dotted #5fe1ff}
footer{color:var(--mute);font-size:12px;margin-top:30px;border-top:1px solid var(--line);padding-top:14px}
@media(max-width:860px){header{flex-wrap:wrap;gap:6px;padding:10px 14px}.nav{display:flex;flex-wrap:wrap;gap:4px 12px}.nav a{margin-left:0;font-size:12px}.brand .meta{display:none}.big{font-size:34px}.top,.two{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}main{padding:16px}}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.tv{font:600 22px var(--mono,monospace);margin-top:4px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:820px){.two{grid-template-columns:1fr}header{flex-wrap:wrap;gap:8px;padding:12px}.nav a{margin:0 12px 0 0}main{padding:16px}}