@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,Trebuchet MS,sans-serif;--bg: #07111b;--bg-elevated: rgba(10, 23, 37, .78);--bg-card: rgba(12, 30, 47, .95);--text: #e6edf6;--muted: #8ea6ba;--line-soft: rgba(145, 176, 198, .16);--line-sequence: rgba(121, 197, 199, .7);--line-causal: rgba(253, 155, 79, .82);--accent: #79c5c7;--accent-strong: #96f0ef;--danger: #ff6d6d;--danger-soft: rgba(255, 109, 109, .16);--warning: #ffb66e;--warning-soft: rgba(255, 182, 110, .16);--success: #7fe89d;--shadow: 0 22px 60px rgba(1, 6, 11, .4)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(121,197,199,.2),transparent 30%),radial-gradient(circle at top right,rgba(255,182,110,.18),transparent 34%),linear-gradient(180deg,#09121d,#050a10)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{padding:22px}.topbar{display:flex;justify-content:space-between;align-items:stretch;gap:20px;margin-bottom:18px}.topbar h1{margin:4px 0 0;font-size:clamp(1.9rem,3vw,3rem);line-height:1.04;max-width:720px}.hero-copy{max-width:780px}.hero-story,.hero-substory{max-width:720px;color:var(--muted);line-height:1.55}.hero-story{margin:16px 0 0;font-size:1.02rem}.hero-substory{margin:10px 0 0}.hero-chip-row,.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-chip-row{margin-top:16px}.hero-actions{margin-top:18px}.hero-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.38rem .78rem;background:#91b0c61f;border:1px solid rgba(145,176,198,.12);color:var(--text);font-size:.78rem;font-family:IBM Plex Mono,monospace}.reel-panel{margin-bottom:18px;padding:18px}.reel-layout{display:grid;grid-template-columns:minmax(0,1.35fr) 280px;gap:16px;position:relative;z-index:1}.reel-screen{position:relative;min-height:220px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#03090e99,#03090ee6),radial-gradient(circle at top right,rgba(255,182,110,.16),transparent 34%),linear-gradient(135deg,#0a2131f2,#09141ff0);border:1px solid rgba(145,176,198,.14)}.reel-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%);pointer-events:none}.reel-screen-glow{position:absolute;inset:auto 28px 34px auto;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(255,109,109,.18),transparent 66%);filter:blur(4px)}.reel-playhead{position:absolute;top:16px;left:18px;right:18px;height:8px;border-radius:999px;background:#91b0c614;overflow:hidden}.reel-playhead span,.reel-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb66eb3,#ff6d6deb)}.reel-playhead span{width:46%}.reel-screen-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;min-height:220px;padding:28px 24px 22px}.reel-screen-content h3{margin:0;max-width:560px;font-size:1.34rem}.reel-screen-content p{margin:0;max-width:560px;color:var(--muted);line-height:1.5}.reel-pill{align-self:flex-start;display:inline-flex;align-items:center;border-radius:999px;padding:.4rem .78rem;background:#07121cb8;border:1px solid rgba(150,240,239,.16);color:var(--accent-strong);font-size:.76rem;font-family:IBM Plex Mono,monospace}.reel-progress{width:min(420px,100%);height:10px;border-radius:999px;background:#91b0c614;overflow:hidden}.reel-progress span{width:62%}.reel-notes{display:grid;gap:10px}.reel-note{padding:14px 16px;border-radius:20px;background:#07111bb8;border:1px solid rgba(142,166,186,.1)}.reel-note strong{display:block;margin-bottom:6px;color:var(--accent-strong);font-family:IBM Plex Mono,monospace;font-size:.78rem}.reel-note span{color:var(--muted);line-height:1.45}.eyebrow,.section-label{margin:0;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--accent-strong)}.workspace{display:grid;grid-template-columns:320px minmax(0,1.6fr) 320px;gap:18px;align-items:stretch}.center-column{display:grid;grid-template-rows:minmax(0,7fr) minmax(0,3fr);gap:18px;min-height:calc(100vh - 170px)}.panel{position:relative;overflow:hidden;border:1px solid rgba(148,175,193,.14);border-radius:28px;background:linear-gradient(180deg,#0a1826f5,#08111beb);box-shadow:var(--shadow)}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.05),transparent 28%)}.left-panel,.right-panel{padding:16px;background:linear-gradient(180deg,#08141fe6,#060e17d6);border-color:#8ea6ba1a}.graph-panel,.hypothesis-panel{padding:18px;background:linear-gradient(180deg,#0b1b2bfa,#060e17f5);border-color:#96f0ef24}.left-panel,.right-panel,.graph-panel,.hypothesis-panel{display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;position:relative;z-index:1}.panel-heading.compact{margin-bottom:10px}.panel-heading h2,.panel-heading h3,.detail-card h3{margin:4px 0 0;font-size:1.16rem}.graph-caption{margin:0;max-width:320px;color:var(--muted);font-size:.88rem}.metrics{display:flex;gap:12px;flex-wrap:wrap}.metric-card{min-width:132px;padding:14px 16px;border-radius:20px;background:#07121cd1;border:1px solid rgba(142,166,186,.18)}.metric-card span{display:block;font-size:.82rem;color:var(--muted)}.metric-card strong{display:block;margin-top:4px;font-size:1.5rem}.metric-card.danger strong{color:#ff9e9e}.ghost-button,.primary-button{border:0;border-radius:999px;padding:.76rem 1rem;transition:transform .12s ease,background .12s ease}.ghost-button{background:#829fb31f;color:var(--text)}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,#bce9d2 100%);color:#061219;font-weight:700}.ghost-button:hover,.primary-button:hover{transform:translateY(-1px)}.ingest-form{display:grid;gap:12px;position:relative;z-index:1}.ingest-form label{display:grid;gap:8px;font-size:.9rem;color:var(--muted)}.inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ingest-form input,.ingest-form select,.ingest-form textarea{width:100%;border:1px solid rgba(140,174,195,.16);border-radius:18px;padding:.9rem 1rem;color:var(--text);background:#040a10a3}.ingest-form textarea{resize:vertical;min-height:124px;font-family:IBM Plex Mono,monospace}.form-error{margin:0;color:#ff9e9e}.ledger-meta{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft);position:relative;z-index:1;display:grid;gap:12px}.rule-list,.detail-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:10px}.rule-list li,.detail-list li{padding:12px 14px;border-radius:18px;background:#07111bb8;border:1px solid rgba(142,166,186,.1)}.rule-list strong{display:block;margin-bottom:4px}.compact-button{padding:.5rem .85rem}.dsl-status-row{display:flex;flex-wrap:wrap;gap:8px}.dsl-editor-label{display:grid;gap:8px}.dsl-editor{width:100%;min-height:280px;resize:vertical;border:1px solid rgba(140,174,195,.16);border-radius:18px;padding:.95rem 1rem;color:var(--text);background:#040a10d6;font-family:IBM Plex Mono,monospace;font-size:.82rem;line-height:1.5}.parsed-semantics{display:grid;gap:12px}.parsed-workflow{padding:14px;border-radius:20px;background:#07111b99;border:1px solid rgba(142,166,186,.1)}.parsed-workflow-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.compact-rule-list{gap:8px;margin-top:0}.compact-rule-list li{padding:10px 12px}.warning-list li{background:#2e1f0c8f;border-color:#ffb66e29}.dsl-rule-code{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--accent-strong)}.rule-list span,.detail-list li,.detail-summary{color:var(--muted);line-height:1.45}.scenario-panel,.lineage-toolbar{position:relative;z-index:1;border:1px solid rgba(142,166,186,.1);border-radius:22px;background:#050e1699}.scenario-panel{margin-bottom:16px;padding:14px}.scenario-description,.lineage-status{margin:0;color:var(--muted);line-height:1.45;font-size:.84rem}.scenario-button-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scenario-button{width:100%;border:1px solid rgba(142,166,186,.14);border-radius:18px;background:#08121ddb;color:var(--text);text-align:left;padding:12px 13px;display:grid;gap:4px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.scenario-button strong,.lineage-chip strong{display:block}.scenario-button span,.lineage-chip span,.cluster-meta{color:var(--muted);font-size:.76rem}.scenario-button:hover,.lineage-chip:hover{transform:translateY(-1px);border-color:#96f0ef47}.scenario-button.active,.lineage-chip.active{border-color:#96f0ef70;background:linear-gradient(180deg,#123140d6,#07151eeb);box-shadow:inset 0 0 0 1px #96f0ef1f}.ledger-list{margin-top:18px;padding-top:18px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;position:relative;z-index:1}.ledger-item,.contradiction-card,.related-event,.state-pill{width:100%;border:1px solid rgba(141,166,185,.14);border-radius:20px;background:#050c14c2;color:var(--text);text-align:left}.ledger-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 14px}.ledger-item strong,.contradiction-card strong,.related-event strong,.suggestion-card strong,.state-pill strong,.detail-card strong{display:block;margin-bottom:4px}.ledger-item span,.contradiction-card p,.related-event span,.suggestion-card p,.state-pill small,.state-pill .state-time,.empty-state p,.accordion-meta strong,.state-row-meta span{color:var(--muted)}.ledger-item.selected,.contradiction-card.selected,.related-event:hover,.state-pill:hover,.state-row.active{border-color:#96f0ef70;box-shadow:inset 0 0 0 1px #96f0ef3d}.ledger-item.flagged,.contradiction-card.high,.detail-card.emphasis{background:linear-gradient(180deg,#330f0fb8,#18080de0)}.chip,.severity-pill,.mini-stat{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.28rem .6rem;font-size:.72rem;font-family:IBM Plex Mono,monospace;background:#91b0c61f;color:var(--text)}.chip.danger,.severity-pill.high{background:#ff6d6d2e;color:#ffb5b5}.severity-pill.medium{background:#ffb66e2e;color:#ffcc95}.ledger-badges{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.graph-panel{min-height:0}.graph-insights{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.lineage-toolbar{padding:12px 14px;margin-bottom:14px}.lineage-toolbar-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.lineage-chip-row{margin-top:10px;display:flex;gap:10px;overflow:auto;padding-bottom:4px}.lineage-chip{flex:0 0 auto;min-width:170px;border:1px solid rgba(142,166,186,.14);border-radius:18px;background:#08121dcc;color:var(--text);text-align:left;padding:10px 12px;display:grid;gap:3px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.lineage-chip.ghost{min-width:auto;padding:.5rem .9rem;display:inline-flex;align-items:center;justify-content:center}.lineage-chip.flagged{background:linear-gradient(180deg,#301414b8,#0e0d12e0)}.lineage-status{margin-top:8px}.timeline-legend-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;position:relative;z-index:1}.timeline-legend-item{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:.42rem .78rem;background:#07111cad;border:1px solid rgba(142,166,186,.1);color:var(--muted);font-size:.77rem;font-family:IBM Plex Mono,monospace}.timeline-legend-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:.9rem;color:var(--accent-strong);font-size:.92rem}.timeline-legend-item.contradiction .timeline-legend-symbol{color:#ffb5b5}.timeline-legend-item.hypothesis .timeline-legend-symbol{color:#d8ebbb}.timeline-legend-item.link .timeline-legend-symbol{color:#ffc18a}.mini-stat{background:#79c5c71f;color:var(--accent-strong)}.graph-surface{flex:1;min-height:0;overflow:auto;border-radius:26px;background:linear-gradient(180deg,#03090ee0,#08111cf5);border:1px solid rgba(148,175,193,.1);position:relative;z-index:1}.graph-surface svg{display:block;min-width:100%}.swimlane-label,.swimlane-count,.slot-flow-label,.tick-label,.sparkline-label{font-family:IBM Plex Mono,monospace}.time-band{fill:#79c5c706}.time-band.odd{fill:#ffb66e08}.sparkline-shell{fill:#07111cc7;stroke:#91b0c61f}.sparkline-label{fill:var(--accent-strong);font-size:11px;letter-spacing:.06em}.sparkline-area{fill:#ff6d6d24}.sparkline-line{fill:none;stroke:#ff9e9ee0;stroke-width:1.8}.timeline-focus-window{fill:#96f0ef0b;stroke:#96f0ef29}.conflict-heat{fill:#ff82822e}.conflict-heat.high{fill:#ff6d6d3d}.conflict-heat.medium{fill:#ffb66e2e}.trace-annotation line{stroke:#91b0c629;stroke-width:1;stroke-dasharray:4 5}.trace-annotation text{fill:#91b0c66b;font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.swimlane-band{fill:#0816235c;stroke:#8aa7bc14}.swimlane-label{fill:var(--accent-strong);font-size:14px}.swimlane-count{fill:var(--muted);font-size:11px}.lane-line,.tick-line{stroke:#809bae26;stroke-width:1}.slot-divider{stroke:#809bae14;stroke-width:1}.tick-line{stroke-dasharray:4 8}.tick-label{fill:var(--muted);font-size:12px;text-anchor:middle}.slot-label-shell{fill:#07111cd1;stroke:#8ea6ba1f}.slot-label-shell.active{fill:#112b39e6;stroke:#96f0ef52}.slot-flow-label{fill:var(--muted);font-size:11px}.slot-flow-label.active{fill:var(--accent-strong)}.lineage-link{fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.92}.lineage-link.sequence{stroke-dasharray:5 5}.timeline-event{cursor:pointer}.timeline-event-hitbox{fill:#0000}.timeline-event-shell{fill:#0a1826f5;stroke:#89a6b92e;stroke-width:1.1;transition:fill .12s ease,stroke .12s ease}.timeline-event-icon{color:var(--accent)}.timeline-event:hover .timeline-event-shell,.timeline-event.hovered .timeline-event-shell{stroke:#96f0ef61}.timeline-event.active .timeline-event-shell{stroke:#96f0efd1;stroke-width:1.5}.timeline-event.medium .timeline-event-shell{fill:#342112f0;stroke:#ffb66e70}.timeline-event.high .timeline-event-shell{fill:#351212f2;stroke:#ff6d6d94}.timeline-event-label,.timeline-event-badge-label{font-family:IBM Plex Mono,monospace}.timeline-event-label{fill:var(--text);font-size:10.6px;font-weight:500}.timeline-event-badge{fill:#ffb66edb}.timeline-event-badge.high{fill:#ff6d6de6}.timeline-event-badge.medium{fill:#ffb66eeb}.timeline-event-badge-label{fill:#fff7f3;font-size:10px;font-weight:700;text-anchor:middle}.hypothesis-panel{min-height:0}.state-strip{display:grid;gap:12px;min-height:0;overflow:auto;position:relative;z-index:1}.state-row{display:grid;grid-template-columns:148px minmax(0,1fr);gap:12px;padding:12px;border-radius:22px;background:#060e1799;border:1px solid rgba(146,175,195,.08)}.state-row-meta{display:flex;flex-direction:column;gap:6px;justify-content:center}.state-track{display:flex;gap:10px;overflow:auto;padding-bottom:4px}.state-pill{min-width:220px;padding:12px 14px;background:#050c14db}.state-pill.alert{background:linear-gradient(180deg,#2f1414d1,#0f0a0de6)}.state-time{display:inline-block;margin-bottom:6px;font-size:.75rem;font-family:IBM Plex Mono,monospace}.state-pill small{display:block;margin-top:6px;font-size:.78rem}.right-panel{min-height:calc(100vh - 170px)}.accordion-stack{display:grid;gap:12px;position:relative;z-index:1}.severity-accordion{border:1px solid rgba(141,166,185,.12);border-radius:22px;background:#060d15ad}.severity-accordion.high{background:linear-gradient(180deg,#1e0b0e8f,#0e090cb8)}.accordion-trigger{width:100%;border:0;background:transparent;color:var(--text);padding:14px;display:flex;justify-content:space-between;align-items:center}.accordion-meta{display:flex;align-items:center;gap:10px}.accordion-caret{color:var(--accent-strong);font-size:1.2rem;line-height:1}.accordion-body{display:grid;gap:10px;padding:0 14px 14px}.contradiction-card{padding:13px 14px}.contradiction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--muted)}.detail-stack{margin-top:16px;display:grid;gap:12px;min-height:0;overflow:auto;position:relative;z-index:1}.detail-card,.suggestion-card{border-radius:22px;border:1px solid rgba(146,175,195,.12);background:#050d15c7}.detail-card{padding:16px}.detail-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.related-events,.suggestion-list{display:grid;gap:10px}.related-event,.suggestion-card{padding:12px 14px}.payload-block{margin:0;overflow:auto;padding:14px;border-radius:18px;background:#030a10eb;color:var(--accent-strong);font-size:.82rem;font-family:IBM Plex Mono,monospace}.empty-state{margin-top:16px;padding:18px;border-radius:22px;background:#060d15c2;position:relative;z-index:1}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.center-column,.right-panel{min-height:auto}.center-column{grid-template-rows:minmax(420px,auto) minmax(240px,auto)}.topbar{flex-direction:column;align-items:flex-start}.reel-layout{grid-template-columns:1fr}.ledger-list,.detail-stack,.state-strip{overflow:visible}}@media(max-width:780px){.app-shell{padding:14px}.scenario-button-grid{grid-template-columns:1fr}.hero-actions,.hero-chip-row{flex-direction:column;align-items:flex-start}.inline-fields,.state-row{grid-template-columns:1fr}.metrics{width:100%}.metric-card{flex:1 1 0}.graph-insights{justify-content:flex-start}}
