:root{--bg-deep:#030712;--bg-surface:rgba(8,15,35,0.78);--bg-surface-hover:rgba(14,25,55,0.88);--bg-surface-active:rgba(20,36,78,0.95);--bg-card:rgba(10,18,42,0.65);--bg-card-subtle:rgba(255,255,255,0.02);--bg-glass-modal:rgba(4,8,22,0.92);--accent-cyan:#00f0ff;--accent-cyan-glow:rgba(0,240,255,0.5);--accent-cyan-dim:rgba(0,240,255,0.12);--accent-blue:#38bdf8;--accent-indigo:#6366f1;--accent-violet:#8b5cf6;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--border-subtle:rgba(56,189,248,0.14);--border-medium:rgba(0,240,255,0.32);--border-glow:rgba(0,240,255,0.6);--border-amber:rgba(245,158,11,0.4);--border-emerald:rgba(16,185,129,0.4);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-cyan:#38bdf8;--text-dim:#475569;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-display:"Orbitron",var(--font-sans);--ease-out-snappy:cubic-bezier(0.23,1,0.32,1);--ease-in-out-smooth:cubic-bezier(0.77,0,0.175,1);--ease-spring:cubic-bezier(0.16,1,0.3,1);--duration-instant:100ms;--duration-fast:180ms;--duration-normal:260ms;--duration-slow:420ms;--glow-cyan:0 0 28px rgba(0,240,255,0.22);--glow-cyan-sm:0 0 14px rgba(0,240,255,0.35);--glow-cyan-lg:0 0 45px rgba(0,240,255,0.35);--glow-amber-sm:0 0 14px rgba(245,158,11,0.35);--glow-emerald-sm:0 0 14px rgba(16,185,129,0.35);--shadow-surface:0 16px 40px -10px rgba(0,0,0,0.7)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:-120px;left:50%;transform:translateX(-50%);width:1200px;height:600px;background:radial-gradient(ellipse at 50% 20%,rgba(0,240,255,.16) 0,rgba(99,102,241,.1) 40%,rgba(139,92,246,.05) 60%,transparent 80%);pointer-events:none;z-index:0;animation:ambientAura 12s ease-in-out infinite alternate}@keyframes ambientAura{0%{opacity:.8;transform:translateX(-50%) scale(1)}to{opacity:1;transform:translateX(-50%) scale(1.08)}}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 50% 50%,rgba(0,240,255,.08) 1px,transparent 0),linear-gradient(rgba(56,189,248,.025) 1px,transparent 0),linear-gradient(90deg,rgba(56,189,248,.025) 1px,transparent 0);background-size:32px 32px,32px 32px,32px 32px;pointer-events:none;z-index:0}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.app-container{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:2rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.75rem}@media (max-width:640px){.app-container{padding:1.25rem .85rem 3rem;gap:1.25rem}}.hud-card,.odin-card{background:var(--bg-surface);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-surface);transition:transform var(--duration-fast) var(--ease-out-snappy),border-color var(--duration-fast) var(--ease-out-snappy),box-shadow var(--duration-fast) var(--ease-out-snappy);position:relative;overflow:hidden}@media (max-width:640px){.hud-card,.odin-card{padding:1.15rem 1rem;border-radius:10px}}.hud-card:before,.odin-card:before{top:0;left:0;width:36px;background:linear-gradient(90deg,var(--accent-cyan),transparent);transform-origin:left}.hud-card:after,.hud-card:before,.odin-card:after,.odin-card:before{content:"";position:absolute;height:2px;transition:transform var(--duration-fast) var(--ease-out-snappy)}.hud-card:after,.odin-card:after{bottom:0;right:0;width:28px;background:linear-gradient(270deg,var(--accent-cyan),transparent);transform-origin:right}@media (hover:hover) and (pointer:fine){.hud-card:hover,.odin-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-surface),var(--glow-cyan-sm)}.hud-card:hover:after,.hud-card:hover:before,.odin-card:hover:after,.odin-card:hover:before{transform:scaleX(1.75)}}.hud-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;min-height:40px;font-family:var(--font-mono);font-size:.82rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-cyan);background:rgba(0,240,255,.07);border:1px solid var(--border-medium);border-radius:8px;cursor:pointer;outline:none;position:relative;overflow:hidden;transition:transform var(--duration-instant) var(--ease-out-snappy),background var(--duration-fast) var(--ease-out-snappy),border-color var(--duration-fast) var(--ease-out-snappy),box-shadow var(--duration-fast) var(--ease-out-snappy),color var(--duration-fast) var(--ease-out-snappy);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover) and (pointer:fine){.hud-button:hover{background:rgba(0,240,255,.16);border-color:var(--accent-cyan);box-shadow:var(--glow-cyan-sm);color:#ffffff}}.hud-button:active{transform:scale(.97);transition-duration:var(--duration-instant)}.hud-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:640px){.hud-button{min-height:44px;padding:.75rem 1.1rem;font-size:.8rem}}.hud-button-primary{background:linear-gradient(135deg,rgba(0,240,255,.22),rgba(99,102,241,.25));border-color:var(--accent-cyan);color:#ffffff;box-shadow:0 0 16px rgba(0,240,255,.25)}@media (hover:hover) and (pointer:fine){.hud-button-primary:hover{background:linear-gradient(135deg,rgba(0,240,255,.35),rgba(99,102,241,.35));box-shadow:var(--glow-cyan)}}.hud-button-danger{color:var(--accent-rose);background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.4)}@media (hover:hover) and (pointer:fine){.hud-button-danger:hover{background:rgba(244,63,94,.22);border-color:var(--accent-rose);box-shadow:0 0 14px rgba(244,63,94,.35);color:#ffffff}}.hud-button-warning{color:var(--accent-amber);background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.4)}@media (hover:hover) and (pointer:fine){.hud-button-warning:hover{background:rgba(245,158,11,.22);border-color:var(--accent-amber);box-shadow:var(--glow-amber-sm);color:#ffffff}}.hud-button-success{color:#34d399;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.4)}@media (hover:hover) and (pointer:fine){.hud-button-success:hover{background:rgba(16,185,129,.22);border-color:#34d399;box-shadow:var(--glow-emerald-sm);color:#ffffff}}.status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .65rem;border-radius:9999px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;font-weight:600;border:1px solid transparent;white-space:nowrap;flex-shrink:0}.status-pill.online{color:#34d399;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);box-shadow:0 0 10px rgba(16,185,129,.15)}.status-pill.warning{color:#fbbf24;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35);box-shadow:0 0 10px rgba(245,158,11,.15)}.status-pill.cyan{color:var(--accent-cyan);background:rgba(0,240,255,.1);border-color:rgba(0,240,255,.32);box-shadow:0 0 10px rgba(0,240,255,.2)}.status-pill.rose{color:#fda4af;background:rgba(244,63,94,.12);border-color:rgba(244,63,94,.35);box-shadow:0 0 10px rgba(244,63,94,.15)}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald);animation:pulseGlow 1.8s infinite var(--ease-in-out-smooth)}.pulse-dot.cyan{background-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.pulse-dot.amber{background-color:var(--accent-amber);box-shadow:0 0 10px var(--accent-amber)}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.55}}.hud-input{width:100%;padding:.7rem 1rem;font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);background:rgba(10,18,42,.8);border:1px solid var(--border-subtle);border-radius:8px;outline:none;min-height:42px;transition:border-color var(--duration-fast) var(--ease-out-snappy),box-shadow var(--duration-fast) var(--ease-out-snappy),background var(--duration-fast) var(--ease-out-snappy)}.hud-input:focus{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan-sm);background:rgba(12,22,52,.95)}.hud-input::placeholder{color:var(--text-muted)}.hud-textarea{width:100%;padding:.85rem 1rem;font-family:var(--font-sans);font-size:.9rem;color:var(--text-primary);background:rgba(10,18,42,.8);border:1px solid var(--border-subtle);border-radius:8px;outline:none;resize:vertical;min-height:95px;line-height:1.55;transition:border-color var(--duration-fast) var(--ease-out-snappy),box-shadow var(--duration-fast) var(--ease-out-snappy),background var(--duration-fast) var(--ease-out-snappy)}.hud-textarea:focus{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan-sm);background:rgba(12,22,52,.95)}.hud-textarea::placeholder{color:var(--text-muted)}.hud-input:disabled,.hud-textarea:disabled{opacity:.45;cursor:not-allowed;background:rgba(6,12,28,.6);border-color:rgba(255,255,255,.05);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hud-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.65rem;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hud-tabs::-webkit-scrollbar{display:none}.hud-tab{padding:.55rem 1.1rem;font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out-snappy);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hud-tab:hover{color:var(--accent-cyan);background:rgba(0,240,255,.06)}.hud-tab.active{color:#ffffff;background:rgba(0,240,255,.16);border-color:var(--border-medium);box-shadow:var(--glow-cyan-sm)}.sonic-radar-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.sonic-radar-ring{position:absolute;inset:-6px;border-radius:12px;border:1.5px solid var(--accent-cyan);pointer-events:none;animation:sonicRadar 1.5s cubic-bezier(0,.2,.8,1) infinite}@keyframes sonicRadar{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.45);opacity:0}}.eq-spectrum{display:inline-flex;align-items:flex-end;gap:3px;height:20px;padding:0 4px}.eq-bar{width:3px;background:var(--accent-cyan);border-radius:1.5px;box-shadow:0 0 6px var(--accent-cyan);animation:eqPulse 1.2s ease-in-out infinite alternate}.eq-bar:first-child{height:6px;animation-delay:.1s}.eq-bar:nth-child(2){height:16px;animation-delay:.3s}.eq-bar:nth-child(3){height:10px;animation-delay:.2s}.eq-bar:nth-child(4){height:18px;animation-delay:.45s}.eq-bar:nth-child(5){height:8px;animation-delay:.15s}.eq-bar:nth-child(6){height:14px;animation-delay:.35s}.eq-bar:nth-child(7){height:5px;animation-delay:.25s}@keyframes eqPulse{0%{height:4px;opacity:.5}to{height:18px;opacity:1}}.laser-progress-container{height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;position:relative}.laser-progress-fill{height:100%;width:100%;background:linear-gradient(90deg,#38bdf8,#00f0ff,#818cf8);box-shadow:var(--glow-cyan-sm);transform-origin:left;transition:transform .4s var(--ease-out-snappy);position:relative}.laser-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(90deg,transparent,#ffffff);box-shadow:0 0 12px #ffffff;animation:laserSweep 1.2s ease-in-out infinite}@keyframes laserSweep{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.hud-modal-backdrop{position:fixed;inset:0;z-index:99999;background-color:rgba(3,7,18,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;overflow-y:auto;animation:backdropFadeIn var(--duration-fast) var(--ease-out-snappy) forwards}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.hud-modal-card{background:var(--bg-glass-modal);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-medium);box-shadow:0 20px 50px -10px rgba(0,0,0,.8),var(--glow-cyan-sm);border-radius:14px;width:100%;max-width:540px;max-height:calc(100vh - 2.5rem);max-height:calc(100dvh - 2.5rem);padding:1.6rem;position:relative;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;margin:auto;flex-shrink:0;animation:modalScaleIn var(--duration-normal) var(--ease-out-snappy) forwards}.hud-modal-card::-webkit-scrollbar{width:6px}.hud-modal-card::-webkit-scrollbar-track{background:rgba(8,14,32,.5);border-radius:3px}.hud-modal-card::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.hud-modal-card::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:640px){.hud-modal-backdrop{align-items:flex-end;padding:0}.hud-modal-card{max-width:100%;max-height:calc(100dvh - 1.5rem);border-radius:18px 18px 0 0;border-bottom:none;padding:1.5rem 1.25rem 2.5rem;animation:sheetSlideUp var(--duration-normal) var(--ease-out-snappy) forwards}}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.hud-drawer-container{display:flex;flex-direction:column;gap:1.25rem}.hud-search-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;background:rgba(8,14,32,.85);border:1px solid var(--border-subtle);border-radius:10px}.hud-search-input-group{display:flex;align-items:center;gap:.6rem;flex:1 1;min-width:240px}.hud-search-input{width:100%;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:.82rem;outline:none}.hud-search-input::placeholder{color:var(--text-muted)}.hud-dossier-card{padding:1.15rem;background:rgba(10,18,42,.75);border:1px solid var(--border-subtle);border-radius:10px;display:flex;flex-direction:column;gap:.85rem;position:relative;transition:border-color var(--duration-fast) var(--ease-out-snappy),background var(--duration-fast) var(--ease-out-snappy),box-shadow var(--duration-fast) var(--ease-out-snappy)}.hud-dossier-card:hover{border-color:var(--border-medium);background:rgba(14,25,55,.85);box-shadow:0 4px 20px -4px rgba(0,240,255,.12)}.hud-dossier-card.active{border-color:var(--accent-cyan);background:rgba(12,26,60,.9);box-shadow:var(--glow-cyan-sm)}.stagger-item{opacity:0;transform:scale(.97) translateY(8px);animation:entranceFadeIn .24s var(--ease-out-snappy) forwards}.stagger-item:first-child{animation-delay:20ms}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:80ms}.stagger-item:nth-child(4){animation-delay:.11s}.stagger-item:nth-child(5){animation-delay:.14s}@keyframes entranceFadeIn{to{opacity:1;transform:scale(1) translateY(0)}}.persona-tab-content{animation:tabCrossfade .18s var(--ease-out-snappy) forwards}@keyframes tabCrossfade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.12s!important;animation-iteration-count:1!important;transition-duration:.12s!important}.hud-modal-card,.persona-tab-content,.stagger-item{transform:none!important;animation-name:simpleFadeIn!important}@keyframes simpleFadeIn{0%{opacity:0}to{opacity:1}}.eq-bar,.laser-progress-fill:after,.sonic-radar-ring{animation:none!important}}