:root{--acc:#86efac;--acc-rgb:134,239,172;--acc2:#22c55e}
.o1{background:#15803d;opacity:.35}.o3{background:#22c55e;opacity:.16}
.st-skip{--sc:#64748b}
.scan-log li.fail{color:var(--warn)}
.bigsearch .pre svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
/* hero preview */
.sc-prev{padding:22px 24px}
.sc-rings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.mr{--L:150.8;position:relative;display:grid;justify-items:center;gap:6px}
.mr::before{content:"";width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--v)*360deg),rgba(11,13,18,0.084) 0);-webkit-mask:radial-gradient(circle,transparent 22px,#000 23px);mask:radial-gradient(circle,transparent 22px,#000 23px)}
.mr b{position:absolute;top:17px;font:700 18px/1 var(--sans);color:var(--ink)}
.mr span{font:500 11px var(--mono);color:var(--ink3);text-transform:uppercase;letter-spacing:.06em}
.eg-prev-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:9px;font-size:14px}
.eg-prev-list li{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;color:var(--ink2)}
.eg-prev-list li span{font:500 12px var(--mono);color:var(--ink3)}
.eg-prev-list i{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 20%,transparent)}
.eg-prev-list .p{--c:var(--ok)}.eg-prev-list .w{--c:var(--warn)}.eg-prev-list .f{--c:var(--bad)}
.sc-prev .pc-gap{background:rgba(22,101,52,.08);border-color:rgba(22,101,52,.3);color:#166534}.sc-prev .pc-gap b{background:rgba(22,101,52,.3)}
.sample-inline{color:var(--acc);font-weight:600;text-decoration:none}.sample-inline:hover{text-decoration:underline}
/* scan + self-check */
.sc-scan{max-width:820px}
.scan-foot{text-align:center;color:var(--ink3);font-size:13.5px;margin-top:16px}.scan-foot.bad{color:var(--warn)}
.selfcheck{margin-top:28px}
.sc-self-head h3{font-size:20px;margin:0 0 6px;letter-spacing:-.01em}.sc-self-head p{margin:0 0 16px;color:var(--ink2);font-size:15px}
.self-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.self-item{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:18px 20px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(16px);transition:border-color .2s}
.self-item.answered{border-color:rgba(22,101,52,.35)}
.si-n{font:600 13px var(--mono);color:var(--acc);padding-top:3px}
.si-q{margin:0;font-weight:600;font-size:16px;color:var(--ink);line-height:1.4}
.si-how{margin:6px 0 12px;color:var(--ink2);font-size:14px}.si-how a{color:var(--acc);font-weight:600;white-space:nowrap}
.si-ans{display:flex;gap:8px;flex-wrap:wrap}.si-ans .chip{height:34px}
.scan-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:26px}
.scan-actions .btn-primary[disabled]{opacity:.55;cursor:wait}
/* gate */
.gate-h{font-size:clamp(32px,4vw,48px)}.gate-preview{margin-top:22px}
.gp-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font:500 14px var(--mono);color:var(--ink2)}
.gp-big{font:800 64px/1 var(--sans);color:var(--ink);margin-bottom:10px}
/* results */
.res-domain{font-family:var(--mono)!important;letter-spacing:-.03em!important;word-break:break-all}
.notice-bar{margin:0 0 18px;padding:14px 18px;border-radius:14px;border:1px solid rgba(251,191,36,.35);background:rgba(251,191,36,.08);color:#8a4d00;font-size:14.5px;line-height:1.5}
.sc-dash{grid-template-columns:.9fr 1.15fr 1fr}
.lh-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 8px;margin-top:6px}
.lh-ring{position:relative;display:grid;justify-items:center;gap:6px;text-align:center}
.lh-ring svg{width:86px;height:86px;transform:rotate(-90deg)}
.lh-ring circle{fill:none;stroke-width:6}.lh-ring .t{stroke:rgba(11,13,18,0.084)}.lh-ring .f{stroke-linecap:round;transition:stroke-dashoffset 1.4s var(--ease)}
.lh-ring b{position:absolute;top:28px;left:0;right:0;font:700 24px/1 var(--sans)}
.lh-ring span{font-size:12.5px;color:var(--ink2)}
.cwv{list-style:none;margin:0;padding:0;display:grid}
.cwv li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.cwv li:last-child{border-bottom:0}
.cwv b{display:block;font-size:14.5px}.cwv span{font-size:12.5px;color:var(--ink3)}
.cwv-v{font:700 22px/1.1 var(--sans);text-align:right;white-space:nowrap}.cwv-v small{display:block;font:600 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}
.bot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.bot-col h4{margin:0 0 10px;font-size:15px}
.bot-col ul{list-style:none;margin:0;padding:0}
.bot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.bot:last-child{border-bottom:0}
.bot b{display:block;font:600 14px var(--mono)}.bot span{font-size:12.5px;color:var(--ink3)}
.bot em{font:600 11px var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:99px;border:1px solid}
.bot.allowed em{color:var(--ok);border-color:rgba(52,211,153,.4)}.bot.blocked em{color:var(--bad);border-color:rgba(248,113,113,.45)}.bot.unk em{color:var(--ink3);border-color:var(--line2)}
.bot-snip pre{margin:0;padding:14px 16px;border-radius:12px;background:rgba(3,7,20,.6);border:1px solid var(--line);font:500 13px/1.6 var(--mono);color:#166534;overflow-x:auto}
.bot-snip .hint a{color:var(--acc)}
.opp-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.opp-list li{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:15px}
.opp-list b{font:600 13px var(--mono);color:var(--warn);white-space:nowrap}
.lh-fails p{color:var(--ink2);font-size:14.5px;margin:8px 0}.lh-fails a{color:var(--acc);font-weight:600}
.gap-src{font-size:12.5px;color:var(--ink3);margin:10px 0 0}.gap-src a{color:var(--ink2)}
@media (max-width:1080px){.sc-dash{grid-template-columns:1fr 1fr}.sc-dash>.panel:last-child{grid-column:1/-1}}
@media (max-width:760px){.bot-grid{grid-template-columns:1fr}}
@media (max-width:640px){.sc-dash{grid-template-columns:1fr}.lh-rings{grid-template-columns:repeat(3,1fr)}.lh-ring svg{width:72px;height:72px}.lh-ring b{top:23px;font-size:20px}.opp-list li{flex-direction:column;gap:4px}.self-item{grid-template-columns:1fr}.si-n{display:none}.cwv-v{font-size:18px}}
.scan-log li.fail .sl-ico{border-color:var(--warn);background:rgba(251,191,36,.15)}
.notice-bar.info{border-color:rgba(22,101,52,.3);background:rgba(22,101,52,.06);color:#166534}