:root{color-scheme:light;--ink:#172d38;--muted:#526670;--teal:#087c7f;--line:#dbe5e8;--bg:#f2f6f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}header{background:#12363e;color:white;padding:22px max(20px,calc((100vw - 880px)/2));display:flex;gap:18px;align-items:center}header strong{letter-spacing:.12em}header span{opacity:.85;font-size:14px}main{max-width:920px;margin:auto;padding:20px}h1{font-size:27px;line-height:1.25}h2{font-size:20px}h3{font-size:16px}p{margin:8px 0}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:18px;margin:12px 0}.match{border:2px solid var(--teal);background:#effdf8}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.muted,small{color:var(--muted)}label{display:block;margin:12px 0}input,select,button,textarea{font:inherit;border:1px solid #bdcdd2;border-radius:8px;padding:11px 13px}input:not([type=checkbox]),select,textarea{display:block;width:100%;background:white;color:var(--ink);margin-top:5px}input[type=checkbox]{margin-right:10px;width:20px;height:20px;vertical-align:middle}button{background:var(--teal);color:white;cursor:pointer;margin:5px 0;min-height:46px}button.secondary{background:white;color:var(--teal)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #efa62b;outline-offset:2px}code{font-size:17px;overflow-wrap:anywhere}pre{white-space:pre-wrap;word-break:break-word;font-size:13px;background:#f4f7f8;padding:12px;border-radius:8px}summary{cursor:pointer;color:var(--teal);padding:8px 0}.tag{display:inline-block;background:#dff4ef;color:#155d53;border-radius:20px;padding:4px 12px;font-size:13px}.error{background:#fff0e8;color:#7a2c15;border:1px solid #eab49c;border-radius:10px;padding:12px;margin-bottom:14px}footer{padding:24px;text-align:center;color:var(--muted);font-size:12px}a{color:var(--teal)}.checks label{border-bottom:1px solid var(--line);padding:8px 0;overflow-wrap:anywhere}.stack>button{display:block;width:100%}dialog{border:0;border-radius:16px;max-width:650px;width:calc(100% - 30px);max-height:85vh;overflow:auto}dialog::backdrop{background:#132b3877}@media(max-width:500px){main{padding:14px}header{padding:16px;display:block}header span{display:block;margin-top:4px}.card{padding:14px}code{font-size:15px}}
