:root{--bg-color:#111315;--card-bg:#1a1d20;--border-color:#2d3237;--accent-olive:#5b7053;--accent-olive-hover:#738c6a;--accent-olive-glow:#5b705333;--accent-olive-dim:#2c3527;--text-primary:#e3e6e8;--text-secondary:#8e959e;--text-muted:#5c6269;--color-alert:#f57c00;--color-alert-glow:#f57c0026;--color-info:#0288d1;--color-info-glow:#0288d126;--color-danger:#d32f2f;--color-danger-glow:#d32f2f26;--color-success:#4caf50;--color-success-glow:#4caf5026;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Share Tech Mono", "JetBrains Mono", monospace;--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-top:env(safe-area-inset-top,0px);--nav-height:72px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;width:100%;height:100%;font-size:16px;line-height:1.5;overflow-x:hidden}.selectable{-webkit-user-select:text;user-select:text}#root{background-color:var(--bg-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);flex-direction:column;max-width:600px;min-height:100svh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #0009}@media (width<=600px){#root{border-left:none;border-right:none}}main{padding:calc(16px + var(--safe-area-top)) 16px calc(16px + var(--nav-height) + var(--safe-area-bottom)) 16px;scroll-behavior:smooth;flex:1;overflow-y:auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}h1{border-bottom:2px solid var(--accent-olive-dim);font-size:1.75rem;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-primary);align-items:center;gap:8px;margin-bottom:1.25rem;padding-bottom:8px;display:flex}h1:before{content:"";background-color:var(--accent-olive);width:4px;height:1.25rem;display:inline-block}h2{font-size:1.25rem;font-family:var(--font-mono);color:var(--accent-olive);text-transform:uppercase;align-items:center;gap:6px;margin:1.5rem 0 .75rem;display:flex}p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.hud-mono{font-family:var(--font-mono)}.hud-panel{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;margin-bottom:16px;padding:16px;position:relative;overflow:hidden}.hud-panel:before,.hud-panel:after{content:"";border:1.5px solid var(--accent-olive);opacity:.6;pointer-events:none;width:8px;height:8px;position:absolute}.hud-panel:before{border-bottom:none;border-right:none;top:4px;left:4px}.hud-panel:after{border-top:none;border-left:none;bottom:4px;right:4px}.hud-panel-scan:after{content:"";opacity:.8;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/3px 100%;position:absolute;inset:0}.btn-tactical{background-color:var(--accent-olive-dim);color:var(--text-primary);border:1px solid var(--accent-olive);min-width:120px;height:52px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:4px;outline:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-tactical:hover:not(:disabled){background-color:var(--accent-olive);box-shadow:0 0 12px var(--accent-olive-glow)}.btn-tactical:active:not(:disabled){background-color:var(--accent-olive-hover);transform:scale(.98)}.btn-tactical:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-color);background-color:#0000}.btn-tactical-primary{background-color:var(--accent-olive);border-color:var(--accent-olive)}.btn-tactical-primary:hover:not(:disabled){background-color:var(--accent-olive-hover);box-shadow:0 0 16px var(--accent-olive-glow)}.btn-tactical-alert{border-color:var(--color-alert);background-color:#f57c001a}.btn-tactical-alert:hover:not(:disabled){background-color:var(--color-alert);color:#000;box-shadow:0 0 12px var(--color-alert-glow);font-weight:700}.btn-tactical-danger{border-color:var(--color-danger);background-color:#d32f2f1a}.btn-tactical-danger:hover:not(:disabled){background-color:var(--color-danger);box-shadow:0 0 12px var(--color-danger-glow)}.badge-tactical{font-family:var(--font-mono);background-color:var(--border-color);color:var(--text-primary);text-transform:uppercase;border:1px solid #0000;border-radius:2px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:inline-flex}.badge-tactical-olive{background-color:var(--accent-olive-dim);color:var(--text-primary);border-color:var(--accent-olive)}.badge-tactical-alert{background-color:var(--color-alert-glow);color:var(--color-alert);border-color:var(--color-alert)}.badge-tactical-info{background-color:var(--color-info-glow);color:var(--color-info);border-color:var(--color-info)}.badge-tactical-danger{background-color:var(--color-danger-glow);color:var(--color-danger);border-color:var(--color-danger)}.badge-tactical-success{background-color:var(--color-success-glow);color:var(--color-success);border-color:var(--color-success)}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{font-family:var(--font-mono);color:var(--accent-olive);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;display:block}.form-input{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);background-color:#0000004d;border-radius:4px;outline:none;width:100%;height:52px;padding:0 16px;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--accent-olive);box-shadow:0 0 8px var(--accent-olive-glow);background-color:#00000080}.form-input::placeholder{color:var(--text-muted);opacity:.7}.form-textarea{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);resize:vertical;background-color:#0000004d;border-radius:4px;outline:none;width:100%;min-height:120px;padding:12px 16px;font-size:1rem;transition:all .2s}.form-textarea:focus{border-color:var(--accent-olive);box-shadow:0 0 8px var(--accent-olive-glow);background-color:#00000080}@keyframes pulse{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.glow-pulse{animation:2s ease-in-out infinite pulse}.accordion-item{border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:4px;margin-bottom:8px;transition:all .2s;overflow:hidden}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-primary);justify-content:space-between;align-items:center;padding:16px;display:flex}.accordion-header:hover{background-color:#ffffff05}.accordion-icon{color:var(--accent-olive);transition:transform .2s}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-content{border-top:1px solid var(--border-color);background-color:#00000026;padding:0 16px 16px;animation:.2s cubic-bezier(.4,0,.2,1) slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.timeline-container{border-left:2px dashed var(--accent-olive);margin:16px 0;padding-left:24px;position:relative}.timeline-item{margin-bottom:24px;position:relative}.timeline-item:before{content:"";background-color:var(--bg-color);border:3px solid var(--accent-olive);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-31px}.timeline-item.active:before{background-color:var(--accent-olive);box-shadow:0 0 8px var(--accent-olive)}.timeline-date{font-family:var(--font-mono);color:var(--accent-olive);margin-bottom:4px;font-size:.8rem}.timeline-title{color:var(--text-primary);margin-bottom:6px;font-size:.95rem;font-weight:600}.timeline-desc{color:var(--text-secondary);font-size:.85rem}.diagram-container{border:1px solid var(--border-color);background-color:#0006;border-radius:4px;justify-content:center;align-items:center;margin:16px 0;padding:16px;display:flex}.svg-diagram{max-width:100%;height:auto}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.gap-8{gap:8px}.gap-16{gap:16px}.w-full{width:100%}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}