:root{--ink: #22212b;--body: #212121;--muted: #6b6b76;--line: #e3e1dc;--line-strong: #c9c6bf;--surface: #ffffff;--cream: #f2f0eb;--grey: #f4f4f4;--brand: #3694fd;--brand-strong: #0038ff;--brand-soft: #e8f2ff;--agent: #eaf3ff;--agent-line: #c6def9;--customer: #f6f4ef;--customer-line: #e0dbd0;--ok: #1c7a4b;--ok-soft: #e6f4ec;--warn: #8a5a00;--warn-soft: #fdf4e3;--err: #b42318;--err-soft: #fdecea;--radius: 12px;--pill: 999px;--shadow: 0 1px 2px rgba(34, 33, 43, .05), 0 12px 24px -18px rgba(34, 33, 43, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface);color:var(--body);font-family:Be Vietnam Pro,Segoe UI,system-ui,-apple-system,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--ink);font-weight:500;letter-spacing:-.03em;margin:0}h1{font-size:34px;line-height:1.15}h2{font-size:21px;letter-spacing:-.025em}h3{font-size:15px;font-weight:600;letter-spacing:-.01em}p{margin:0}a{color:var(--brand-strong);text-underline-offset:2px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar-inner{max-width:1180px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;gap:18px}.wordmark{font-weight:700;font-size:26px;letter-spacing:-.05em;color:var(--ink);line-height:1}.wordmark span{color:var(--brand)}.topbar-divider{width:1px;height:26px;background:var(--line-strong)}.topbar-title{font-size:15px;font-weight:500;color:var(--ink);letter-spacing:-.01em}.topbar-spacer{flex:1}.page{max-width:1180px;margin:0 auto;padding:34px 28px 90px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:26px}.hero p{color:var(--muted);max-width:62ch;margin-top:10px;font-weight:300;font-size:16px}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--pill);padding:5px 13px;font-size:12px;font-weight:600;letter-spacing:.01em;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);white-space:nowrap}.chip.mode-live{background:var(--ok-soft);border-color:#b3ddc5;color:var(--ok)}.chip.mode-mock{background:var(--brand-soft);border-color:#b9d8ff;color:var(--brand-strong)}.chip.ok{background:var(--ok-soft);border-color:#b3ddc5;color:var(--ok)}.chip.pending{background:var(--warn-soft);border-color:#ecd7a5;color:var(--warn)}.chip.err{background:var(--err-soft);border-color:#f2c2be;color:var(--err)}.chip.neutral{background:var(--grey)}.chip.agent{background:var(--agent);border-color:var(--agent-line);color:#12447e}.chip.customer{background:var(--customer);border-color:var(--customer-line);color:#5a4a2c}button{font:inherit}.btn{border:1px solid transparent;border-radius:var(--pill);padding:10px 22px;font-size:14px;font-weight:500;cursor:pointer;background:var(--brand);color:var(--ink);transition:filter .15s ease,background .15s ease;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn.ghost:hover:not(:disabled){border-color:var(--ink);background:var(--grey)}.btn.small{padding:7px 15px;font-size:13px}.btn.link{background:none;border:none;color:var(--brand-strong);padding:0;font-size:13px;text-decoration:underline;border-radius:0}input[type=text],input[type=number],select{font:inherit;padding:11px 15px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);outline:none}input[type=text]:focus,select:focus{border-color:var(--brand-strong);box-shadow:0 0 0 3px #0038ff1f}input::placeholder{color:#a4a2a0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card+.card{margin-top:20px}.card-cream{background:var(--cream);border-color:var(--line);box-shadow:none}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:12.5px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:12px 4px;margin-right:26px;font-size:15px;font-weight:500;color:var(--muted);cursor:pointer;letter-spacing:-.01em}.tab.active{color:var(--ink);border-bottom-color:var(--brand)}.lookup-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.lookup-row input[type=text]{flex:1;min-width:260px;font-size:16px;letter-spacing:.01em}.dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--radius);padding:34px 24px;text-align:center;background:var(--cream);cursor:pointer;transition:border-color .15s ease}.dropzone:hover,.dropzone.dragover{border-color:var(--brand-strong);background:var(--brand-soft)}.chain{display:flex;align-items:stretch;gap:0;flex-wrap:wrap;margin-top:4px}.chain-step{display:flex;align-items:center;gap:9px;padding:9px 16px 9px 14px;background:var(--grey);border:1px solid var(--line);border-right:none;font-size:12.5px;color:var(--ink)}.chain-step:first-child{border-radius:var(--pill) 0 0 var(--pill);padding-left:18px}.chain-step:last-child{border-right:1px solid var(--line);border-radius:0 var(--pill) var(--pill) 0;padding-right:20px}.chain-step.ok{background:var(--ok-soft);border-color:#cdeadb}.chain-step.pending{background:var(--warn-soft);border-color:#f0e2c3}.chain-step.error{background:var(--err-soft);border-color:#f6d3d0}.chain-step.skipped{color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);flex:none}.dot.ok{background:var(--ok)}.dot.pending{background:#d69b1f}.dot.error{background:var(--err)}.chain-detail{color:var(--muted)}.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:18px}.meta-cell{background:var(--surface);padding:12px 15px}.meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.meta-value{color:var(--ink);font-size:14px;margin-top:3px;word-break:break-word}.summary-box{background:var(--cream);border-left:3px solid var(--brand);border-radius:0 10px 10px 0;padding:16px 18px;margin-top:18px}.insight-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;align-items:center}.segment{margin-top:26px;border-top:1px solid var(--line);padding-top:22px}.segment:first-of-type{border-top:none}.segment-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.transcript{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.turn{display:grid;grid-template-columns:74px 96px 1fr 58px;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line);align-items:start}.turn:last-child{border-bottom:none}.turn.agent{background:var(--agent)}.turn.customer{background:var(--customer)}.turn.other{background:var(--surface)}.turn-time{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;padding-top:2px}.turn-speaker{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);padding-top:2px}.turn-text{color:var(--body)}.turn-conf{font-size:11.5px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;padding-top:3px}.turn.low-conf .turn-conf{color:var(--warn);font-weight:600}.notice{border-radius:10px;padding:14px 16px;font-size:13.5px;line-height:1.55;margin-top:18px;border:1px solid}.notice.info{background:var(--brand-soft);border-color:#c5dcfb;color:#12447e}.notice.warn{background:var(--warn-soft);border-color:#ecd7a5;color:var(--warn)}.notice.err{background:var(--err-soft);border-color:#f2c2be;color:var(--err)}.notice strong{font-weight:600}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--cream)}tbody tr.selected{background:var(--brand-soft)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:16px}.progress{height:8px;border-radius:var(--pill);background:var(--grey);overflow:hidden;margin:14px 0 6px}.progress-fill{height:100%;background:var(--brand);transition:width .4s ease}.stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.stat{flex:1 1 120px;border:1px solid var(--line);border-radius:10px;padding:12px 15px;background:var(--cream)}.stat-num{font-size:24px;font-weight:600;color:var(--ink);letter-spacing:-.03em;line-height:1.2}.stat-label{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}footer{border-top:1px solid var(--line);margin-top:56px;padding-top:22px;color:var(--muted);font-size:12.5px;line-height:1.6}footer code{background:var(--grey);padding:1px 5px;border-radius:4px}.spinner{width:14px;height:14px;border:2px solid rgba(34,33,43,.18);border-top-color:var(--ink);border-radius:50%;display:inline-block;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.turn{grid-template-columns:58px 1fr;row-gap:4px}.turn-speaker,.turn-text{grid-column:2}.turn-conf{grid-column:2;text-align:left}h1{font-size:27px}}