*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-elevated: #22222e;--text-primary: #f0f0f5;--text-secondary: #9898a8;--text-muted: #6a6a7a;--border-color: #2a2a3a;--border-hover: #3a3a4a;--accent-color: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .15);--severity-critical: #ef4444;--severity-critical-bg: rgba(239, 68, 68, .12);--severity-high: #f97316;--severity-high-bg: rgba(249, 115, 22, .12);--severity-medium: #eab308;--severity-medium-bg: rgba(234, 179, 8, .12);--severity-low: #22c55e;--severity-low-bg: rgba(34, 197, 94, .12);--severity-unknown: #6b7280;--severity-unknown-bg: rgba(107, 114, 128, .12);--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", Monaco, monospace}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent-color);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.875rem 1.5rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-size:1.125rem;font-weight:600}.logo a{color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.logo a:hover{color:var(--text-primary)}.logo-icon{color:var(--accent-color)}.stats-bar{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--text-secondary)}.stat-item strong{color:var(--text-primary);font-weight:600}.stat-divider{color:var(--border-color)}.back-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s}.back-btn:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.search-view{flex:1;max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem;width:100%}.hero{text-align:center;margin-bottom:2rem}.hero h2{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--text-secondary);font-size:1.0625rem}.search-form{display:flex;gap:.75rem;margin-bottom:1rem}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}.search-form input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .15s}.search-form input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-glow)}.search-form input::placeholder{color:var(--text-muted)}.clear-btn{position:absolute;right:.75rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;border-radius:4px}.clear-btn:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.search-btn{padding:.875rem 1.75rem;background:var(--accent-color);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.search-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.search-btn:disabled{opacity:.6;cursor:not-allowed}.btn-loading{display:flex;align-items:center;gap:.5rem}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.filter-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .15s;position:relative}.filter-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.filter-active{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--accent-color);border-radius:50%}.filter-options{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-label{font-size:.8125rem;color:var(--text-muted)}.filter-chip{padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;transition:all .15s}.filter-chip:hover{border-color:var(--border-hover)}.filter-chip.active{background:var(--accent-glow);border-color:var(--accent-color);color:var(--accent-color)}.filter-chip.severity-critical.active{background:var(--severity-critical-bg);border-color:var(--severity-critical);color:var(--severity-critical)}.filter-chip.severity-high.active{background:var(--severity-high-bg);border-color:var(--severity-high);color:var(--severity-high)}.filter-chip.severity-medium.active{background:var(--severity-medium-bg);border-color:var(--severity-medium);color:var(--severity-medium)}.filter-chip.severity-low.active{background:var(--severity-low-bg);border-color:var(--severity-low);color:var(--severity-low)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:1rem 1.25rem;background:var(--severity-critical-bg);border:1px solid var(--severity-critical);border-radius:10px;color:var(--severity-critical);margin-bottom:1.5rem;font-size:.9375rem}.results,.recent{margin-bottom:2.5rem}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.results-header h3{font-size:1.125rem;font-weight:600}.results-count{font-size:.8125rem;color:var(--text-muted)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.result-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:all .2s}.result-card:hover{border-color:var(--accent-color);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.result-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.result-id{font-weight:600;font-family:var(--font-mono);font-size:.9375rem}.severity-indicator{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:4px}.severity-indicator.severity-critical{background:var(--severity-critical-bg);color:var(--severity-critical)}.severity-indicator.severity-high{background:var(--severity-high-bg);color:var(--severity-high)}.severity-indicator.severity-medium{background:var(--severity-medium-bg);color:var(--severity-medium)}.severity-indicator.severity-low{background:var(--severity-low-bg);color:var(--severity-low)}.severity-indicator.severity-unknown{background:var(--severity-unknown-bg);color:var(--severity-unknown)}.result-summary{color:var(--text-secondary);font-size:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.result-footer{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;font-size:.75rem;color:var(--text-muted)}.result-source{background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:4px}.api-section{margin-top:3rem;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px}.api-section h3{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;margin-bottom:.5rem}.api-section>p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9375rem}.api-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;margin-bottom:1.25rem}.api-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:.875rem 1rem}.api-card label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.5px}.api-card code{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);word-break:break-all}.api-docs-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-color);border-radius:8px;color:#fff;font-weight:600;font-size:.9375rem;transition:all .15s}.api-docs-btn:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px)}.detail-view{flex:1;max-width:900px;margin:0 auto;padding:2rem 1.5rem;width:100%}.cve-header{margin-bottom:2rem}.cve-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.cve-id{font-size:1.75rem;font-family:var(--font-mono);font-weight:700}.severity-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;font-weight:600}.severity-pill.severity-critical{background:var(--severity-critical-bg);border:1px solid var(--severity-critical)}.severity-pill.severity-high{background:var(--severity-high-bg);border:1px solid var(--severity-high)}.severity-pill.severity-medium{background:var(--severity-medium-bg);border:1px solid var(--severity-medium)}.severity-pill.severity-low{background:var(--severity-low-bg);border:1px solid var(--severity-low)}.severity-score{font-size:1.125rem;font-family:var(--font-mono)}.severity-pill.severity-critical .severity-score{color:var(--severity-critical)}.severity-pill.severity-high .severity-score{color:var(--severity-high)}.severity-pill.severity-medium .severity-score{color:var(--severity-medium)}.severity-pill.severity-low .severity-score{color:var(--severity-low)}.severity-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.severity-pill.severity-critical .severity-label{color:var(--severity-critical)}.severity-pill.severity-high .severity-label{color:var(--severity-high)}.severity-pill.severity-medium .severity-label{color:var(--severity-medium)}.severity-pill.severity-low .severity-label{color:var(--severity-low)}.cve-meta{display:flex;gap:1.25rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.875rem}.meta-item svg{color:var(--text-muted)}.cve-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem}.cve-section h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-secondary);margin-bottom:.875rem;font-weight:600}.description{line-height:1.7;color:var(--text-primary)}.cvss-display{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.cvss-gauge{display:flex;align-items:baseline;padding:.75rem 1.25rem;border-radius:12px}.cvss-gauge.severity-critical{background:var(--severity-critical-bg)}.cvss-gauge.severity-high{background:var(--severity-high-bg)}.cvss-gauge.severity-medium{background:var(--severity-medium-bg)}.cvss-gauge.severity-low{background:var(--severity-low-bg)}.cvss-number{font-size:2rem;font-weight:700;font-family:var(--font-mono)}.cvss-gauge.severity-critical .cvss-number{color:var(--severity-critical)}.cvss-gauge.severity-high .cvss-number{color:var(--severity-high)}.cvss-gauge.severity-medium .cvss-number{color:var(--severity-medium)}.cvss-gauge.severity-low .cvss-number{color:var(--severity-low)}.cvss-max{font-size:1rem;color:var(--text-muted);margin-left:.25rem}.cvss-vector{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:6px;cursor:pointer;position:relative;transition:background .15s}.cvss-vector:hover{background:var(--bg-elevated)}.copied-toast{position:absolute;top:-1.75rem;left:50%;transform:translate(-50%);background:var(--accent-color);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap}.affected-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.affected-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.875rem}.affected-vendor{font-size:.75rem;color:var(--text-muted);margin-bottom:.125rem}.affected-product{font-weight:600;font-size:.9375rem;margin-bottom:.5rem}.affected-versions{display:flex;flex-wrap:wrap;gap:.375rem}.version-tag{font-family:var(--font-mono);font-size:.6875rem;padding:.125rem .375rem;background:var(--bg-elevated);border-radius:4px;color:var(--text-secondary);cursor:help;position:relative;transition:transform .1s ease}.version-tag:hover{transform:translateY(-1px)}.version-tag.affected{background:var(--severity-high-bg);color:var(--severity-high)}.version-tag.fixed{background:#22c55e26;color:#22c55e}.version-tag.unaffected{background:#94a3b826;color:var(--text-muted)}.version-more{font-size:.6875rem;color:var(--text-muted)}.cwe-tags{display:flex;flex-wrap:wrap;gap:.5rem}.cwe-tag{display:flex;flex-direction:column;padding:.625rem .875rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;transition:all .15s}.cwe-tag:hover{border-color:var(--accent-color);background:var(--bg-elevated)}.cwe-id{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:var(--accent-color)}.cwe-desc{font-size:.8125rem;color:var(--text-secondary);margin-top:.125rem}.references-list{display:flex;flex-wrap:wrap;gap:.5rem}.reference-link{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;color:var(--text-secondary);transition:all .15s}.reference-link:hover{border-color:var(--accent-color);color:var(--accent-color)}.integrity-section h2 svg{color:var(--severity-low)}.hash-block{background:var(--bg-tertiary);border-radius:8px;padding:1rem}.hash-block label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.hash-row{display:flex;gap:.75rem;align-items:center}.hash-value{flex:1;font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);background:var(--bg-elevated);padding:.625rem .875rem;border-radius:6px;word-break:break-all}.copy-btn{padding:.5rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.copy-btn:hover{background:var(--border-color)}.indexed-at{display:block;margin-top:.75rem;font-size:.75rem;color:var(--text-muted)}.history-timeline{position:relative;padding-left:1.5rem}.history-timeline:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:var(--border-color)}.history-entry{position:relative;padding-bottom:1rem}.history-entry:last-child{padding-bottom:0}.history-dot{position:absolute;left:-1.5rem;top:6px;width:10px;height:10px;background:var(--accent-color);border-radius:50%;border:2px solid var(--bg-secondary)}.history-date{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.375rem}.history-changes{list-style:none;font-size:.875rem;color:var(--text-secondary)}.history-changes li{padding:.25rem 0}.export-row{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.export-btn:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.api-hint{background:var(--bg-tertiary);border-radius:8px;padding:.75rem 1rem;overflow-x:auto}.api-hint code{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary)}.footer{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.875rem;border-top:1px solid var(--border-color);margin-top:auto}.footer a{color:var(--text-secondary)}.footer a:hover{color:var(--accent-color)}.footer-sep{margin:0 .5rem;color:var(--border-color)}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start;gap:.5rem}.stats-bar{font-size:.75rem}.search-view,.detail-view{padding:1.5rem 1rem}.hero h2{font-size:1.5rem}.search-form{flex-direction:column}.search-btn{width:100%}.results-grid{grid-template-columns:1fr}.cve-id{font-size:1.25rem}.cve-meta{flex-direction:column;gap:.5rem}.hash-row{flex-direction:column;align-items:stretch}.api-grid{grid-template-columns:1fr}}