:root{color-scheme:dark;font-family:system-ui;background:#101923;color:#e6edf3}body{margin:0 auto;padding:24px;max-width:1400px}header{display:flex;align-items:center;gap:20px}h1{margin-right:auto}a{color:#8ed1fc}button{background:#22374b;color:inherit;border:1px solid #6584a3;padding:8px 14px;border-radius:6px;cursor:pointer}main{display:grid;grid-template-columns:260px 1fr;gap:24px}section{min-width:0}article{padding:12px;border-bottom:1px solid #345}small{display:block;color:#a6b8c9}svg{width:100%;background:#192b3c;border-radius:10px}circle{fill:#62d9a5}text{fill:#fff;font-size:12px}.stale{opacity:.5}@media(max-width:700px){main{grid-template-columns:1fr}}