:root{color-scheme:dark;font:16px/1.5 system-ui}body{margin:0;background:#10131a;color:#f4f6fb}main{max-width:58rem;margin:auto;padding:1.25rem}.warning,.gate{border:1px solid #edb95b;background:#2b2417;padding:1rem;border-radius:.75rem}#rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem;margin:1rem 0}article{display:grid;gap:.6rem;padding:1rem;border:1px solid #3d4658;border-radius:.75rem}h2{font-size:1rem}button{min-height:2.75rem;margin:.25rem;padding:.6rem;font-weight:700}button:disabled{opacity:.55}output{display:block;color:#c8d4e8}