:root{--bg-primary: #0a0f1e;--bg-secondary: #111829;--bg-tertiary: #172032;--bg-surface: #1a2338;--bg-surface-hover: #1f2a42;--bg-elevated: #1e2740;--accent-primary: #3ecfcf;--accent-primary-dim: #2a9e9e;--accent-primary-glow: rgba(62, 207, 207, .08);--accent-secondary: #5b8def;--accent-warning: #e8a838;--accent-danger: #e85454;--accent-success: #38c878;--text-primary: #e4e8f1;--text-secondary: #99a3b8;--text-tertiary: #6b7690;--text-inverse: #0a0f1e;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--border-accent: rgba(62, 207, 207, .3);--risk-low: #38c878;--risk-moderate: #e8a838;--risk-high: #e8783a;--risk-critical: #e85454;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--sidebar-width: 260px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-base)}.sidebar-header{padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-sm)}.brand-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.brand-icon svg{width:36px;height:36px}.brand-text h1{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.brand-text .tagline{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:400;letter-spacing:.02em}.sidebar-nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;background:none;width:100%;text-align:left;font-family:var(--font-family);line-height:1.4}.nav-item:hover{background:var(--bg-surface);color:var(--text-primary)}.nav-item.active{background:var(--accent-primary-glow);color:var(--accent-primary);border-color:var(--border-accent)}.nav-item .nav-icon{flex-shrink:0;width:18px;height:18px;opacity:.7}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);font-size:var(--font-size-xs);color:var(--text-tertiary)}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:var(--space-2xl);max-width:1200px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:99;align-items:center;padding:0 var(--space-md);gap:var(--space-sm)}.hamburger-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.hamburger-btn:hover{background:var(--bg-surface)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99}.mobile-overlay.visible{display:block}.page-header{margin-bottom:var(--space-xl)}.page-header h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-xs)}.page-header p{font-size:var(--font-size-base);color:var(--text-secondary);max-width:600px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);line-height:1.4;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-dim);border-color:var(--accent-primary-dim)}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent;padding:6px 12px}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-surface)}.btn-sm{padding:6px 14px;font-size:var(--font-size-xs)}.btn-lg{padding:14px 28px;font-size:var(--font-size-base)}.textarea-wrap{position:relative}.textarea{width:100%;min-height:140px;padding:var(--space-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast);line-height:1.6}.textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.textarea::placeholder{color:var(--text-tertiary)}.textarea-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:100px;letter-spacing:.02em;text-transform:uppercase;line-height:1.4}.badge-low{background:#38c8781f;color:var(--risk-low);border:1px solid rgba(56,200,120,.25)}.badge-moderate{background:#e8a8381f;color:var(--risk-moderate);border:1px solid rgba(232,168,56,.25)}.badge-high{background:#e8783a1f;color:var(--risk-high);border:1px solid rgba(232,120,58,.25)}.badge-critical{background:#e854541f;color:var(--risk-critical);border:1px solid rgba(232,84,84,.25)}.panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.panel-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.divider{height:1px;background:var(--border-subtle);margin:var(--space-lg) 0}.risk-meter{display:flex;flex-direction:column;gap:var(--space-sm)}.risk-meter-bar{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden;position:relative}.risk-meter-fill{height:100%;border-radius:4px;transition:width var(--transition-slow)}.risk-meter-fill.low{background:var(--risk-low)}.risk-meter-fill.moderate{background:var(--risk-moderate)}.risk-meter-fill.high{background:var(--risk-high)}.risk-meter-fill.critical{background:var(--risk-critical)}.risk-meter-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-tertiary)}.journey-timeline{position:relative;padding-left:var(--space-xl)}.journey-timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--border-default)}.journey-node{position:relative;padding-bottom:var(--space-lg);cursor:pointer}.journey-node:last-child{padding-bottom:0}.journey-node-dot{position:absolute;left:calc(-1 * var(--space-xl) + 4px);top:4px;width:16px;height:16px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border-strong);transition:all var(--transition-fast);z-index:1}.journey-node.active .journey-node-dot,.journey-node:hover .journey-node-dot{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-glow)}.journey-node-content{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-fast)}.journey-node:hover .journey-node-content{background:var(--bg-surface);border-color:var(--border-subtle)}.journey-node.active .journey-node-content{background:var(--bg-surface);border-color:var(--border-accent)}.journey-node-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.journey-node-order{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.journey-node-evidence{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.journey-node-inferred{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--accent-warning);margin-top:4px}.journey-detail{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-lg)}.journey-detail h4{font-size:var(--font-size-lg);font-weight:600;color:var(--accent-primary);margin-bottom:var(--space-md)}.journey-detail-section{margin-bottom:var(--space-md)}.journey-detail-section:last-child{margin-bottom:0}.journey-detail-section h5{font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.journey-detail-section p,.journey-detail-section li{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.journey-detail-section ul{list-style:none;padding:0}.journey-detail-section li{padding-left:var(--space-md);position:relative}.journey-detail-section li:before{content:"•";position:absolute;left:0;color:var(--text-tertiary)}.alert-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-xs)}.alert-tab{padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-secondary);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);margin-bottom:-1px;padding-bottom:calc(var(--space-sm) + 1px)}.alert-tab:hover{color:var(--text-primary)}.alert-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.alert-card{padding:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:border-color var(--transition-fast)}.alert-card:hover{border-color:var(--border-default)}.alert-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.alert-card-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.alert-card-meta{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.alert-card-evidence{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:2px solid var(--border-default);margin-top:var(--space-sm)}.alert-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.alert-stat{padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);text-align:center}.alert-stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-primary)}.alert-stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.escalation-list{margin-top:var(--space-sm);padding-left:var(--space-md)}.escalation-item{font-size:var(--font-size-xs);color:var(--text-secondary);padding:4px 0;border-left:2px solid var(--border-default);padding-left:var(--space-sm);margin-left:2px}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-md)}.scenario-card{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex;flex-direction:column}.scenario-card:hover{border-color:var(--border-default);background:var(--bg-surface-hover)}.scenario-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.scenario-card h3{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.scenario-card p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-md);flex:1}.scenario-card .message-preview{font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:2px solid var(--border-default);margin-bottom:var(--space-md);max-height:80px;overflow:hidden;line-height:1.5}.scenario-card-footer{display:flex;align-items:center;gap:var(--space-sm);margin-top:auto}.scenario-synthetic{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.indicator-list{display:flex;flex-direction:column;gap:var(--space-sm)}.indicator-item{padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.indicator-item:hover{border-color:var(--border-default)}.indicator-item.expanded{border-color:var(--border-accent)}.indicator-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.indicator-item-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.indicator-item-detail{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.indicator-item-detail p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.6}.evidence-tag{display:inline-block;font-size:var(--font-size-xs);color:var(--accent-primary);background:var(--accent-primary-glow);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid rgba(62,207,207,.15);margin:2px 4px 2px 0;font-family:var(--font-mono);word-break:break-word}.overview-hero{text-align:center;padding:var(--space-3xl) 0 var(--space-2xl);max-width:700px;margin:0 auto}.overview-hero h2{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2;margin-bottom:var(--space-md)}.overview-hero h2 .accent{color:var(--accent-primary)}.overview-hero p{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:550px;margin:0 auto var(--space-lg);line-height:1.6}.overview-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.journey-preview{margin:var(--space-2xl) auto;max-width:550px}.journey-preview-title{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:var(--space-md)}.journey-preview-flow{display:flex;flex-direction:column;align-items:center;gap:0}.journey-preview-stage{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);width:100%;max-width:320px;transition:border-color var(--transition-fast)}.journey-preview-stage:hover{border-color:var(--border-accent);color:var(--text-primary)}.journey-preview-stage .stage-num{width:22px;height:22px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;color:var(--accent-primary);flex-shrink:0}.journey-preview-connector{width:2px;height:20px;background:var(--border-default)}.journey-preview-note{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--space-md);font-style:italic;max-width:400px;margin-left:auto;margin-right:auto}.capabilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.capability{padding:var(--space-lg)}.capability-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-primary-glow);border:1px solid rgba(62,207,207,.15);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);color:var(--accent-primary)}.capability h3{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.capability p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.methodology-section{margin-bottom:var(--space-2xl)}.methodology-section h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.methodology-section h4{font-size:var(--font-size-base);font-weight:600;color:var(--accent-primary);margin:var(--space-md) 0 var(--space-sm)}.methodology-section p,.methodology-section li{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7}.methodology-section ul,.methodology-section ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.methodology-section li{margin-bottom:var(--space-xs)}.methodology-table{width:100%;border-collapse:collapse;margin:var(--space-md) 0;font-size:var(--font-size-sm)}.methodology-table th,.methodology-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-subtle)}.methodology-table th{color:var(--text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.methodology-table td{color:var(--text-secondary)}.privacy-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#38c87814;border:1px solid rgba(56,200,120,.2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--accent-success);margin:2px 4px 2px 0}.loading-dots{display:flex;gap:6px;align-items:center;justify-content:center;padding:var(--space-lg)}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);animation:loadingDot 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loadingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.error-message{padding:var(--space-md);background:#e8545414;border:1px solid rgba(232,84,84,.2);border-radius:var(--radius-md);color:var(--accent-danger);font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:var(--space-sm)}.info-notice{padding:var(--space-md);background:#3ecfcf0f;border:1px solid rgba(62,207,207,.15);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:var(--space-sm);line-height:1.6}.info-notice .notice-icon{flex-shrink:0;color:var(--accent-primary);margin-top:1px}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--text-tertiary)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.4}.empty-state h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-sm);color:var(--text-secondary)}.empty-state p{font-size:var(--font-size-sm);max-width:400px;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-mono{font-family:var(--font-mono)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.journey-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-lg)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1024px){.main-content{padding:var(--space-xl)}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-header{display:flex}.mobile-overlay.visible{display:block}.main-content{margin-left:0;padding:var(--space-md);padding-top:calc(56px + var(--space-lg))}.overview-hero h2{font-size:var(--font-size-2xl)}.overview-hero p{font-size:var(--font-size-base)}.scenario-grid,.capabilities{grid-template-columns:1fr}.alert-stats{grid-template-columns:repeat(2,1fr)}.journey-detail{padding:var(--space-md)}.page-header h2{font-size:var(--font-size-xl)}.journey-grid{grid-template-columns:1fr}.methodology-table{font-size:var(--font-size-xs)}.methodology-table th,.methodology-table td{padding:var(--space-xs) var(--space-sm)}}@media(max-width:480px){.overview-actions{flex-direction:column;align-items:stretch}.alert-stats{grid-template-columns:1fr}.alert-tabs{flex-wrap:wrap}}