:root{color-scheme:dark;--bg:#040c20;--card:#081831;--border:#17385a;--text:#e6f2ff;--muted:#a4bcd5;--cyan:#6cecff;--purple:#c8b7ff;--ok:#57e8bc;--bad:#ff849b}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at top,#0c2444,var(--bg) 65%);color:var(--text);font:16px system-ui,sans-serif;min-height:100vh}
header{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:20px max(5vw,16px);font:600 13px ui-monospace,monospace;letter-spacing:.13em;color:var(--cyan)}
a{color:var(--cyan);text-underline-offset:4px}
main{width:min(1120px,94vw);margin:48px auto}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;letter-spacing:-.035em;margin:12px 0}
h2{font-size:1.2rem;letter-spacing:.045em;text-transform:uppercase}
h3{font:600 14px ui-monospace,monospace}
.eyebrow,#updated,#checked{font:12px ui-monospace,monospace;color:var(--cyan)}
.eyebrow{letter-spacing:.2em}
.muted,small{color:var(--muted)}
small{display:block;min-height:2.7em;line-height:1.4}
.surface{margin-top:24px;padding:clamp(16px,3vw,26px);border:1px solid var(--border);border-radius:24px;background:#06142b;box-shadow:0 0 25px #45dfff15}
.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.grid,.cert-grid{display:grid;gap:12px;margin-top:16px}
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
article{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;min-width:0}
.value{font:600 clamp(1.25rem,3vw,1.9rem) ui-monospace,monospace;margin:10px 0;color:var(--cyan)}
article>svg{width:100%;height:114px;display:block;margin-top:8px}
.cert{display:flex;gap:12px;align-items:flex-start}
.cert svg{width:28px;height:28px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6}
.cert p{margin:.25em 0}
.valid{color:var(--ok)}.invalid{color:var(--bad)}.unknown{color:#ffd48d}
@media(max-width:760px){.grid,.cert-grid{grid-template-columns:1fr}main{margin-top:28px}small{min-height:0}}

#pool-checked{font:12px ui-monospace,monospace;color:var(--muted)}

article{position:relative}
.chart-tooltip{position:absolute;z-index:2;pointer-events:none;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:#020b1b;color:var(--text);font:11px ui-monospace,monospace;white-space:nowrap;box-shadow:0 2px 10px #0008}
.not_published{color:var(--muted)}

h1.eyebrow{color:var(--ok);margin:0 0 12px;text-shadow:0 0 12px #57e8bc65}