:root{--danger:#f87171;--warn:#fcd34d;--purple:#a78bfa;--radius:8px}[hidden]{display:none!important}.wrap{max-width:860px;margin:0 auto;padding:3.5rem 2rem 6rem}.page-header{margin-bottom:2rem}.page-header h1{color:#fff;margin-bottom:.3rem;font-size:1.9rem;font-weight:600}.page-header p{color:var(--muted);max-width:640px;font-size:.88rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.6rem}.card-title{color:#fff;margin-bottom:1.2rem;font-size:1rem;font-weight:600}.field{margin-bottom:1rem}.field label{color:var(--muted);letter-spacing:.04em;margin-bottom:.35rem;font-size:.8rem;display:block}.field input[type=text],.field input[type=url],.field input[type=email]{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--mono);border-radius:6px;padding:.5em .9em;font-size:.78rem;transition:border-color .15s}.field input:focus{border-color:var(--accent);outline:none}.field input::placeholder{color:var(--muted)}.field-row{flex-wrap:wrap;gap:1rem;display:flex}.field-row .field{flex:1;min-width:180px}.csr-area{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--mono);resize:vertical;border-radius:6px;min-height:130px;padding:.9rem 1rem;font-size:.72rem;line-height:1.6;transition:border-color .15s}.csr-area:focus{border-color:var(--accent);outline:none}.csr-area::placeholder{color:var(--muted)}.toggle-row{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:.4rem;margin-bottom:.7rem;padding:0;font-size:.82rem;display:flex}.toggle-row:hover{color:var(--accent)}.toggle-chevron{font-size:.65rem;transition:transform .2s}.toggle-chevron.open{transform:rotate(90deg)}.method-opts{flex-wrap:wrap;gap:1.5rem;margin-bottom:.5rem;display:flex}.method-opt{cursor:pointer;align-items:center;gap:.4rem;font-size:.84rem;display:flex}.method-opt input[type=radio]{accent-color:var(--accent)}.method-forbidden{color:var(--danger)}.method-forbidden input[type=radio]{accent-color:var(--danger)}.method-forbidden-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--danger);vertical-align:middle;background:#f871711f;border:1px solid #f871714d;border-radius:3px;padding:.1em .4em;font-size:.58rem}.chall-badge.tls-alpn-01{color:var(--warn);background:#fbbf241a;border-color:#fbbf244d}.chall-badge.forbidden{color:var(--danger);background:#f871711a;border-color:#f871714d}.skip-tls-label{cursor:pointer;color:var(--muted);align-items:center;gap:.5rem;margin-top:.8rem;font-size:.8rem;display:flex}.skip-tls-label input{accent-color:var(--warn)}.btn-primary{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;background:var(--accent);color:#0e1014;cursor:pointer;border:none;border-radius:5px;padding:.55em 1.4em;font-size:.78rem;font-weight:600;transition:opacity .15s}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);cursor:pointer;color:var(--muted);background:0 0;border-radius:5px;padding:.45em 1em;font-size:.72rem;transition:border-color .15s,color .15s}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-report{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:var(--purple);background:0 0;border:1px solid #8b5cf680;border-radius:5px;padding:.45em 1em;font-size:.72rem;transition:border-color .15s,color .15s}.btn-report:hover:not(:disabled){border-color:var(--purple);color:#fff}.submit-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{color:var(--danger);background:#f8717114;border:1px solid #f871714d;border-radius:6px;align-items:flex-start;gap:.6rem;margin-top:1rem;padding:.8rem 1rem;font-size:.83rem;display:flex}.err-icon{flex-shrink:0;margin-top:.1rem}.err-text{white-space:pre-wrap;font-family:var(--mono);font-size:.78rem}.steps-list{flex-direction:column;gap:.5rem;display:flex}.step-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:.7rem;padding:.45rem 0;font-size:.83rem;display:flex}.step-item:last-child{border-bottom:none}.step-icon{text-align:center;flex-shrink:0;width:1.1em;margin-top:.05rem;font-size:.9rem}.step-ok .step-icon{color:var(--accent)}.step-fail .step-icon{color:var(--danger)}.step-warn .step-icon{color:var(--warn)}.step-run .step-icon{color:var(--muted)}.step-name{font-family:var(--mono);color:#fff;white-space:nowrap;font-size:.76rem}.step-detail{color:var(--muted);word-break:break-all;margin-left:.2rem;font-size:.77rem}.step-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:.9rem 0 .4rem;font-size:.68rem}.dir-checks{flex-wrap:wrap;gap:.3rem;margin-top:.4rem;display:flex}.dir-check{font-family:var(--mono);border:1px solid;border-radius:3px;align-items:center;gap:.3rem;padding:.15em .5em;font-size:.65rem;display:flex}.dir-check.ok{color:var(--accent);background:#00d4aa12;border-color:#00d4aa59}.dir-check.miss{color:var(--danger);background:#f8717112;border-color:#f8717159}.dir-check.opt{color:var(--muted);background:#6b7a9012;border-color:#6b7a9059}.chall-header{align-items:center;gap:.8rem;margin-bottom:1.1rem;display:flex}.chall-header h2{color:#fff;font-size:1rem;font-weight:600}.chall-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--accent);background:#00d4aa1f;border:1px solid #00d4aa4d;border-radius:3px;padding:.2em .6em;font-size:.65rem}.chall-badge.dns{color:var(--purple);background:#8b5cf61a;border-color:#8b5cf64d}.chall-item{border-bottom:1px solid var(--border);padding:.9rem 0}.chall-item:last-child{border-bottom:none}.chall-domain{font-family:var(--mono);color:#fff;margin-bottom:.6rem;font-size:.78rem;font-weight:600}.token-block{margin-bottom:.5rem}.token-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.25rem;font-size:.68rem}.token-row{align-items:center;gap:.5rem;display:flex}.token-value{font-family:var(--mono);color:var(--accent);background:var(--bg);border:1px solid var(--border);word-break:break-all;border-radius:4px;flex:1;padding:.3em .6em;font-size:.72rem}.copy-btn{font-family:var(--mono);text-transform:uppercase;border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;flex-shrink:0;padding:.25em .55em;font-size:.65rem;transition:border-color .15s,color .15s}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.chall-result{align-items:flex-start;gap:.4rem;margin-top:.5rem;font-size:.8rem;display:flex}.chall-result.ok{color:var(--accent)}.chall-result.err{color:var(--danger);font-family:var(--mono);font-size:.77rem}.result-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.2rem;display:flex}.result-header h2{color:var(--accent);font-size:1rem;font-weight:600}.result-actions{flex-wrap:wrap;gap:.5rem;display:flex}.cert-info{font-family:var(--mono);grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin-bottom:1.2rem;font-size:.72rem;display:grid}.ci-key{color:var(--muted);white-space:nowrap}.ci-val{color:var(--text);word-break:break-all}.san-list{flex-wrap:wrap;gap:.3rem;display:flex}.san-tag{font-family:var(--mono);color:var(--accent);background:#00d4aa12;border:1px solid #00d4aa4d;border-radius:3px;padding:.15em .5em;font-size:.68rem;display:inline-block}.pem-wrap{margin-bottom:1rem;position:relative}.pem-output{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--mono);resize:vertical;cursor:default;border-radius:6px;min-height:160px;padding:.9rem 1rem;font-size:.7rem;line-height:1.6}.pem-output:focus{outline:none}.test-row{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.5rem 0;font-size:.84rem;display:flex}.test-row:last-child{border-bottom:none}.test-label{font-family:var(--mono);color:var(--muted);min-width:140px;font-size:.76rem}.test-result{font-size:.8rem}.test-ok{color:var(--accent)}.test-fail{color:var(--danger)}.test-skip{color:var(--muted);font-style:italic}.report-entry{border:1px solid var(--border);border-radius:6px;margin-bottom:.8rem;overflow:hidden}.report-entry-hdr{background:var(--surface2);cursor:pointer;align-items:center;gap:.6rem;padding:.55rem .9rem;font-size:.78rem;display:flex}.report-entry-hdr:hover{background:var(--border)}.report-method{font-family:var(--mono);color:var(--accent);white-space:nowrap;background:#00d4aa1a;border:1px solid #00d4aa33;border-radius:3px;padding:.1em .45em;font-size:.68rem}.report-method.post{color:var(--purple);background:#8b5cf61a;border-color:#8b5cf633}.report-url{font-family:var(--mono);color:var(--text);word-break:break-all;flex:1;font-size:.72rem}.report-code{font-family:var(--mono);white-space:nowrap;border-radius:3px;padding:.1em .45em;font-size:.72rem}.report-code.ok{color:var(--accent);background:#00d4aa1a}.report-code.fail{color:var(--danger);background:#f871711a}.report-body{padding:.8rem .9rem;display:none}.report-body.open{display:block}.raw-block{font-family:var(--mono);color:var(--text);white-space:pre-wrap;word-break:break-all;background:var(--bg);border:1px solid var(--border);border-radius:4px;max-height:300px;margin-top:.4rem;padding:.6rem .8rem;font-size:.68rem;overflow-y:auto}.raw-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-top:.6rem;margin-bottom:.2rem;font-size:.65rem}.raw-label:first-child{margin-top:0}.report-dl-row{gap:.8rem;margin-top:1rem;display:flex}.rpt-summary{margin-bottom:1.4rem}.rpt-tech{background:#8b5cf612;border:1px solid #8b5cf62e;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .8rem;font-size:.78rem;display:flex}.rpt-tech-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.rpt-tech-tag{color:var(--purple);font-size:.72rem;font-family:var(--mono);background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:4px;padding:.12em .55em}.rpt-origin{border:1px solid var(--border);border-radius:6px;margin-bottom:.9rem;overflow:hidden}.rpt-origin-hdr{background:var(--surface2);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .9rem;display:flex}.rpt-scheme{font-family:var(--mono);color:var(--accent);background:#00d4aa1a;border:1px solid #00d4aa33;border-radius:3px;padding:.1em .5em;font-size:.68rem}.rpt-host{font-family:var(--mono);color:var(--text);font-size:.82rem;font-weight:600}.rpt-port{font-family:var(--mono);color:var(--muted);font-size:.78rem}.rpt-port-warn{color:var(--warn);background:#fbbf2414;border:1px solid #fbbf2440;border-radius:3px;padding:.08em .45em;font-size:.66rem}.rpt-paths{border-collapse:collapse;width:100%;font-size:.76rem}.rpt-paths thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface2);padding:.35rem .9rem;font-size:.64rem}.rpt-paths tbody tr{border-bottom:1px solid var(--border)}.rpt-paths tbody tr:last-child{border-bottom:none}.rpt-path-cell{font-family:var(--mono);color:var(--text);word-break:break-all;padding:.38rem .9rem}.rpt-path-cell code{background:0 0;font-size:.74rem}.rpt-field-cell{padding:.38rem .9rem}.rpt-field-tag{font-family:var(--mono);color:var(--accent);background:#00d4aa14;border:1px solid #00d4aa2e;border-radius:3px;margin:.1em;padding:.08em .4em;font-size:.65rem;display:inline-block}.rpt-field-none{color:var(--muted);font-size:.72rem}@media (width<=600px){.wrap{padding:2rem 1rem 4rem}.cert-info{grid-template-columns:1fr}.ci-key{color:var(--accent);font-size:.65rem}}