:root{--bg: #0b0e11;--bg-panel: #12161b;--bg-panel-2: #171d24;--border: #232b34;--text: #dbe4ec;--text-dim: #8a97a5;--accent: #4fd1c5;--accent-dim: #2a7a73;--warn: #f6c343;--fail: #f26d6d;--pass: #5bd98a;--mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}#root{max-width:1060px;margin:0 auto;padding:20px 16px 64px}h1,h2,h3{font-weight:600;letter-spacing:.01em}.app-header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:20px}.app-header h1{font-size:20px;margin:0}.app-header .tagline{color:var(--text-dim);font-size:13px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}.panel h2{margin:0 0 4px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.panel .panel-sub{color:var(--text-dim);font-size:12.5px;margin:0 0 12px}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.context-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.context-btn{background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer}.context-btn.active{border-color:var(--accent);color:var(--accent)}.context-btn:disabled{opacity:.4;cursor:default}.btn{border:1px solid var(--border);border-radius:8px;background:var(--bg-panel-2);color:var(--text);padding:10px 18px;font-size:14px;cursor:pointer;margin-right:8px}.btn.primary{background:var(--accent-dim);border-color:var(--accent);color:#eafffb}.btn.danger{border-color:var(--fail);color:var(--fail)}.btn:disabled{opacity:.4;cursor:default}.status-line{font-family:var(--mono);font-size:13px;color:var(--text-dim);margin-top:12px;white-space:pre-wrap}.status-line .live{color:var(--accent)}.pill{display:inline-block;font-family:var(--mono);font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--border);margin-right:6px}.pill.pass{color:var(--pass);border-color:var(--pass)}.pill.fail{color:var(--fail);border-color:var(--fail)}.pill.warn{color:var(--warn);border-color:var(--warn)}.pill.neutral{color:var(--text-dim)}table.metrics{width:100%;border-collapse:collapse;font-size:13.5px}table.metrics td{padding:6px 8px;border-bottom:1px solid var(--border)}table.metrics td:first-child{color:var(--text-dim);width:55%}table.metrics td:last-child{font-family:var(--mono);text-align:right}.event-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--border);font-size:13.5px}.event-row .event-type{font-family:var(--mono);color:var(--accent);min-width:130px}.event-row .event-time{font-family:var(--mono);color:var(--text-dim)}.event-row .event-conf{margin-left:auto;font-family:var(--mono)}.pattern-card{background:var(--bg-panel-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:12px 14px;margin-bottom:10px}.pattern-card .pattern-name{font-weight:600;margin-bottom:2px}.pattern-card .pattern-meta{font-family:var(--mono);font-size:12px;color:var(--text-dim);margin-bottom:6px}.pattern-card .pattern-summary{font-size:13.5px}.pattern-card .pattern-rec{font-size:12.5px;color:var(--warn);margin-top:6px}.pattern-card .pattern-evidence{font-size:12px;color:var(--text-dim);margin-top:6px}canvas.spectrogram{width:100%;height:220px;display:block;background:#07090c;border:1px solid var(--border);border-radius:8px}.pet-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.pet-form label{display:flex;flex-direction:column;font-size:12px;color:var(--text-dim);gap:4px}.pet-form input,.pet-form select{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:7px 9px;font-size:13.5px}.note{font-size:12.5px;color:var(--text-dim);border:1px dashed var(--border);border-radius:8px;padding:10px 12px;margin-top:10px}.note.warn{color:var(--warn);border-color:var(--warn)}.error-text{color:var(--fail);font-size:13px;margin-top:10px}a.download-link{color:var(--accent);font-family:var(--mono);font-size:13px}.footer-note{color:var(--text-dim);font-size:12px;margin-top:24px;border-top:1px solid var(--border);padding-top:12px}.live-scope{margin-top:14px}.scope-label{font-size:12px;color:var(--text-dim);margin:8px 0 4px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.scope-canvas{width:100%;height:90px;display:block;background:#07090c;border:1px solid var(--border);border-radius:8px}.preroll-indicator{color:var(--accent);font-family:var(--mono);font-size:11.5px;animation:pulse-dot 1.6s ease-in-out infinite}.recording-indicator{color:var(--fail);font-family:var(--mono);font-size:11.5px;animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.synthetic-banner{margin:0 0 16px;font-size:13px}.stage-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.stage-item{display:flex;gap:10px;align-items:flex-start;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;opacity:.45;transition:opacity .25s,border-color .25s}.stage-item .stage-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--border);flex-shrink:0}.stage-item.active{opacity:1;border-color:var(--accent)}.stage-item.active .stage-dot{background:var(--accent);animation:pulse-dot 1s ease-in-out infinite}.stage-item.done{opacity:.9}.stage-item.done .stage-dot{background:var(--pass)}.stage-title{font-size:13px;font-weight:600}.stage-sub{font-size:11.5px;color:var(--text-dim)}.curves-canvas{width:100%;height:240px;display:block;background:#07090c;border:1px solid var(--border);border-radius:8px}.curve-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}.curve-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.curve-swatch{width:14px;height:3px;border-radius:2px;display:inline-block}.why-card{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:10px}.why-header{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:8px}.why-header .event-type{font-family:var(--mono);color:var(--accent);font-size:14px}.why-header .event-time{font-family:var(--mono);color:var(--text-dim);font-size:12px}.why-header .event-conf{margin-left:auto;font-family:var(--mono);font-size:12px}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-family:var(--mono);font-size:11.5px}.chip .chip-label{color:var(--text-dim);margin-right:6px}.why-decisions{font-size:12.5px;color:var(--text);border-left:2px solid var(--accent-dim);padding-left:10px;margin-bottom:10px;font-family:var(--mono);line-height:1.7}.score-bars{display:flex;flex-direction:column;gap:4px}.score-bar-row{display:flex;align-items:center;gap:8px;font-size:11.5px;font-family:var(--mono)}.score-bar-label{width:120px;color:var(--text-dim);text-align:right}.score-bar-track{flex:1;height:8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;overflow:hidden}.score-bar-fill{height:100%}.score-bar-fill.winner{background:var(--accent)}.score-bar-fill.runner-up{background:var(--accent-dim)}.score-bar-value{width:44px;color:var(--text-dim)}.arith{font-family:var(--mono);font-size:12.5px;margin-bottom:10px}.arith-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed var(--border)}.arith-row.total{border-bottom:none;color:var(--accent);font-weight:600}.arith-val{white-space:nowrap}.trace-held{color:var(--pass)}.trace-failed{color:var(--fail)}.near-misses{margin-top:12px}.near-misses summary{cursor:pointer;font-size:12.5px;color:var(--text-dim);margin-bottom:10px}.pattern-card.near-miss{border-left-color:var(--border);opacity:.85}.hybrid-block{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.hybrid-title{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.hybrid-reason{margin-top:8px;font-size:13px;color:var(--text-dim)}.pill.pill-agree{color:var(--pass);border-color:var(--pass)}.pill.pill-disagree{color:var(--warn);border-color:var(--warn)}.pill.pill-gate-classified{color:var(--pass);border-color:var(--pass)}.pill.pill-gate-uncertain{color:var(--warn);border-color:var(--warn)}.pill.pill-gate-unclassifiable{color:var(--text-dim)}