:root{--bg:#0b0e14;--panel:#141925;--panel-2:#1b2231;--border:#263042;--text:#e6e9ef;--muted:#8b96a8;--accent:#4f8cff;--crit:#ff4d4f;--high:#ff8c1a;--med:#f5c518;--low:#8b96a8;--ok:#23c45e;--radius:12px;--bg-glow:#16203a}:root[data-theme=light]{--bg:#eef1f8;--panel:#fff;--panel-2:#f0f3fa;--border:#d8dfec;--text:#16203a;--muted:#5b6779;--accent:#2f6fe0;--crit:#dc2626;--high:#d9730b;--med:#b7791f;--low:#6b7688;--ok:#12924a;--bg-glow:#dbe6fb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,var(--bg-glow) 0,var(--bg) 55%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh;transition:background .3s,color .3s}.float-bg{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.float-bg span{position:absolute;font-weight:800;white-space:nowrap;letter-spacing:-.02em;color:var(--accent);animation:drift var(--d,30s) ease-in-out infinite;animation-delay:var(--delay,0s);will-change:transform}@keyframes drift{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-30px) translateX(16px)}}@media (prefers-reduced-motion:reduce){.float-bg span{animation:none}}.wrap{position:relative;z-index:1;max-width:920px;margin:0 auto;padding:40px 20px 80px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}header h1{font-size:28px;margin:0 0 6px;letter-spacing:-.02em}header h1 .mark{color:var(--accent)}header p.sub{color:var(--muted);margin:6px 0 24px;font-size:15px}.langpick{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:4px 10px;font-size:13px}.langpick span{opacity:.7}.langpick select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text);font:inherit;cursor:pointer;padding-right:4px}.langpick select:focus{outline:none}.langpick option{background:var(--panel);color:var(--text)}.controls{display:inline-flex;align-items:center;gap:10px}.themetoggle{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:5px 11px;cursor:pointer;font-size:15px;line-height:1}.themetoggle:hover{border-color:var(--accent)}:root[data-theme=light] .banner.sample{background:#fff7e6;border-color:#f0d98b;color:#8a6a12}:root[data-theme=light] .banner.live{background:#e6f7ee;border-color:#9bdcb5;color:#15743f}.meta.note{margin-top:8px;font-size:12.5px;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}textarea{width:100%;min-height:190px;resize:vertical;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.55}textarea:focus{outline:none;border-color:var(--accent)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}button{font:inherit;font-weight:600;border-radius:9px;padding:10px 18px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;transition:.15s}button.primary,button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#fff}button.primary:hover{filter:brightness(1.08)}button:disabled{opacity:.55;cursor:default}button.link{background:none;border:none;color:var(--muted);padding:10px 4px}button.link:hover{color:var(--text)}.banner{margin-top:18px;padding:10px 14px;border-radius:9px;font-size:13px;border:1px solid var(--border);display:flex;gap:8px;align-items:baseline}.banner.sample{background:#2a220e;border-color:#5c4a12;color:#f5d98b}.banner.live{background:#0e2a18;border-color:#16512e;color:#8bf0b3}.summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:24px 0 8px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.stat .n{font-size:26px;font-weight:700;letter-spacing:-.02em}.stat .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat.bad .n{color:var(--crit)}.stat.good .n{color:var(--ok)}.results{margin-top:20px;display:flex;flex-direction:column;gap:10px}.item{background:var(--panel);border-left:1px solid var(--border);border-radius:10px;padding:14px 16px;border:1px solid var(--border);border-left-width:4px}.item.vulnerable{border-left-color:var(--crit)}.item.ok{border-left-color:var(--ok)}.item.not_in_db{border-left-color:var(--border)}.item.unknown_version{border-left-color:var(--med)}.item .head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.item .name{font-weight:650;font-size:15px}.item .name .slug{color:var(--muted);font-weight:400;font-size:13px;margin-left:6px}.typebadge{margin-left:8px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:6px;vertical-align:middle}.typebadge.theme{background:rgba(79,140,255,.16);color:var(--accent)}.typebadge.core{background:rgba(245,197,24,.16);color:var(--med)}.item .ver{font-family:ui-monospace,monospace;font-size:13px;color:var(--muted)}.pill{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.pill.vulnerable{background:rgba(255,77,79,.15);color:var(--crit)}.pill.ok{background:rgba(35,196,94,.15);color:var(--ok)}.pill.not_in_db{background:var(--panel-2);color:var(--muted)}.pill.unknown_version{background:rgba(245,197,24,.15);color:var(--med)}.matchnote{margin-top:6px;font-size:12px;color:var(--muted)}.matchnote code{background:var(--panel-2);padding:1px 6px;border-radius:5px;color:var(--accent)}.matchnote .mt{margin-left:8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.vulns{margin-top:12px;display:flex;flex-direction:column;gap:8px}.vuln{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.vuln .vtop{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.vuln .sev{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase}.sev.critical{background:rgba(255,77,79,.18);color:var(--crit)}.sev.high{background:rgba(255,140,26,.18);color:var(--high)}.sev.medium{background:rgba(245,197,24,.18);color:var(--med)}.sev.low,.sev.unknown{background:var(--panel-2);color:var(--muted)}.vuln .vtitle{font-size:14px;font-weight:550}.vuln .meta{margin-top:6px;font-size:12.5px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.vuln .meta a{color:var(--accent);text-decoration:none}.vuln .meta a:hover{text-decoration:underline}.vuln .fix{color:var(--ok)}.info{margin-top:40px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px}.info h2{font-size:18px;margin:0 0 8px;letter-spacing:-.01em}.info h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:20px 0 10px}.info p{margin:0;color:var(--text);font-size:14px;line-height:1.65}.info ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.info ol li{color:var(--text);font-size:13.5px;line-height:1.55;padding-left:4px}.info ol li::marker{color:var(--accent);font-weight:700}.info .privacy{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.info .privacy,footer{color:var(--muted);font-size:12.5px}footer{margin-top:40px;text-align:center}footer code{background:var(--panel-2);padding:2px 6px;border-radius:5px}@media (max-width:640px){.summary{grid-template-columns:repeat(2,1fr)}}