:root{--ground:#0b1120;--surface:#111a2e;--inset:#16213a;--line:#22304a;--line-strong:#2f3f5c;
  --ink:#e6ecf5;--body:#c3cddc;--muted:#8e9fb8;--accent:#818cf8;--accent-strong:#a5b4fc;--accent-deep:#4f46e5;
  --high:#f87171;--high-soft:rgba(248,113,113,.14);--medium:#fbbf24;--medium-soft:rgba(251,191,36,.14);
  --ok:#4ade80;--ok-soft:rgba(74,222,128,.12);--info:#8e9fb8;--info-soft:rgba(142,159,184,.14);
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace}
body{background:var(--ground);color:var(--body)}
.wrap{max-width:1120px}
.check h1,.check h2,.check h3{color:var(--ink);letter-spacing:-.02em}
.check h1{font-size:34px;line-height:1.15;margin:0 0 6px}
.check h2{font-size:22px;margin:28px 0 12px}
.check h3{font-size:16px;margin:0 0 6px}
.check p{color:var(--body)}
.check .kicker{font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
.check .lede{font-size:18px;line-height:1.55;max-width:58ch;margin:0 0 18px}
.check .sub{color:var(--muted);font:400 13px/1.4 var(--mono);margin:0 0 24px}
.check .meta{color:var(--muted);font-size:13.5px}
.check .btn,.check button.primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;
  border-radius:8px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);font-weight:500;font-size:15px;text-decoration:none;cursor:pointer}
.check button.primary{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
.check .card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.check .card.lit{border-color:var(--accent);background:#121c33}
.check .card.note{background:#0f1729}
.check .card.clean{border-color:rgba(74,222,128,.4)}
.check .drop{border:2px dashed #3b4a6b;border-radius:12px;background:#0e1628;display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 24px;text-align:center;margin:0 0 32px}
.check .drop label{font:600 18px/1.3 inherit;color:var(--ink)}
.check .progress{display:none;width:100%;height:4px;border-radius:2px;background:var(--inset);overflow:hidden;margin:0 0 18px}
.check .progress::after{content:"";display:block;width:40%;height:100%;border-radius:2px;background:var(--accent);animation:sf-slide 1.4s ease-in-out infinite}
.check.report .progress,.check.checking .progress,.check .drop.busy .progress{display:block}
.check .drop.busy button.primary{opacity:.6;pointer-events:none}
@keyframes sf-slide{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
@media (prefers-reduced-motion: reduce){.check .progress::after{animation:none;width:100%;opacity:.6}}
.check .drop input[type=file]{min-height:44px;max-width:100%;padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#070c17;color:var(--body);font-size:14px}
.check .drop input[type=file]::file-selector-button{min-height:28px;margin-right:12px;padding:4px 12px;border:1px solid var(--line-strong);border-radius:6px;background:var(--inset);color:var(--ink);font:inherit;cursor:pointer}
.check .two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.check .plain{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;font-size:15px;color:var(--body)}
.check .ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--body)}
.check .ticks li::before{content:"✓";color:var(--ok);margin-right:10px;font-weight:700}
.check .steps{margin:0 0 16px;padding:0 0 0 22px;color:var(--body);font-size:16px;line-height:2}
.check .summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:0 0 28px}
.check .summary>div{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-right:1px solid var(--line)}
.check .summary>div:last-child{border-right:0}
.check .summary strong{font-size:30px;line-height:1;color:var(--ink)}
.check .sev{display:inline-flex;align-items:center;gap:7px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;align-self:flex-start}
.check .sev::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.check .sev.high{color:var(--high);background:var(--high-soft)}
.check .sev.medium{color:var(--medium);background:var(--medium-soft)}
.check .sev.info{color:var(--info);background:var(--info-soft)}
.check .layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.check .rail{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}
.check .rail .card p{margin:0 0 12px}
.check .send{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.check .send label{font-size:13px;color:var(--muted)}
.check .send input[type=email]{min-height:44px;border:1px solid var(--line-strong);border-radius:8px;background:#070c17;color:var(--ink);padding:0 14px;font-size:15px}
.check .trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.check .group{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0 0 16px;overflow:hidden}
.check .group.sev-high{border-color:rgba(248,113,113,.45)}
.check .group header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--inset)}
.check .group header h3{flex:1 1 auto;margin:0}
.check .group .badge{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong)}
.check .group .count{font:500 13px/1 var(--mono);color:var(--muted)}
.check .group ul{list-style:none;margin:0;padding:0}
.check .group li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:14px 18px;border-bottom:1px solid var(--line)}
.check .group li:last-child{border-bottom:0}
.check .group code{justify-self:start;font:400 14px/1.5 var(--mono);color:var(--ink);background:#070c17;border:1px solid var(--line);border-radius:4px;padding:2px 7px;overflow-wrap:anywhere}
.check .group .where{font:400 13px/1.5 var(--mono);color:var(--muted);align-self:center}
.check .group .why{grid-column:1/-1;font-size:14px;margin:0;color:var(--body)}
.check .group .more{padding:8px 18px;margin:0;color:var(--muted);font-size:13px}
.check .group.notrun{border-style:dashed;border-color:var(--line-strong)}
.check .preview{width:100%;aspect-ratio:16/10;border:1px solid var(--line);border-radius:12px;background:#070c17}
.page-foot{color:var(--muted)}
.page-foot a{color:var(--muted)}
@media (max-width: 640px){
  .check h1{font-size:28px}
  .check .two,.check .layout,.check .plain,.check .summary{grid-template-columns:minmax(0,1fr)}
  .check .summary>div{border-right:0;border-bottom:1px solid var(--line)}
  .check .rail{position:static}
  .check .group li{grid-template-columns:minmax(0,1fr)}
  .check .btn,.check button.primary,.check .send input[type=email]{min-height:44px}
}