@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--bg-primary:#f9f9f9;--bg-secondary:#fff;--surface-level1:#f3f3f4;--surface-level2:#eee;--surface-level3:#e2e2e2;--accent-blue:#007aff;--accent-blue-hover:#0056b3;--accent-blue-rgb:0, 122, 255;--border-color:#cfc4c5;--border-subtle:#e5e5e5;--text-primary:#1a1c1c;--text-secondary:#4c4546;--text-muted:#7e7576;--text-on-accent:#fff;--surface-inverse:#000;--overlay-scrim:#00000080;--success-green:#34c759;--warning-amber:#ff9500;--error-red:#ff3b30;--accent-purple:#af52de;--accent-purple-hover:#9a3dc8;--control-bg:#1b1c1d;--control-bg-hover:#2c2e30;--control-btn:#2a2c2d;--control-btn-hover:#3e4143;--control-fg:#fffffff2;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-size-page-title:clamp(20px, 1rem + 1vw, 24px);--font-size-section-heading:clamp(13px, .7rem + .4vw, 15px);--font-size-body:13px;--font-size-secondary:12px;--font-size-button:14px;--font-size-label:11px;--font-size-badge:10px;--font-size-mono-readout:12px;--font-size-minimum:9px;--icon-size-xs:12px;--icon-size-sm:14px;--icon-size-md:16px;--icon-size-lg:18px;--icon-size-xl:20px;--icon-size-2xl:24px;--icon-size-3xl:32px;--icon-size-4xl:48px;--icon-size-5xl:72px;--header-height:77px;--rail-width:64px;--sidebar-width:256px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--spacing-page-inset:40px;--spacing-section-gap:24px;--spacing-card-inset:20px;--spacing-row-gap:16px;--spacing-inline-gap:8px;--spacing-micro:4px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--glass-bg:#ffffffd9;--glass-border:#cfc4c580;--glass-blur:blur(20px);--shadow-xs:0 1px 3px #0000000f;--shadow-sm:0 2px 6px #0000001f;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0003;--shadow-xl:0 16px 48px #0000003d;--shadow-inset:inset 0 1px 3px #0000001f;--shadow-prompt:0px 4px 12px #11111a0f, 0px 8px 32px #11111a14, 0px 16px 56px #11111a0f}.hig-theme{--bg-primary:#f2f2f7;--bg-secondary:#fff;--surface-level1:#f2f2f7;--surface-level2:#e5e5ea;--surface-level3:#d1d1d6;--border-subtle:#e5e5ea;--border-color:#c7c7cc;--text-primary:#000;--text-secondary:#3c3c43;--text-muted:#8e8e93}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--surface-level2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{flex-direction:column;width:100vw;height:100vh;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.text-mono{font-family:var(--font-mono)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;vertical-align:middle}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}.pulse-indicator{background-color:var(--success-green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 #34c75966}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #34c75966}70%{transform:scale(1);box-shadow:0 0 0 6px #34c75900}to{transform:scale(.95);box-shadow:0 0 #34c75900}}.interactive-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.interactive-btn:hover{background-color:var(--surface-level2);color:var(--text-primary)}.interactive-btn.active{color:var(--text-on-accent);background-color:var(--surface-inverse)}.btn{font-family:var(--font-sans);font-weight:500;font-size:var(--font-size-button);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-3);transition:all var(--transition-fast);display:inline-flex}.btn-primary{background-color:var(--surface-inverse);color:var(--text-on-accent);border:1px solid var(--surface-inverse);box-shadow:2px 2px #0000001a}.btn-primary:hover{opacity:.9}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{background-color:var(--surface-level2);border-color:var(--text-secondary)}.slider-gradient{appearance:none;border-radius:var(--radius-xs);cursor:pointer;outline:none;height:4px}.slider-gradient::-webkit-slider-thumb{appearance:none;background:var(--accent-blue);border:2px solid var(--bg-secondary);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000040}.slider-gradient::-moz-range-thumb{background:var(--accent-blue);border:2px solid var(--bg-secondary);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000040}.feed-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:16px;width:100%;height:100%;display:grid}@media (width<=900px){.feed-grid{grid-template-rows:auto;grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}.charts-container{gap:16px;display:flex}@media (width<=900px){.charts-container{flex-direction:column!important}}.nodes-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=1024px){.nodes-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.nodes-grid{grid-template-columns:1fr!important}}@keyframes neural-glow{0%{box-shadow:0 4px 12px #1a1c1c0d,0 0 0 1px #1a1c1c1a}50%{box-shadow:0 4px 20px #1a1c1c26,0 0 0 2px #1a1c1c40}to{box-shadow:0 4px 12px #1a1c1c0d,0 0 0 1px #1a1c1c1a}}.search-ai-pulse{transition:all .3s cubic-bezier(.4,0,.2,1)}.search-ai-pulse:focus-within{animation:2s ease-in-out infinite neural-glow;border-color:var(--text-primary)!important}.search-glass{transition:all .2s}.search-glass:focus-within{background-color:var(--bg-secondary)!important;border-color:var(--text-primary)!important;box-shadow:0 4px 12px #0000000f!important}.search-forensic{transition:all .15s}.search-forensic:focus-within{border-color:var(--text-primary)!important;background-color:var(--bg-secondary)!important}@keyframes drawer-slide-in{0%{opacity:.6;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes text-shimmer{to{background-position:-200% 0}}.shimmer-text{background:linear-gradient(90deg, var(--text-muted) 0%, var(--text-muted) 40%, var(--text-primary) 50%, var(--text-muted) 60%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2.2s linear infinite text-shimmer}.feed-overlay{z-index:3;justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-on-accent);background-color:#00000073;flex-direction:column;display:flex;position:absolute;inset:0}.feed-spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.feed-overlay-label{font-size:var(--font-size-badge);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.ai-chart .recharts-text{font-size:var(--font-size-label);font-family:var(--font-sans);fill:var(--text-muted)}.ai-chart .recharts-yAxis .recharts-cartesian-axis-tick-value{font-family:var(--font-mono)}.ai-chart .recharts-legend-item-text{font-family:var(--font-sans);color:var(--text-secondary)!important}.chat-camera-frame{transition:border-color .15s,box-shadow .15s,transform .15s}.chat-camera-frame:hover,.chat-camera-frame:focus-visible{border-color:var(--border-color);box-shadow:var(--shadow-sm);outline:none;transform:translateY(-2px)}@keyframes cmd-enter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes cmd-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.cmd-entering{animation:.36s cubic-bezier(.4,0,.2,1) forwards cmd-enter}.cmd-exiting{animation:.36s cubic-bezier(.4,0,.2,1) forwards cmd-exit}@keyframes prompt-breathe{0%,to{border-color:var(--text-primary);box-shadow:0 4px 16px #11111a12,0 8px 32px #11111a14,0 0 48px #11111a0f}50%{border-color:var(--surface-inverse);box-shadow:0 6px 24px #11111a1f,0 12px 48px #11111a29,0 0 72px #11111a33,0 0 0 8px #0000000d}}.prompt-breathing{animation:2.8s ease-in-out infinite prompt-breathe}@keyframes context-pill-enter{0%{opacity:0;transform:translate(-4px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.context-pill-enter{animation:.25s cubic-bezier(.4,0,.2,1) forwards context-pill-enter}@keyframes context-outline-breathe{0%,to{opacity:.2;stroke-width:1.5px;filter:drop-shadow(0 0 3px #1a1c1c1f)drop-shadow(0 0 10px #1a1c1c0f)}50%{opacity:.5;stroke-width:2px;filter:drop-shadow(0 0 8px #1a1c1c4d)drop-shadow(0 0 22px #1a1c1c21)}}.context-outline-breathing{animation:2.8s ease-in-out infinite context-outline-breathe}@keyframes context-connector-breathe{0%,to{opacity:.38;stroke-width:1.5px;filter:drop-shadow(0 0 2px #1a1c1c1a)}50%{opacity:.65;stroke-width:2px;filter:drop-shadow(0 0 5px #1a1c1c3d)}}.context-connector-breathing{animation:2.8s ease-in-out infinite context-connector-breathe}.event-replay-frame:fullscreen{background:var(--surface-level2);width:100vw;height:100vh;aspect-ratio:auto!important}@keyframes voice-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;filter:drop-shadow(0 0 3px #af52de80);transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.voice-recording-active{animation:1.2s ease-in-out infinite voice-pulse;display:inline-block;color:var(--accent-purple)!important}@keyframes border-recording-pulse{0%{border-color:var(--accent-purple)!important;box-shadow:0 0 0 1px #af52de33, var(--shadow-prompt)!important}50%{box-shadow:0 0 14px 2px #af52de59, var(--shadow-prompt)!important;border-color:#af52ded9!important}to{border-color:var(--accent-purple)!important;box-shadow:0 0 0 1px #af52de33, var(--shadow-prompt)!important}}.prompt-recording-active{background-color:#af52de05!important;animation:1.5s ease-in-out infinite border-recording-pulse!important}@keyframes pulse-purple{0%{transform:scale(.95);box-shadow:0 0 #af52de8c}70%{transform:scale(1.05);box-shadow:0 0 0 5px #af52de00}to{transform:scale(.95);box-shadow:0 0 #af52de00}}.pulse-indicator-purple{background-color:var(--accent-purple);border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite pulse-purple;display:inline-block;box-shadow:0 0 #af52de8c}@keyframes voice-caret-blink{0%,to{opacity:1}50%{opacity:0}}.voice-text-caret{background-color:var(--accent-purple);vertical-align:middle;width:2px;height:1.15em;margin-left:2px;animation:.8s infinite voice-caret-blink;display:inline-block}.sound-wave-active{justify-content:center;align-items:center;gap:2.5px;width:100%;height:100%;display:inline-flex}.sound-wave-active .bar{background-color:var(--accent-purple);border-radius:1px;width:2px;height:6px;animation:.8s ease-in-out infinite sound-wave-bounce;display:inline-block}.sound-wave-active .bar:first-child{height:10px;animation-delay:.1s}.sound-wave-active .bar:nth-child(2){height:16px;animation-delay:.35s}.sound-wave-active .bar:nth-child(3){height:8px;animation-delay:.6s}.sound-wave-active .bar:nth-child(4){height:14px;animation-delay:.2s}.sound-wave-active .bar:nth-child(5){height:6px;animation-delay:.45s}@keyframes sound-wave-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.2)}}