:root{color-scheme:dark;font:16px/1.6 system-ui,sans-serif;background:#10151e;color:#e5ebf4}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:40px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:clamp(26px,4vw,40px);margin:0;line-height:1.25}.eyebrow{color:#80cbbc;letter-spacing:.12em;font-size:12px}.intro,#summary{color:#acb7c8}a{color:#86d6c6}.notice{border-left:3px solid #d7ba73;background:#22232c;padding:14px 18px;border-radius:4px}.counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}button,input{font:inherit;color:inherit;background:#1a2230;border:1px solid #344156;border-radius:8px;padding:10px 14px}button{cursor:pointer;text-align:left}button.active{border-color:#80cbbc;background:#203b3c}.counts strong{display:block;font-size:26px}.controls{display:flex;align-items:center;gap:12px;margin:28px 0}.controls input{flex:1;min-width:100px}.items{display:grid;gap:14px}article{background:#19212e;border:1px solid #2b374a;border-radius:12px;padding:22px}article h2{font-size:18px;margin:8px 0}.tag{display:inline-block;color:#b6d5cb;background:#273b3b;padding:3px 9px;border-radius:5px;font-size:12px}article p{margin:8px 0;color:#bac5d6}article .action{color:#e5ebf4}details{color:#a1adbf;overflow-wrap:anywhere}summary{cursor:pointer}pre{white-space:pre-wrap;font:13px/1.7 ui-monospace,monospace}@media(max-width:650px){main{padding:24px 16px}.counts{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start}.controls{flex-wrap:wrap}.controls label{width:100%}article{padding:16px}}