*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;width:100%;height:100%;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}.app-root{background:#0a0a0f;width:100%;height:100%;position:relative;overflow:hidden}.landing{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex}.landing-heading{color:#fff;letter-spacing:-.03em;text-align:center;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.landing-sub{color:#6b7280;text-align:center;max-width:420px;font-size:clamp(.95rem,2vw,1.2rem);line-height:1.5}.scan-btn{letter-spacing:.12em;color:#0a0a0f;cursor:pointer;background:gold;border:none;border-radius:8px;outline:none;margin-top:16px;padding:18px 52px;font-family:inherit;font-size:1.05rem;font-weight:700;transition:background .2s}.scan-btn:focus-visible{outline-offset:4px;outline:3px solid gold}.scanning{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.scan-content{flex-direction:column;gap:24px;width:min(520px,90vw);display:flex}.scan-title{color:#fff;letter-spacing:.04em;font-size:1.4rem;font-weight:600}.phases{flex-direction:column;gap:14px;display:flex}.phase-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.phase-icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.phase-icon.done{color:#4ade80}.phase-icon.active{color:gold}.phase-icon.pending{color:#374151}.phase-label{min-width:220px;font-size:.9rem;transition:color .3s}.phase-label.done{color:#4ade80}.phase-label.active{color:gold}.phase-label.pending{color:#374151}.phase-track{background:#1f2937;border-radius:2px;flex:1;min-width:60px;height:3px;overflow:hidden}.phase-fill{transform-origin:0;background:gold;border-radius:2px;height:100%}.overall-track{background:#1f2937;border-radius:3px;height:6px;overflow:hidden}.overall-fill{background:linear-gradient(90deg,gold,#f90);border-radius:3px;height:100%}.scan-percent{color:#6b7280;text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem}.hud{z-index:10;pointer-events:none;background:#0a0a0f99;border:1px solid #fff2;border-radius:8px;flex-direction:column;gap:10px;min-width:190px;padding:16px;display:flex;position:fixed;top:20px;right:20px}.hud-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.hud-label{letter-spacing:.08em;color:#6b7280;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:500}.hud-value{color:#fff;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.hud-divider{background:#fff2;height:1px;margin:2px 0}.hud-risk-row{align-items:center}.hud-risk-label{letter-spacing:.12em;color:#9ca3af;font-size:.68rem}.hud-risk-value{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1}.galaxy-view{position:absolute;inset:0;overflow:hidden}.galaxy-view canvas{display:block}.side-panel{z-index:100;box-sizing:border-box;background:#0f0f1a;border-left:1px solid #fff2;flex-direction:column;gap:14px;width:340px;height:100vh;padding:24px;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.panel-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1rem;line-height:1;transition:color .2s;position:absolute;top:16px;right:16px}.panel-close:hover{color:#fff}.panel-type-label{letter-spacing:.12em;text-transform:uppercase;color:#6b7280;padding-top:8px;font-size:.68rem;font-weight:600}.panel-node-name{color:#fff;word-break:break-all;margin:0;font-size:1.1rem;font-weight:700;line-height:1.35}.panel-body-area{flex-direction:column;gap:14px;padding-top:4px;display:flex}.panel-field{flex-direction:column;gap:3px;display:flex}.panel-field-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-size:.68rem}.panel-field-value{color:#e5e7eb;font-size:.88rem}.panel-field-value.mono,.mono{font-family:ui-monospace,Consolas,monospace;font-size:.82rem}.port-list{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.port-chip{color:#d1d5db;border-radius:4px;padding:3px 8px;font-family:ui-monospace,Consolas,monospace;font-size:.75rem}.severity-badge{letter-spacing:.1em;color:#fff;border-radius:4px;width:fit-content;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-block}.panel-title{color:#fff;margin:0;font-size:.95rem;font-weight:700;line-height:1.4}.panel-body{color:#9ca3af;margin:0;font-size:.82rem;line-height:1.6}.panel-body.italic{font-style:italic}.panel-section{flex-direction:column;gap:4px;display:flex}.panel-section-label{text-transform:uppercase;letter-spacing:.09em;color:#4b5563;font-size:.66rem;font-weight:600}.fix-btn{letter-spacing:.1em;color:#0a0a0f;cursor:pointer;background:gold;border:none;border-radius:6px;width:100%;margin-top:8px;padding:14px;font-family:inherit;font-size:.95rem;font-weight:700;transition:opacity .2s,background .4s}.fix-btn:hover:not(:disabled){opacity:.85}.fix-btn:disabled{color:#fff;cursor:default;opacity:1;background:#22c55e}.particle{pointer-events:none;z-index:200;background:#22c55e;border-radius:50%;width:6px;height:6px;position:fixed;box-shadow:0 0 6px #22c55e}.secured-banner{color:#0a0a0f;letter-spacing:.18em;z-index:500;pointer-events:none;background:gold;justify-content:center;align-items:center;height:60px;font-size:1.4rem;font-weight:800;display:flex;position:fixed;top:0;left:0;right:0}.bottom-bar{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0fcc;border-top:1px solid #fff2;justify-content:center;align-items:center;gap:16px;height:52px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-btn{letter-spacing:.1em;color:#d1d5db;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:8px 28px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .2s,color .2s}.bottom-btn:hover{color:#fff;background:#374151}