@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-deep:250, 24%, 6%;--card-bg:248, 25%, 11%;--primary-glow:270, 85%, 65%;--secondary-glow:185, 90%, 50%;--accent-glow:320, 85%, 60%;--text-primary:0, 0%, 98%;--text-secondary:240, 10%, 70%;--text-muted:240, 5%, 50%;--success:142, 70%, 50%;--warning:38, 92%, 50%;--error:346, 85%, 55%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:hsl(var(--bg-deep));color:hsl(var(--text-primary));font-family:Plus Jakarta Sans,Outfit,system-ui,sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:radial-gradient(circle at 10% 20%, hsla(var(--primary-glow), .12) 0%, transparent 40%), radial-gradient(circle at 90% 80%, hsla(var(--secondary-glow), .08) 0%, transparent 40%), radial-gradient(circle at 50% 50%, hsla(var(--accent-glow), .05) 0%, transparent 60%), hsl(var(--bg-deep));justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#root{justify-content:center;width:100%;max-width:960px;padding:2rem;display:flex}.app-card{-webkit-backdrop-filter:blur(24px)saturate(200%);width:100%;max-width:720px;box-shadow:0 24px 80px -12px #0009, 0 0 100px -20px hsla(var(--primary-glow), .15);background:#120e1ca6;border:1px solid #ffffff14;border-radius:28px;padding:3rem;position:relative;overflow:hidden}.app-card:before{content:"";background:linear-gradient(90deg, transparent 0%, hsla(var(--primary-glow), .5) 25%, hsla(var(--secondary-glow), .5) 75%, transparent 100%);height:2px;position:absolute;top:0;left:0;right:0}header{text-align:center;margin-bottom:2.5rem}.app-title{background:linear-gradient(135deg, hsl(var(--text-primary)) 30%, hsla(var(--text-primary), .7) 70%, hsl(var(--secondary-glow)) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}.app-subtitle{color:hsl(var(--text-secondary));letter-spacing:.05em;text-transform:uppercase;font-size:.95rem;font-weight:400}.visualizer-wrapper{background:#0a081066;border:1px solid #ffffff0d;border-radius:20px;justify-content:center;align-items:center;width:100%;height:200px;margin-bottom:2.5rem;display:flex;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block}.visualizer-placeholder{color:hsl(var(--text-muted));text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;display:flex;position:absolute}.pulse-circle{background:hsl(var(--text-muted));border-radius:50%;width:16px;height:16px;animation:2s ease-in-out infinite idle-pulse}.form-group{flex-direction:column;gap:.6rem;margin-bottom:1.75rem;display:flex}label{text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--text-secondary));font-size:.8rem;font-weight:600}input,select{width:100%;color:hsl(var(--text-primary));background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:.9rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}input:focus,select:focus{border-color:hsla(var(--primary-glow), .5);box-shadow:0 0 0 4px hsla(var(--primary-glow), .15), 0 4px 12px #0003;background:#ffffff0f}.row-inputs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn{cursor:pointer;border:none;border-radius:16px;width:100%;padding:1.1rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.btn-primary{background:linear-gradient(135deg, hsl(var(--primary-glow)) 0%, hsl(var(--accent-glow)) 100%);color:#fff;text-shadow:0 1px 2px #0003}.btn-primary:hover{box-shadow:0 12px 28px #0006, 0 0 30px hsla(var(--primary-glow), .4);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-success{background:linear-gradient(135deg, hsl(var(--success)) 0%, #10b981 100%);color:#fff}.btn-success:hover{box-shadow:0 12px 28px #0006, 0 0 30px hsla(var(--success), .4);transform:translateY(-2px)}.btn-success:active{transform:translateY(0)}.diagnostics{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;margin-top:2.25rem;padding:1.5rem}.diagnostics-title{text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--text-muted));justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:flex}.status-indicator{text-transform:none;letter-spacing:normal;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.dot{background:hsl(var(--text-muted));border-radius:50%;width:8px;height:8px}.dot-active{background:hsl(var(--success));box-shadow:0 0 10px hsl(var(--success));animation:1.5s infinite alternate dot-pulse}.dot-warn{background:hsl(var(--warning));box-shadow:0 0 10px hsl(var(--warning));animation:1.5s infinite alternate dot-pulse}.dot-error{background:hsl(var(--error));box-shadow:0 0 10px hsl(var(--error))}.grid-stats{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:hsl(var(--text-muted));font-size:.75rem;font-weight:500}.stat-value{color:hsl(var(--text-primary));font-family:Outfit,monospace;font-size:1.1rem;font-weight:700}@keyframes idle-pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 15px #ffffff1a}}@keyframes dot-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;box-shadow:0 0 16px inherit;transform:scale(1.2)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.status-pill.threat-secure{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.status-pill.threat-warn{color:#eab308;background:#eab3081f;border:1px solid #eab3084d;animation:.8s infinite alternate dot-pulse}.status-pill.threat-active{color:#ef4444;background:#ef444426;border:1px solid #ef444473;animation:.6s infinite alternate dot-pulse}@keyframes threat-pulse{0%{border-color:#ef444440;box-shadow:0 0 12px #ef444414}to{border-color:#ef4444b3;box-shadow:0 0 32px #ef444466}}@media (width<=768px){#root{padding:1rem}.app-card{border-radius:20px;max-width:100%;padding:1.5rem}.app-title{font-size:2rem}.app-subtitle{font-size:.85rem}.visualizer-wrapper{border-radius:16px;height:140px;margin-bottom:1.5rem}.row-inputs{grid-template-columns:1fr;gap:0}.diagnostics{margin-top:1.5rem;padding:1rem}.grid-stats{gap:.75rem}.btn{border-radius:14px;padding:.9rem;font-size:1rem}}@media (width<=480px){body{align-items:flex-start}#root{max-width:100%;padding:.5rem}.app-card{box-shadow:0 12px 40px -8px #00000080, 0 0 60px -15px hsla(var(--primary-glow), .1);border-radius:16px;padding:1.2rem}header{margin-bottom:1.25rem}.app-title{letter-spacing:-.03em;font-size:1.6rem}.app-subtitle{letter-spacing:.03em;font-size:.75rem}.visualizer-wrapper{border-radius:14px;height:120px;margin-bottom:1.25rem}.form-group{gap:.4rem;margin-bottom:1rem}label{font-size:.7rem}input,select{border-radius:10px;min-height:44px;padding:.75rem 1rem;font-size:.85rem}.row-inputs{grid-template-columns:1fr;gap:0}.btn{border-radius:12px;min-height:48px;padding:.85rem;font-size:.95rem}.diagnostics{border-radius:12px;margin-top:1.25rem;padding:.9rem}.diagnostics-title{margin-bottom:.75rem;font-size:.7rem}.grid-stats{grid-template-columns:repeat(2,1fr);gap:.6rem}.stat-label{font-size:.65rem}.stat-value{font-size:.9rem}.status-indicator{font-size:.7rem}input,select,textarea{font-size:16px}}@supports (padding:env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}.dashboard-grid-2col{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.hardware-grid{grid-template-columns:1.2fr 1fr;gap:1.5rem;margin-bottom:1.2rem;display:grid}.security-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.2rem;display:grid}.overrides-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.action-buttons-row{justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.share-dashboard{background:#0a081066;border:1px solid #b95a3226;border-radius:16px;flex-flow:wrap;justify-content:center;align-items:center;gap:clamp(.75rem,3vw,1.5rem);margin-top:-1rem;margin-bottom:2rem;padding:clamp(.8rem,3vw,1.2rem);animation:.3s ease-out fade-in;display:flex}.share-qr-wrapper{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;display:flex;box-shadow:0 8px 24px #0000004d}.share-content{flex:1;min-width:260px}@media (width<=768px){.dashboard-grid-2col,.hardware-grid,.security-grid{grid-template-columns:1fr;gap:1.25rem}}@media (width<=580px){.overrides-grid{grid-template-columns:1fr;gap:.75rem}.action-buttons-row{flex-direction:column-reverse;gap:.75rem;width:100%}.action-buttons-row .btn{width:100%!important}.share-dashboard{text-align:center;flex-direction:column;gap:1.25rem;padding:1.2rem}.share-content{width:100%}.share-content h3{text-align:center!important}.share-content div{justify-content:center!important}}.tap-overlay{-webkit-backdrop-filter:blur(24px)saturate(200%);z-index:99999;text-align:center;cursor:pointer;background:radial-gradient(circle,#100c1cf5 0%,#06040afc 100%);flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) fade-in;display:flex;position:fixed;inset:0}.tap-overlay-icon{filter:drop-shadow(0 0 20px #0ddff266);margin-bottom:1.5rem;font-size:5rem;animation:3s ease-in-out infinite float}.tap-overlay-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#ffffffa6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:2.4rem;font-weight:900}.tap-overlay-subtitle{color:#ffffff73;letter-spacing:.08em;text-transform:uppercase;margin:0 0 3rem;font-family:monospace;font-size:.85rem}.tap-overlay-button{color:#000;cursor:pointer;background:linear-gradient(135deg,#0ddff2 0%,#0ab2c2 100%);border:none;border-radius:50px;align-items:center;gap:.8rem;padding:1.25rem 3rem;font-size:1.05rem;font-weight:800;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;box-shadow:0 12px 35px -6px #00000080,0 0 50px -10px #0ddff299}.tap-overlay:hover .tap-overlay-button{transform:translateY(-2px);box-shadow:0 16px 40px -6px #0009,0 0 60px -5px #0ddff2cc}.tap-overlay:active .tap-overlay-button{transform:scale(.96)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}