:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#080e13;color:#e4ecf2}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;border-bottom:1px solid #253440;letter-spacing:2px;color:#78dfbe}main{max-width:1300px;margin:40px auto;padding:0 24px}h1{font-size:clamp(28px,4vw,46px)}.eyebrow{color:#78dfbe;font-size:12px;font-weight:700;letter-spacing:2px}p{color:#a6b8c6;line-height:1.6}label{display:block;font-size:14px;margin:16px 0}input,button{font:inherit;border-radius:9px;padding:12px;border:1px solid #314555}input{display:block;box-sizing:border-box;width:100%;max-width:440px;margin-top:8px;background:#101a23;color:#fff}button{cursor:pointer;background:#78dfbe;color:#07251a;font-weight:650}button:disabled{opacity:.6}#counts{display:flex;flex-wrap:wrap;gap:12px}#counts>div{background:#111d26;padding:16px;border-radius:12px;min-width:110px}#counts strong{font-size:28px;display:block}.layout{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-top:26px}nav{max-height:75vh;overflow:auto}nav button{text-align:left;width:100%;margin-bottom:8px;background:#101a23;color:#e4ecf2}article{min-width:0;border:1px solid #253440;border-radius:15px;padding:22px}.card{padding:16px;border:1px solid #253440;border-radius:10px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}small{color:#a6b8c6}a{color:#78dfbe}#error{color:#ffada3}[hidden]{display:none!important}@media(max-width:750px){.layout{grid-template-columns:1fr}nav{max-height:260px}}