:root{color-scheme:light dark}body{font-family:system-ui,sans-serif;max-width:760px;margin:2rem auto;padding:0 1rem}h1{margin-bottom:.25rem}.sub{color:#888;margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem;margin:1.5rem 0}.card{border:1px solid #8884;border-radius:8px;padding:.75rem 1rem}.card h3{margin:0 0 .25rem;font-size:.9rem;color:#888;font-weight:500}.ok{color:#16a34a}.bad,.ok{font-weight:600}.bad{color:#dc2626}ul{padding-left:1.2rem}li small{color:#888}form{display:flex;gap:.5rem;margin:1rem 0}input{flex:1 1;padding:.5rem;border-radius:6px;border:1px solid #8886}button{padding:.5rem 1rem;border-radius:6px;border:0;background:#2563eb;color:#fff;cursor:pointer}button:disabled{opacity:.6}