@font-face{font-family:'Manrope';font-weight:400;font-display:swap;src:url(fonts/Manrope-400.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-weight:700;font-display:swap;src:url(fonts/Manrope-700.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-weight:800;font-display:swap;src:url(fonts/Manrope-800.woff2) format('woff2')}
@font-face{font-family:'Fira Code';font-weight:400;font-display:swap;src:url(fonts/FiraCode-400.woff2) format('woff2')}
:root{--paper:#FFFFFF;--surface:#F7F9FB;--ink:#313131;--ink2:#4A5A68;--muted:#6B7A88;--rule:#E2E8EE;--accent:#00806F;--good:#00806F;--warn:#9C6B1F;--bad:#B3402E;--bar1:#B7C4D2;--bar2:#00806F;
--sans:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--mono:'Fira Code',ui-monospace,Menlo,Consolas,monospace}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0D1C3A;--surface:#16294D;--ink:#EAF0F6;--ink2:#B7C4D2;--muted:#8B9BAB;--rule:#25365C;--accent:#00C4B4;--good:#00C4B4;--warn:#D4A057;--bad:#E08573;--bar1:#4A5A78;--bar2:#00C4B4}}
:root[data-theme="dark"]{--paper:#0D1C3A;--surface:#16294D;--ink:#EAF0F6;--ink2:#B7C4D2;--muted:#8B9BAB;--rule:#25365C;--accent:#00C4B4;--good:#00C4B4;--warn:#D4A057;--bad:#E08573;--bar1:#4A5A78;--bar2:#00C4B4}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:980px;margin:0 auto;padding:1.6rem 16px 4rem}
a{color:var(--accent)}
.mast{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding-bottom:1rem;margin-bottom:1.2rem;border-bottom:2px solid var(--accent)}
.mast img{height:30px;width:auto;display:block}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .mast img{filter:brightness(0) invert(1)}}
:root[data-theme="dark"] .mast img{filter:brightness(0) invert(1)}
.mast span{font-family:var(--mono);font-size:.72rem;color:var(--muted)}
.crumbs{font-size:.82rem;color:var(--muted);margin:0 0 .4rem}
.crumbs a{color:var(--muted)}
h1{font-size:clamp(1.6rem,4.4vw,2.4rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:.2rem 0 .3rem;text-wrap:balance}
h2{font-size:1.15rem;font-weight:750;margin:2.2rem 0 .6rem;padding-top:.7rem;border-top:2px solid var(--ink)}
p{margin:.4rem 0;max-width:70ch}
.meta{color:var(--ink2);font-size:.92rem}
.note{font-size:.8rem;color:var(--muted)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.hero{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;margin-top:1.2rem;padding:1.1rem 1.2rem;background:var(--surface);border:1px solid var(--rule)}
.big{font-family:var(--mono);font-weight:700;font-size:2.6rem;line-height:1;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;border-radius:6px}
.g{font-family:var(--mono);font-weight:700;padding:.05em .4em;border-radius:3px;font-size:.78rem}
.gA{background:var(--good);color:#fff}.gB{background:var(--accent);color:#fff}.gC{background:var(--rule);color:var(--ink)}.gD{background:var(--warn);color:#fff}.gF{background:var(--bad);color:#fff}
.scroll{overflow-x:auto;border:1px solid var(--rule);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:.86rem}
th,td{text-align:left;padding:.45rem .7rem;border-bottom:1px solid var(--rule);vertical-align:top}
thead th{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500;white-space:nowrap}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
td .d{display:block;font-size:.76rem;color:var(--muted);max-width:46ch}
.meter{display:inline-block;width:70px;height:6px;background:var(--rule);border-radius:3px;vertical-align:middle;margin-right:.4rem}
.meter i{display:block;height:6px;background:var(--accent);border-radius:3px}
.chart{width:100%;height:auto;display:block;margin:.4rem 0}
.chart text{text-anchor:middle}
.yr td:nth-child(n+3),.yr th:nth-child(n+3){text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.yr td:first-child{font-family:var(--mono);white-space:nowrap}
.yr td:last-child,.yr th:last-child{text-align:left}
.chart .r{fill:var(--bar1)}.chart .e{fill:var(--bar2)}.chart text{fill:var(--muted);font-family:var(--mono);font-size:10px}
.links{display:flex;flex-wrap:wrap;gap:.5rem}
.links a{display:inline-block;padding:.45rem .8rem;border:1px solid var(--accent);border-radius:6px;font-weight:700;text-decoration:none;font-size:.88rem}
.links a:hover{background:var(--accent);color:var(--paper)}
ul.peers{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.3rem 1.2rem}
ul.peers li{font-size:.9rem}
input[type=search],select{font-family:inherit;font-size:.95rem;padding:.55rem .7rem;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:4px}
input[type=search]{width:100%;max-width:560px}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--rule)}
footer p{font-family:var(--mono);font-size:.7rem;color:var(--muted);max-width:none}