:root{--bg-primary: #0a0e14;--bg-secondary: #131922;--bg-tertiary: #1a2130;--bg-card: linear-gradient(135deg, #151b26 0%, #0d1117 100%);--bg-glass: rgba(20, 27, 40, .8);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent-primary: #58a6ff;--accent-secondary: #1f6feb;--accent-glow: rgba(88, 166, 255, .3);--success: #3fb950;--success-bg: rgba(63, 185, 80, .15);--warning: #d29922;--warning-bg: rgba(210, 153, 34, .15);--danger: #f85149;--danger-bg: rgba(248, 81, 73, .15);--critical: #ff4757;--critical-bg: rgba(255, 71, 87, .2);--border-color: rgba(48, 54, 61, .8);--border-glow: rgba(88, 166, 255, .4);--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--accent-glow);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;background-image:radial-gradient(ellipse at 10% 20%,rgba(88,166,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(88,166,255,.02) 0%,transparent 50%)}.app{max-width:1400px;margin:0 auto;padding:1.5rem;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 2.5rem;background:linear-gradient(135deg,#58a6ff1a,#141b28f2,#58a6ff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:2rem;position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-primary));opacity:.8}.header-content{flex:1;min-width:280px}.logo-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.logo-icon{font-size:3rem;filter:drop-shadow(0 0 15px var(--accent-glow));animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.logo-text h1{margin:0;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ffffff 0%,var(--accent-primary) 50%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.tagline{margin:.25rem 0 0;font-size:1rem;color:var(--accent-primary);font-weight:500;letter-spacing:.5px}.privacy-notice{margin:0;font-size:1rem;color:var(--text-secondary);width:100%;line-height:1.6;padding:1rem 1.25rem;background:#58a6ff0d;border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.reset-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--danger) 0%,#c53030 100%);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.reset-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #f851494d}.app-main{flex:1;display:flex;flex-direction:column;gap:2rem}section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem 2rem;transition:all .3s ease}section:hover{border-color:#58a6ff33}.section-header{margin-bottom:1.5rem}.section-header h2{display:flex;align-items:center;gap:.75rem;margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.section-icon{font-size:1.25rem}.section-description{margin:0;font-size:.9rem;color:var(--text-secondary)}.stats-bar{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:.5rem 1.5rem}.stat-number{font-size:2rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-primary);line-height:1}.stat-number.alert-count{color:var(--warning)}.stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.spinner{width:50px;height:50px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-indicator p{margin-top:1rem;font-size:1rem;color:var(--text-secondary)}.file-upload-container{width:100%}.file-upload{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;transition:all .3s ease;background:var(--bg-tertiary);cursor:pointer}.file-upload:hover,.file-upload.drag-active{border-color:var(--accent-primary);background:#58a6ff0d;box-shadow:var(--shadow-glow)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{font-size:4rem;filter:grayscale(.5);transition:all .3s ease}.file-upload:hover .upload-icon,.file-upload.drag-active .upload-icon{filter:grayscale(0);transform:scale(1.1)}.upload-content p{margin:0;color:var(--text-secondary)}.upload-subtext{font-size:.85rem;color:var(--text-muted)}.browse-button{padding:.75rem 2rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.browse-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.file-info{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.file-info-display{margin-top:1rem;padding:.75rem 1rem;background:var(--success-bg);border:1px solid var(--success);border-radius:var(--radius-sm);color:var(--success)}.error-message{padding:1rem;background:var(--danger-bg);border:1px solid var(--danger);border-left:4px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);margin:1rem 0;line-height:1.5}.warning-message{padding:1rem;background:#ffaa001a;border:1px solid var(--warning);border-left:4px solid var(--warning);border-radius:var(--radius-sm);color:var(--warning);margin:1rem 0;line-height:1.5;font-size:.9rem}.file-note{font-size:.8rem;color:var(--text-muted);margin-top:.75rem;padding:.5rem 1rem;background:#ffaa001a;border-radius:var(--radius-sm);border-left:3px solid var(--warning)}.log-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.search-box{flex:1;min-width:200px;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.5}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.search-box input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.filter-buttons{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.filter-btn.status-success.active{background:var(--success);border-color:var(--success)}.filter-btn.status-failure.active{background:var(--danger);border-color:var(--danger)}.filter-btn.status-notfound.active{background:var(--warning);border-color:var(--warning)}.toggle-raw{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.toggle-raw input{accent-color:var(--accent-primary)}.events-table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.events-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.85rem}.events-table th,.events-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.events-table th{background:var(--bg-tertiary);color:var(--accent-primary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;position:sticky;top:0}.events-table tbody tr{transition:background .2s ease}.events-table tbody tr:hover{background:#58a6ff0d}.events-table .mono{font-family:var(--font-mono)}.event-badge{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.8rem}.status-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.status-success{background:var(--success-bg);color:var(--success)}.status-badge.status-failure{background:var(--danger-bg);color:var(--danger)}.status-badge.status-notfound{background:var(--warning-bg);color:var(--warning)}.raw-line-row td{padding:.5rem 1rem;background:var(--bg-primary)}.raw-line{display:block;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);white-space:pre-wrap;word-break:break-all}.load-more{text-align:center;padding:1rem}.load-more-btn{padding:.75rem 2rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.no-events{text-align:center;padding:2rem;color:var(--text-muted)}.alerts-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.alert-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.alert-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.alert-card.severity-critical:before{background:linear-gradient(180deg,var(--critical) 0%,#c53030 100%);box-shadow:0 0 20px var(--critical-bg)}.alert-card.severity-high:before{background:linear-gradient(180deg,var(--danger) 0%,#c53030 100%)}.alert-card.severity-medium:before{background:linear-gradient(180deg,var(--warning) 0%,#b58900 100%)}.alert-card.severity-low:before{background:linear-gradient(180deg,var(--success) 0%,#2e7d32 100%)}.alert-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#ffffff1a}.alert-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.severity-icon{font-size:1.25rem}.severity-icon.large{font-size:2rem}.alert-header h3{flex:1;margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.severity-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.severity-badge.severity-critical{background:var(--critical-bg);color:var(--critical)}.severity-badge.severity-high{background:var(--danger-bg);color:var(--danger)}.severity-badge.severity-medium{background:var(--warning-bg);color:var(--warning)}.severity-badge.severity-low{background:var(--success-bg);color:var(--success)}.alert-preview{margin-bottom:.75rem}.mitre-tag{margin:0 0 .5rem;font-size:.8rem;color:var(--text-secondary)}.tag-label{color:var(--accent-primary);font-weight:600}.evidence-preview{margin:0;font-size:.85rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alert-footer{padding-top:.75rem;border-top:1px solid var(--border-color)}.view-details{font-size:.8rem;color:var(--accent-primary);font-weight:500}.no-alerts{text-align:center;padding:3rem}.no-alerts-icon{font-size:3rem;display:block;margin-bottom:1rem}.no-alerts p{color:var(--text-muted);font-size:1rem}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideIn .3s cubic-bezier(.16,1,.3,1);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.modal-close:hover{background:var(--danger);border-color:var(--danger);color:#fff}.modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);position:relative}.modal-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}.modal-header.severity-critical:before{background:var(--critical)}.modal-header.severity-high:before{background:var(--danger)}.modal-header.severity-medium:before{background:var(--warning)}.modal-header.severity-low:before{background:var(--success)}.modal-title{flex:1}.modal-title h2{margin:0 0 .5rem;font-size:1.25rem}.modal-body{padding:1.5rem 2rem}.detail-section{margin-bottom:1.25rem}.detail-section h4{margin:0 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.detail-section p{margin:0;font-size:.95rem;color:var(--text-primary)}.detail-section .mono{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-primary)}.detail-section .mitre-link{color:var(--accent-primary)}.detail-section .evidence{background:var(--bg-tertiary);padding:.75rem 1rem;border-radius:var(--radius-sm);border-left:3px solid var(--accent-primary)}.ip-list{display:flex;flex-wrap:wrap;gap:.5rem}.ip-tag{padding:.25rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85rem}.mode-toggle{margin-bottom:1.5rem}.toggle-label{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-label input{display:none}.toggle-slider{width:48px;height:26px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:13px;position:relative;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--text-secondary);border-radius:50%;transition:all .3s ease}.toggle-label input:checked+.toggle-slider{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-label input:checked+.toggle-slider:before{transform:translate(22px);background:#fff}.toggle-text{font-size:.9rem;color:var(--text-secondary)}.api-key-section,.ip-check-section{margin-bottom:1.5rem}.api-key-section label,.ip-check-section label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.api-key-section input,.ip-check-section input{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.api-key-section input:focus,.ip-check-section input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.note{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}.note-icon{font-size:1rem}.ip-input-group{display:flex;gap:1rem}.ip-input-group input{flex:1}.check-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.check-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.check-button:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.button-icon{font-size:1rem}.detected-ips-section{margin:1.5rem 0;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.detected-ips-section h3{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary)}.ip-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ip-chip{padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--accent-primary);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .2s ease}.ip-chip:hover:not(:disabled){border-color:var(--accent-primary);background:#58a6ff1a}.ip-chip-more{padding:.5rem 1rem;color:var(--text-muted);font-size:.85rem}.reputation-results{margin-top:1.5rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.reputation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.reputation-header h3{margin:0;font-size:1.1rem}.demo-badge{padding:.25rem .75rem;background:var(--warning-bg);color:var(--warning);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.threat-score-container{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.threat-score{width:100px;height:100px;border:4px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary)}.score-value{font-size:2rem;font-weight:700;font-family:var(--font-mono);line-height:1}.score-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.threat-level{font-size:1.25rem;font-weight:600}.reputation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.reputation-item{padding:.75rem;background:var(--bg-primary);border-radius:var(--radius-sm)}.reputation-item.warning{border:1px solid var(--danger);background:var(--danger-bg)}.item-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.item-value{font-size:.9rem;color:var(--text-primary)}.item-value.highlight{color:var(--accent-primary);font-weight:600}.confidence-meter{padding-top:1rem;border-top:1px solid var(--border-color)}.meter-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary)}.meter-bar{height:10px;background:var(--bg-primary);border-radius:5px;overflow:hidden}.meter-fill{height:100%;transition:width .5s ease}.meter-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.download-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.download-button{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.download-button:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.download-button .button-icon{font-size:1.5rem}.button-text{display:flex;flex-direction:column;align-items:flex-start}.button-title{font-weight:600;font-size:.95rem}.button-subtitle{font-size:.75rem;color:var(--text-muted)}.download-button.json-button:hover{background:#58a6ff1a}.download-button.csv-button:hover{background:#3fb9501a}.download-button.pdf-button:hover{background:#d299221a}.privacy-note{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.app-footer{margin-top:auto;padding:1.5rem;text-align:center;border-top:1px solid var(--border-color)}.app-footer p{margin:0;font-size:.85rem;color:var(--text-muted)}@media(max-width:768px){html{font-size:14px}.app{padding:1rem}.app-header{flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1.25rem}.header-content{display:flex;flex-direction:column;align-items:center;min-width:auto;width:100%}.logo-section{flex-direction:column;justify-content:center;gap:.75rem}.logo-text{text-align:center}.logo-text h1{font-size:2rem}.tagline{font-size:.9rem}.privacy-notice{text-align:center;border-left:none;border-top:3px solid var(--accent-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;max-width:100%;font-size:.85rem}.reset-button{width:100%;justify-content:center}section{padding:1.25rem}.stats-bar{justify-content:center}.log-controls{flex-direction:column;align-items:stretch}.filter-buttons{flex-wrap:wrap;justify-content:center}.alerts-container{grid-template-columns:1fr}.ip-input-group{flex-direction:column}.threat-score-container{flex-direction:column;text-align:center}.reputation-grid,.download-buttons{grid-template-columns:1fr 1fr}.modal-content{margin:.5rem;max-height:95vh}.modal-body{padding:1rem 1.25rem}}@media(max-width:480px){.reputation-grid,.download-buttons{grid-template-columns:1fr}.filter-buttons{width:100%}.filter-btn{flex:1;text-align:center}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}::selection{background:var(--accent-primary);color:#fff}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.header-buttons{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex-shrink:0;margin-top:auto;padding-bottom:.25rem}.about-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.about-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.about-modal{max-width:700px;width:100%;max-height:90vh;overflow-y:auto}@media(min-width:1024px){.about-modal{max-width:800px}.about-header{padding:2.5rem}.about-body{padding:2rem 2.5rem}.about-logo{font-size:5rem}.about-header h2{font-size:2.25rem}.features-grid{grid-template-columns:repeat(3,1fr)}.how-it-works{gap:1.25rem}.step{padding:1rem 1.25rem}.developer-avatar{width:100px;height:100px;min-width:100px;font-size:2.25rem}}@media(min-width:1280px){.about-modal{max-width:900px}.about-body{padding:2.5rem 3rem}.about-section{margin-bottom:2.5rem}.about-section h3{font-size:1.35rem;margin-bottom:1.25rem}}.about-header{text-align:center;padding:2rem;background:linear-gradient(135deg,rgba(88,166,255,.1) 0%,transparent 100%);border-bottom:1px solid var(--border-color)}.about-logo{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px var(--accent-glow))}.about-header h2{margin:0;font-size:2rem;background:linear-gradient(135deg,#fff 0%,var(--accent-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-version{margin:.5rem 0 0;color:var(--text-secondary);font-size:.9rem}.about-body{padding:1.5rem 2rem}.about-section{margin-bottom:2rem}.about-section h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.about-section>p{margin:0;color:var(--text-secondary);line-height:1.7}.how-it-works{display:flex;flex-direction:column;gap:1rem}.step{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all .2s ease}.step:hover{background:#58a6ff1a}.step-number{width:32px;height:32px;min-width:32px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.step-content strong{display:block;color:var(--text-primary);margin-bottom:.25rem}.step-content p{margin:0;font-size:.85rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.feature{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary);transition:all .2s ease}.feature:hover{background:#58a6ff1a;transform:translateY(-2px)}.feature-icon{font-size:1.25rem}.detection-rules{display:flex;flex-direction:column;gap:.5rem}.rule{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:all .2s ease}.rule:hover{background:#58a6ff14}.rule-tag{padding:.25rem .5rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;font-weight:600}.rule-tag.high{background:var(--danger-bg);color:var(--danger)}.rule-tag.medium{background:var(--warning-bg);color:var(--warning)}.rule span:last-child{color:var(--text-secondary);font-size:.9rem}.developer-section{background:var(--bg-tertiary);padding:1.5rem!important;border-radius:var(--radius-lg);margin:1.5rem 0}.developer-card{display:flex;gap:1.5rem;align-items:flex-start}.developer-avatar{width:80px;height:80px;min-width:80px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff}.developer-info h4{margin:0 0 .25rem;font-size:1.25rem;color:var(--text-primary)}.developer-title{margin:0 0 .75rem!important;color:var(--accent-primary)!important;font-weight:500;font-size:.95rem!important}.developer-bio{margin:0 0 1rem!important;color:var(--text-secondary)!important;font-size:.9rem!important;line-height:1.6!important}.developer-links{display:flex;gap:1rem;flex-wrap:wrap}.github-link,.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;font-size:.85rem;transition:all .2s ease}.github-link:hover,.project-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#58a6ff1a}.privacy-section{background:#3fb9501a;padding:1rem 1.5rem!important;border-radius:var(--radius-md);border-left:3px solid var(--success)}.privacy-section h3{color:var(--success)}.about-footer{text-align:center;padding:1rem 2rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem}.app-footer a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}.app-footer a:hover{color:#60a5fa;text-decoration:underline}@media(max-width:768px){.header-buttons{width:100%;justify-content:center}.about-button,.header-buttons .reset-button{flex:1;justify-content:center}.about-modal{margin:.5rem}.about-header{padding:1.5rem}.about-body{padding:1rem 1.25rem}.developer-card{flex-direction:column;align-items:center;text-align:center}.developer-info h4{text-align:center}.developer-links{justify-content:center}.features-grid{grid-template-columns:1fr 1fr}.about-modal,.help-modal{margin:.5rem;max-height:95vh}.about-header,.help-header{padding:1.25rem}.about-body,.help-body{padding:1rem}.about-logo,.help-logo{font-size:2.5rem}.about-header h2,.help-header h2{font-size:1.4rem}.step{flex-direction:column;text-align:center}.step-number{margin-bottom:.5rem}.how-it-works{gap:1rem}}.help-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.help-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #10b9814d}.help-modal{max-width:750px;width:100%;max-height:90vh;overflow-y:auto}@media(min-width:1024px){.help-modal{max-width:850px}.help-header{padding:2.5rem}.help-body{padding:2rem 2.5rem}.help-logo{font-size:4rem}.help-header h2{font-size:2rem}.formats-grid{grid-template-columns:repeat(4,1fr)}.os-guide{padding:1.25rem}.log-locations{flex-direction:row;flex-wrap:wrap}.log-item{flex:1;min-width:250px}}@media(min-width:1280px){.help-modal{max-width:950px}.help-body{padding:2.5rem 3rem}.help-section{margin-bottom:2.5rem}.help-section h3{font-size:1.3rem;margin-bottom:1rem}.code-block{padding:1.25rem}}.help-header{text-align:center;padding:2rem;background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,transparent 100%);border-bottom:1px solid var(--border-color)}.help-logo{font-size:3.5rem;margin-bottom:.75rem}.help-header h2{margin:0;font-size:1.75rem;color:var(--text-primary)}.help-subtitle{margin:.5rem 0 0;color:var(--text-secondary)}.help-body{padding:1.5rem 2rem}.help-section{margin-bottom:2rem}.help-section h3{margin:0 0 .75rem;font-size:1.15rem;color:var(--text-primary)}.section-intro{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem}.os-guide{margin-bottom:1.25rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.os-guide h4{display:flex;align-items:center;gap:.75rem;margin:0 0 .75rem;font-size:1rem}.os-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.os-badge.win11{background:linear-gradient(135deg,#0078d4,#00b4d8);color:#fff}.os-badge.win10{background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff}.os-badge.win7{background:linear-gradient(135deg,#1e5f99,#2980b9);color:#fff}.os-badge.powershell{background:linear-gradient(135deg,#012456,#1e3a5f);color:#00a4ef}.os-badge.linux{background:linear-gradient(135deg,#333,#555);color:#f0c674}.os-badge.win-events{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.event-id-table{display:flex;flex-direction:column;gap:.25rem;margin-top:.75rem}.event-row{display:grid;grid-template-columns:80px 1fr 90px;gap:.75rem;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.85rem;align-items:center}.event-row.header{background:#58a6ff1a;font-weight:600;color:var(--text-primary)}.event-row .event-id{font-family:var(--font-mono);color:var(--accent-primary);font-weight:600}.event-row .has-ip{font-size:.8rem;color:var(--text-muted)}.event-row .has-ip.yes{color:var(--success)}.event-row .has-ip.no{color:var(--danger)}.os-subtitle{font-size:.8rem;color:var(--text-muted);font-weight:400}.steps-list{margin:0;padding-left:1.5rem;color:var(--text-secondary);font-size:.9rem}.steps-list li{margin-bottom:.5rem;line-height:1.5}.steps-list kbd{padding:.15rem .4rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-mono);font-size:.8rem}.steps-list code{padding:.15rem .4rem;background:#58a6ff26;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;color:var(--accent-primary)}.guide-note{margin:0 0 .75rem;font-size:.85rem;color:var(--text-secondary)}.code-block{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-primary);line-height:1.6}.log-locations{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.log-item{display:flex;align-items:center;gap:1rem;padding:.5rem;background:var(--bg-primary);border-radius:var(--radius-sm)}.log-item code{padding:.25rem .5rem;background:#58a6ff1a;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;color:var(--accent-primary);min-width:200px}.log-item span{font-size:.85rem;color:var(--text-secondary)}.api-guide .steps-list{margin-bottom:1rem}.api-guide a{color:var(--accent-primary);text-decoration:none}.api-guide a:hover{text-decoration:underline}.api-limits{padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:1rem}.api-limits h5{margin:0 0 .5rem;font-size:.9rem;color:var(--text-primary)}.api-limits ul{margin:0;padding-left:0;list-style:none}.api-limits li{padding:.25rem 0;font-size:.85rem;color:var(--text-secondary)}.api-note{display:flex;gap:.75rem;padding:1rem;background:#58a6ff1a;border:1px solid var(--accent-primary);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary)}.api-note .note-icon{flex-shrink:0}.formats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.format-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.format-icon{font-size:1.5rem}.format-item div{display:flex;flex-direction:column}.format-item strong{font-size:.9rem;color:var(--text-primary)}.format-item span{font-size:.8rem;color:var(--text-muted)}.tips-section{background:#10b9811a;padding:1rem 1.5rem!important;border-radius:var(--radius-md);border-left:3px solid #10b981}.tips-list{margin:0;padding-left:1.5rem;color:var(--text-secondary);font-size:.9rem}.tips-list li{margin-bottom:.5rem}.help-footer{text-align:center;padding:1rem 2rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem}.help-footer a{color:var(--accent-primary);text-decoration:none}.help-footer a:hover{text-decoration:underline}.api-notice{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.notice-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--text-secondary);padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.notice-item .note-icon{flex-shrink:0;font-size:1rem}.notice-item.recommendation{background:#58a6ff1a;border:1px solid rgba(88,166,255,.3)}.notice-item a{color:var(--accent-primary);text-decoration:none}.notice-item a:hover{text-decoration:underline}@media(max-width:768px){.help-modal{margin:.5rem}.help-header{padding:1.5rem}.help-body{padding:1rem 1.25rem}.log-item{flex-direction:column;align-items:flex-start;gap:.25rem}.log-item code{min-width:auto}.formats-grid{grid-template-columns:1fr 1fr}}