:root{--bg-main: #0b0f17;--bg-card: #131a26;--bg-card-hover: #1a2332;--bg-card-subtle: #0f1520;--border: #232e42;--border-focus: #3b82f6;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-purple: #8b5cf6;--badge-rec-bg: rgba(16, 185, 129, .15);--badge-rec-text: #34d399;--badge-inf-bg: rgba(245, 158, 11, .15);--badge-inf-text: #fbbf24;--badge-conflict-bg: rgba(239, 68, 68, .15);--badge-conflict-text: #f87171;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{max-width:1400px;margin:0 auto;padding:24px}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.logo-area{display:flex;align-items:center;gap:12px}.brand-icon{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:20px}.brand-title{font-size:24px;font-weight:700;color:#fff;letter-spacing:-.5px}.brand-tag{font-size:11px;background:var(--bg-card);color:var(--accent-primary);border:1px solid var(--border);padding:2px 8px;border-radius:12px;text-transform:uppercase;font-weight:600}.notice-banner{background:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:8px;padding:12px 16px;font-size:13px;color:#93c5fd;margin-bottom:24px;display:flex;align-items:center;gap:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px;background:var(--bg-card);padding:14px 18px;border-radius:10px;border:1px solid var(--border)}.btn-group{display:flex;gap:10px;flex-wrap:wrap}.btn{background:var(--bg-card-subtle);color:var(--text-main);border:1px solid var(--border);padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--text-dim)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-danger{background:#ef444426;border-color:#ef444466;color:#f87171}.btn-danger:hover:not(:disabled){background:#ef444440;border-color:#ef4444}.btn-cypher{border-color:var(--accent-purple);color:#c084fc}.btn-sm{padding:6px 12px;font-size:12px}.demo-controls-card{background:#f59e0b0a;border:1px solid rgba(245,158,11,.25);border-left:4px solid #f59e0b;border-radius:8px;padding:14px 18px;margin-bottom:24px}.demo-controls-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:var(--bg-card);border:1px solid var(--border);padding:16px;border-radius:10px}.metric-card.highlight{border-color:var(--accent-primary);background:linear-gradient(180deg,rgba(59,130,246,.08) 0%,var(--bg-card) 100%)}.metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.metric-value{font-size:24px;font-weight:700;color:#fff}.confidence-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.confidence-high{background:#10b98126;color:#34d399;border:1px solid #10b981}.confidence-medium{background:#f59e0b26;color:#fbbf24;border:1px solid #f59e0b}.confidence-low,.confidence-insufficient{background:#ef444426;color:#f87171;border:1px solid #ef4444}.section{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.section-title{font-size:17px;font-weight:600;color:#fff}.section-subtitle{font-size:12px;color:var(--text-muted)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:var(--bg-card-subtle);color:var(--text-muted);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text-main)}tr:hover td{background:var(--bg-card-hover)}tr.selected-row td{background:#3b82f61a;border-color:#3b82f64d}.code-cell{font-family:var(--font-mono);font-size:12px;color:#93c5fd}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-rec{background:var(--badge-rec-bg);color:var(--badge-rec-text);border:1px solid rgba(16,185,129,.3)}.badge-inf{background:var(--badge-inf-bg);color:var(--badge-inf-text);border:1px solid rgba(245,158,11,.3)}.badge-conflict{background:var(--badge-conflict-bg);color:var(--badge-conflict-text);border:1px solid rgba(239,68,68,.3)}.grid-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.hypo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}.hypo-box{background:var(--bg-card-subtle);border:1px solid var(--border);border-radius:8px;padding:14px;text-align:center}.hypo-number{font-size:22px;font-weight:700;margin-top:4px}.hypo-chips{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-height:80px;overflow-y:auto}.chip{background:var(--bg-card);border:1px solid var(--border);padding:2px 6px;border-radius:4px;font-size:10px;font-family:var(--font-mono);color:var(--text-muted)}.scope-list{display:flex;flex-direction:column;gap:10px}.scope-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card-subtle);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.scope-item.has-conflict{border-color:#ef444480;background:#ef44440d}.scope-place{font-family:var(--font-mono);font-weight:700;font-size:15px}.scope-reason{font-size:13px;color:var(--text-muted);margin-top:2px}.recall-box{background:#ef44440a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:18px;margin-top:12px}.action-list{margin:12px 0 16px 20px;color:var(--text-main);font-size:13px}.action-list li{margin-bottom:6px}.cypher-container{margin-top:16px;background:#06090e;border:1px solid var(--border);border-radius:8px;padding:14px}.cypher-block{margin-bottom:16px}.cypher-title{font-size:12px;font-family:var(--font-mono);color:var(--accent-purple);margin-bottom:6px;text-transform:uppercase;font-weight:600}pre{background:#020408;padding:12px;border-radius:6px;font-family:var(--font-mono);font-size:12px;color:#38bdf8;overflow-x:auto;border:1px solid #1e293b;line-height:1.4}.status-toast{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:13px;display:flex;justify-content:space-between;align-items:center}.toast-success{background:#10b98126;border:1px solid #10b981;color:#34d399}.toast-error{background:#ef444426;border:1px solid #ef4444;color:#f87171}.loading-box,.error-box,.empty-box{text-align:center;padding:60px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.app-container{padding:12px}.grid-2col{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:flex-start}}