:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-elevated: #1a2234;--bg-card: rgba(26, 34, 52, .8);--accent-cyan: #00f5ff;--accent-cyan-dim: rgba(0, 245, 255, .3);--accent-cyan-glow: rgba(0, 245, 255, .5);--accent-red: #ff3b4f;--accent-red-dim: rgba(255, 59, 79, .3);--accent-red-glow: rgba(255, 59, 79, .5);--accent-orange: #ff9d3d;--accent-green: #00ff85;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(26, 34, 52, .6);--glass-border: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow-cyan: 0 0 20px var(--accent-cyan-glow);--shadow-glow-red: 0 0 20px var(--accent-red-glow);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{line-height:1.6;color:var(--text-secondary);font-size:1.125rem}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.text-gradient{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-threat{color:var(--accent-red)}.text-safe{color:var(--accent-cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),#00d4dd);color:var(--bg-primary);box-shadow:var(--shadow-glow-cyan)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px var(--accent-cyan-glow)}.btn-danger{background:linear-gradient(135deg,var(--accent-red),#ff6b7a);color:#fff;box-shadow:var(--shadow-glow-red)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px var(--accent-red-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--accent-cyan)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-elevated)}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:1.125rem;border-radius:var(--radius-lg)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full)}.input{width:100%;padding:var(--spacing-md);font-size:1rem;font-family:var(--font-family);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-dim)}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--accent-cyan-dim);box-shadow:var(--shadow-md)}.card-threat{border-color:var(--accent-red-dim)}.card-threat:hover{border-color:var(--accent-red);box-shadow:0 0 20px var(--accent-red-dim)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-high{background:var(--accent-red-dim);color:var(--accent-red)}.badge-medium{background:var(--accent-orange);color:var(--bg-primary)}.badge-low{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.badge-pro{background:linear-gradient(135deg,gold,#fa0);color:var(--bg-primary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--spacing-xl);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom));max-height:80vh;overflow-y:auto;z-index:100;animation:slideUpSheet .3s ease}.sheet-handle{width:40px;height:4px;background:var(--text-muted);border-radius:var(--radius-full);margin:0 auto var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--accent-cyan-glow)}50%{box-shadow:0 0 25px var(--accent-cyan-glow)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-mono{font-family:var(--font-mono)}.radar-container{position:relative;border-radius:50%;background:radial-gradient(circle at center,var(--bg-secondary) 0%,var(--bg-primary) 100%);box-shadow:inset 0 0 60px #00f5ff0d,0 0 30px #00000080;overflow:hidden;transition:box-shadow .5s ease}.radar-container.threat-none{box-shadow:inset 0 0 60px #00f5ff0d,0 0 30px #00000080,0 0 40px #00ff8533}.radar-container.threat-low{box-shadow:inset 0 0 60px #00f5ff14,0 0 30px #00000080,0 0 50px #00f5ff4d}.radar-container.threat-medium{box-shadow:inset 0 0 60px #ff9d3d1a,0 0 30px #00000080,0 0 60px #ff9d3d66;animation:pulseOrange 2s ease-in-out infinite}.radar-container.threat-high{box-shadow:inset 0 0 80px #ff3b4f26,0 0 30px #00000080,0 0 80px #ff3b4f80;animation:pulseRed 1.5s ease-in-out infinite}@keyframes pulseOrange{0%,to{box-shadow:inset 0 0 60px #ff9d3d1a,0 0 30px #00000080,0 0 60px #ff9d3d66}50%{box-shadow:inset 0 0 80px #ff9d3d26,0 0 30px #00000080,0 0 80px #ff9d3d99}}@keyframes pulseRed{0%,to{box-shadow:inset 0 0 80px #ff3b4f26,0 0 30px #00000080,0 0 80px #ff3b4f80}50%{box-shadow:inset 0 0 100px #ff3b4f33,0 0 30px #00000080,0 0 100px #ff3b4fb3}}.radar-canvas{position:absolute;top:0;left:0;z-index:2}.radar-pulse{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}.pulse-ring{position:absolute;border:1px solid var(--accent-cyan);border-radius:50%;opacity:0;animation:radarPulse 2.5s ease-out infinite}.pulse-1{width:20%;height:20%;animation-delay:0s}.pulse-2{width:40%;height:40%;animation-delay:.5s}.pulse-3{width:60%;height:60%;animation-delay:1s}@keyframes radarPulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(2);opacity:0}}.radar-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.center-dot{width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 10px var(--accent-cyan)}.radar-stats{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-lg);z-index:4}.radar-stat{display:flex;flex-direction:column;align-items:center;font-size:.75rem;color:var(--text-secondary)}.radar-stat-value{font-size:1.5rem;font-weight:700;font-family:var(--font-mono)}.radar-stat-value.threat{color:var(--accent-red)}.radar-stat-value.safe{color:var(--accent-cyan)}.device-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.device-list-empty{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.device-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.device-card:hover{background:var(--bg-elevated);transform:translate(4px)}.device-card.threat{border-left:3px solid var(--accent-red)}.device-card.threat:hover{background:#ff3b4f1a}.device-card.safe{border-left:3px solid var(--accent-cyan)}.device-card-header{display:flex;align-items:center;gap:var(--spacing-md)}.device-icon{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md)}.device-info{flex:1;min-width:0}.device-name{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-category{font-size:.75rem;color:var(--text-muted);margin-top:2px}.device-signal{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.signal-bars{display:flex;align-items:flex-end;gap:2px;height:20px}.signal-bar{width:4px;background:var(--text-muted);border-radius:2px;transition:background var(--transition-fast)}.signal-bar.active{background:var(--accent-cyan)}.signal-bar.active.threat{background:var(--accent-red)}.device-distance{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted)}.device-threat-badge{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.device-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.details-header{display:flex;align-items:center;gap:var(--spacing-md)}.details-icon{font-size:2.5rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-lg)}.device-details.threat .details-icon{background:var(--accent-red-dim)}.details-title{flex:1}.details-title h2{font-size:1.25rem;margin-bottom:4px}.details-title p{color:var(--text-secondary);font-size:.875rem}.details-description{padding:var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius-md);border-left:3px solid var(--accent-cyan)}.device-details.threat .details-description{border-left-color:var(--accent-red);background:#ff3b4f1a}.details-description p{font-size:.875rem;line-height:1.6}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:span 2}.detail-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-weight:600;word-break:break-all}.details-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.details-actions .btn{flex:1}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-content h2{text-align:center}.settings-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius-md)}.settings-section h3{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-green));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--bg-primary)}.user-details{display:flex;flex-direction:column;gap:4px}.user-email{font-weight:600;color:var(--text-primary)}.user-tier{font-size:.75rem;color:var(--text-muted)}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.setting-toggle.disabled{opacity:.5}.toggle-text{display:flex;flex-direction:column;gap:2px}.toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500}.toggle-description{font-size:.75rem;color:var(--text-muted)}.toggle-switch{width:52px;height:28px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;position:relative;transition:all var(--transition-fast);flex-shrink:0}.toggle-switch:disabled{cursor:not-allowed}.toggle-switch.active{background:var(--accent-cyan);border-color:var(--accent-cyan)}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-switch.active .toggle-knob{transform:translate(24px)}.upgrade-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#ffd7001a,#ffaa001a);border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.upgrade-banner:hover{background:linear-gradient(135deg,#ffd70033,#fa03);transform:translateY(-2px)}.upgrade-icon{font-size:2rem}.upgrade-text{flex:1}.upgrade-text h4{color:gold;margin-bottom:2px}.upgrade-text p{font-size:.75rem;color:var(--text-secondary)}.upgrade-price{font-size:1.25rem;font-weight:700;color:gold}.settings-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.ml-sm{margin-left:var(--spacing-sm)}.pro-feature-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;transition:all var(--transition-fast)}.pro-feature-item.locked{cursor:pointer}.pro-feature-item.locked:hover{opacity:.8}.feature-icon{font-size:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md)}.pro-feature-item.locked .feature-icon{opacity:.5}.feature-text{flex:1;display:flex;flex-direction:column;gap:2px}.feature-label{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500}.feature-description{font-size:.75rem;color:var(--text-muted)}.feature-status{font-size:1rem}.feature-status.unlocked{color:var(--accent-green)}.feature-status.locked{opacity:.6}.upgrade-modal{width:100%;max-width:420px;text-align:center}.upgrade-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.upgrade-close:hover{color:var(--text-primary);background:var(--bg-elevated)}.upgrade-header{margin-bottom:var(--spacing-xl)}.upgrade-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,gold,#fa0);color:var(--bg-primary);font-weight:700;font-size:1.25rem;border-radius:var(--radius-full);margin-bottom:var(--spacing-md)}.upgrade-header h2{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.upgrade-header p{color:var(--text-secondary)}.upgrade-features{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:left}.feature-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius-md)}.feature-icon{font-size:1.5rem;flex-shrink:0}.feature-text h4{font-size:.95rem;margin-bottom:2px}.feature-text p{font-size:.8rem;color:var(--text-muted)}.upgrade-pricing{padding:var(--spacing-lg);background:linear-gradient(135deg,#00f5ff1a,#00ff851a);border:1px solid var(--accent-cyan-dim);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.price-tag{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-amount{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-period{font-size:1rem;color:var(--text-secondary)}.price-note{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-sm)}.upgrade-error{padding:var(--spacing-md);background:var(--accent-red-dim);border:1px solid var(--accent-red);border-radius:var(--radius-md);color:var(--accent-red);font-size:.875rem;margin-bottom:var(--spacing-md)}.upgrade-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.scan-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.summary-header h3{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.scanning-badge{font-size:.65rem;font-weight:700;padding:2px 8px;background:var(--accent-cyan);color:var(--bg-primary);border-radius:var(--radius-full);animation:pulse 1.5s ease-in-out infinite}.summary-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.summary-stat{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius-md);flex:1}.summary-stat.threat{border-left:3px solid var(--accent-red)}.summary-stat.safe{border-left:3px solid var(--accent-green)}.stat-icon{font-size:1.25rem}.stat-count{font-size:1.5rem;font-weight:700;font-family:var(--font-mono)}.summary-stat.threat .stat-count{color:var(--accent-red)}.summary-stat.safe .stat-count{color:var(--accent-green)}.stat-label{font-size:.75rem;color:var(--text-muted)}.category-breakdown{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.category-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-elevated);border-radius:var(--radius-full);font-size:.75rem;animation:fadeIn .3s ease}.category-badge.threat{background:var(--accent-red-dim);border:1px solid var(--accent-red)}.category-badge.safe{background:var(--bg-elevated);border:1px solid var(--border-color)}.badge-icon{font-size:.875rem}.badge-label{color:var(--text-secondary)}.badge-count{font-weight:700;color:var(--text-primary);background:var(--bg-secondary);padding:1px 6px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.65rem}.auth-modal{width:100%;max-width:400px}.auth-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.auth-close:hover{color:var(--text-primary);background:var(--bg-elevated)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{font-size:3rem;margin-bottom:var(--spacing-md)}.auth-header h2{margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--text-secondary);font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.auth-error{padding:var(--spacing-md);background:var(--accent-red-dim);border:1px solid var(--accent-red);border-radius:var(--radius-md);color:var(--accent-red);font-size:.875rem}.auth-success{padding:var(--spacing-md);background:#00ff851a;border:1px solid var(--accent-green);border-radius:var(--radius-md);color:var(--accent-green);font-size:.875rem}.auth-footer{margin-top:var(--spacing-xl);text-align:center;font-size:.875rem;color:var(--text-secondary)}.auth-link{background:none;border:none;color:var(--accent-cyan);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.auth-link:hover{color:var(--text-primary)}.btn-google{background:#fff;color:#1f1f1f;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid #dadce0;transition:all var(--transition-fast)}.btn-google:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 3px #0003}.btn-google:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:var(--spacing-lg) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{padding:0 var(--spacing-md);color:var(--text-muted);font-size:.875rem;text-transform:uppercase}.main-screen{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);padding-bottom:env(safe-area-inset-bottom)}.main-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top));background:#000;border-bottom:none}.header-left{display:flex;align-items:center}.app-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem}.title-icon{font-size:1.5rem}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.app-logo{height:160px;width:auto;border-radius:var(--radius-sm)}.welcome-banner{background:linear-gradient(135deg,var(--accent-cyan-dim),var(--accent-green));border-bottom:1px solid var(--accent-cyan);padding:var(--spacing-md) var(--spacing-lg);animation:slideDown .3s ease}.welcome-banner-expanded{background:linear-gradient(180deg,#00283cfa,#0a0a1efa);border-bottom:1px solid var(--accent-cyan);padding:var(--spacing-xl) var(--spacing-lg);position:fixed;inset:0;z-index:1000;overflow-y:auto;display:flex;align-items:center;justify-content:center}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.welcome-content{max-width:600px;margin:0 auto;text-align:center}.welcome-banner-expanded .welcome-content{text-align:left;padding:var(--spacing-xl);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}.welcome-content h3{margin-bottom:var(--spacing-lg);font-size:1.5rem;color:var(--accent-cyan);text-align:center}.welcome-content p{font-size:.95rem;margin-bottom:var(--spacing-md);line-height:1.6;color:var(--text-secondary)}.welcome-content .warning-text{background:var(--accent-orange-dim);border:1px solid var(--accent-orange);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--accent-orange);font-size:.875rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.welcome-banner-expanded .btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600}.radar-section{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-lg)}.scan-stats{display:flex;gap:var(--spacing-2xl)}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2rem;font-weight:700;font-family:var(--font-mono)}.stat-value.safe{color:var(--accent-cyan)}.stat-value.threat{color:var(--accent-red)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.scan-button{position:relative;padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem;font-weight:700;font-family:var(--font-family);background:linear-gradient(135deg,var(--accent-cyan),#00d4dd);color:var(--bg-primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-glow-cyan)}.scan-button:hover{transform:scale(1.05);box-shadow:0 0 40px var(--accent-cyan-glow)}.scan-button.scanning{background:linear-gradient(135deg,var(--accent-red),#ff6b7a);box-shadow:var(--shadow-glow-red)}.scan-button.scanning:hover{box-shadow:0 0 40px var(--accent-red-glow)}.scan-pulse{position:absolute;inset:-4px;border:2px solid currentColor;border-radius:var(--radius-full);opacity:0;animation:scanPulse 1.5s ease-out infinite}@keyframes scanPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}.threat-alert{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--accent-red-dim);border-top:1px solid var(--accent-red);border-bottom:1px solid var(--accent-red);color:var(--accent-red);font-weight:600;animation:alertPulse 2s ease-in-out infinite}@keyframes alertPulse{0%,to{background:var(--accent-red-dim)}50%{background:#ff3b4f4d}}.alert-icon{font-size:1.25rem}.devices-section{flex:1;padding:var(--spacing-lg);overflow-y:auto}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-header h2{font-size:1rem;color:var(--text-secondary)}.upgrade-prompt{position:sticky;bottom:0;padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));background:linear-gradient(135deg,#ffd7001a,#ffaa001a);border-top:1px solid rgba(255,215,0,.3);text-align:center;font-size:.875rem;color:gold;cursor:pointer;transition:all var(--transition-fast)}.upgrade-prompt:hover{background:linear-gradient(135deg,#ffd70033,#fa03)}.app-footer{text-align:center;padding:var(--spacing-lg) var(--spacing-md);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);background:var(--bg-secondary)}.app-footer p{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.coffee-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:#fd0;text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);background:#ffdd001a;border:1px solid rgba(255,221,0,.3);border-radius:var(--radius-full);transition:all var(--transition-fast)}.coffee-link:hover{background:#fd03;transform:scale(1.05)}.about-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.about-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:#000;border-bottom:1px solid var(--border-color)}.back-link{color:var(--accent-cyan);text-decoration:none;font-size:.9rem;transition:opacity .2s}.back-link:hover{opacity:.8}.about-logo{height:80px;width:auto;border-radius:var(--radius-sm)}.about-content{max-width:800px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.about-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--border-color)}.about-section:last-child{border-bottom:none}.about-section h1{font-size:2rem;color:var(--accent-cyan);margin-bottom:var(--spacing-sm)}.about-section .tagline{font-size:1.1rem;color:var(--text-secondary);font-style:italic;margin-bottom:var(--spacing-xl)}.about-section h2{font-size:1.5rem;color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.about-section h3{font-size:1.1rem;color:var(--accent-orange);margin-bottom:var(--spacing-sm)}.about-section p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.feature-list{list-style:none;padding:0;margin:var(--spacing-lg) 0}.feature-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--text-secondary);line-height:1.6}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-green);font-weight:700}.feature-list li strong{color:var(--text-primary)}.disclaimer{background:var(--accent-orange-dim);border:1px solid var(--accent-orange);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.disclaimer h3{margin-top:0}.disclaimer p{margin-bottom:0;font-size:.9rem}.company-section{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-color)}.contact-info{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.contact-info a{color:var(--accent-cyan)}.legal-section{text-align:center}.legal-section a{color:var(--accent-cyan);text-decoration:none;margin:0 var(--spacing-sm)}.legal-section a:hover{text-decoration:underline}.copyright{font-size:.875rem;color:var(--text-muted);margin-top:var(--spacing-lg)}.splash-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0e17;z-index:1000;animation:fadeOut .5s ease 2.5s forwards}.splash-image{width:100%;height:100%;object-fit:cover;object-position:center top}.splash-loader-container{position:absolute;bottom:60px;left:50%;transform:translate(-50%)}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.splash-loader{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#00f5ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}