:root{color-scheme:dark}*{box-sizing:border-box}body{font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;margin:0}main{max-width:800px;margin:auto;padding:24px}.wordmark{font-size:25.6px;line-height:1.25;font-weight:750;letter-spacing:-1.2px;margin-bottom:8px}.wordmark .dot{color:#94a3b8}.wordmark .md{font-size:14px;font-weight:600;letter-spacing:0;margin-left:8px}h1{margin:16px 0 12px;font-size:22px;font-weight:600}small{font-size:13px;color:#94a3b8}p{color:#94a3b8}ul{padding:0;list-style:none}li{background:#020617;border:1px solid #1e293b;padding:12px;margin:10px 0;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:16px}select{font:inherit;background:#0b1222;border:1px solid #334155;padding:6px;color:#e2e8f0;border-radius:3px;cursor:pointer}button{font:inherit;background:none;color:#e2e8f0;border:0;padding:4px 0;text-decoration:underline;text-decoration-color:#64748b;text-underline-offset:4px;cursor:pointer}label{display:inline-flex;gap:8px;align-items:center;margin:0 16px 12px 0}#summary{color:#94a3b8;font-weight:500;margin:15px 0}button:focus-visible,select:focus-visible{outline:2px solid #94a3b8;outline-offset:3px}@media(max-width:500px){main{padding:18px}li{align-items:start;flex-direction:column}}