.transcript-demo{--ink:#eff5f5;--muted:#acc1c9;--line:#365465;--accent:#e79aa7;position:relative;isolation:isolate;overflow:hidden;background:#102a3a;border:1px solid #365465;border-radius:13px;color:var(--ink);box-shadow:0 25px 65px #132b3d1f;font-size:var(--demo-label-size)}.transcript-demo p{color:inherit;margin:0}.td-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 28px;border-bottom:1px solid var(--line)}.td-title{display:flex;align-items:baseline;gap:16px;color:var(--muted);font-size:var(--demo-label-size)}.td-title strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.04em;font-size:var(--demo-label-size);color:var(--ink)}.td-title time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.td-controls{flex-wrap:wrap;justify-content:space-between;gap:14px;padding:18px 28px;border-bottom:1px solid var(--line)}.td-controls,.td-search{display:flex;align-items:center}.td-search{gap:10px;flex:1 1 260px;max-width:420px;min-height:44px;padding:0 16px;background:#0b2635;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.td-search .icon{width:16px;height:16px}.td-search input{flex:1 1;min-width:0;background:transparent;border:0;color:var(--ink);font-size:var(--demo-label-size)}.td-search input::placeholder{color:#7f97a1}.td-search input:focus-visible{outline:0}.td-search:focus-within{border-color:var(--muted)}.td-chips{display:flex;gap:8px}.td-chips button{min-width:44px;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:var(--demo-meta-size);min-height:44px;padding:7px 14px}.td-chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#0b2635;font-weight:500}.td-body{display:grid;grid-template-columns:minmax(0,1fr) 230px}.td-main{min-width:0;border-right:1px solid var(--line)}.td-lines-stack{display:grid}.td-lines{grid-area:1/1;list-style:none;margin:0;padding:8px 0;position:relative;max-height:440px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#365465 transparent}.td-lines[data-active=false]{visibility:hidden;overflow:hidden;pointer-events:none}.td-lines li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px 28px 12px 25px;border-left:3px solid transparent;transition:background .2s,border-color .2s}.td-lines li[aria-current]{background:#173446;border-left-color:var(--accent)}.td-lines li time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--demo-meta-size);color:var(--muted);padding-top:3px}.td-lines li[aria-current] time{color:var(--accent)}.td-lines li strong{display:block;font-size:var(--demo-meta-size);letter-spacing:.02em;color:var(--muted);margin-bottom:3px}.td-lines li p{font-size:var(--demo-copy-size);line-height:1.6}.td-lines li[data-speaker=Caller] p{color:#d5e2e6}.td-lines mark{background:#e79aa759;color:var(--ink);border-radius:2px;padding:0 1px}.td-conf{display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding-top:2px}.td-conf b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--demo-meta-size);color:var(--muted)}.td-conf.low b{color:var(--accent)}.td-dots{display:flex;gap:3px}.td-dots i{width:5px;height:5px;border-radius:50%;background:#365465}.td-dots i.on{background:var(--muted)}.td-conf.low .td-dots i.on{background:var(--accent)}.td-note-slot{min-height:122px;padding:0 28px 20px;border-top:1px solid var(--line)}.td-note{display:flex;gap:13px;align-items:flex-start;margin-top:18px;padding:16px 20px;background:#342f3c;border-left:2px solid #df7e90;border-radius:0 8px 8px 0;visibility:hidden}.td-note[data-visible=true]{visibility:visible;animation:td-in .3s var(--ease)}.td-note .icon{width:18px;height:18px;color:#df7e90;margin-top:2px}.td-note strong{font-size:var(--demo-label-size)}.td-note p{font-size:var(--demo-copy-size);line-height:1.6;color:#dfd3d6;margin-top:3px}@keyframes td-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.td-moments{padding:22px 24px}.td-moments>p{font-size:var(--demo-meta-size);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.td-moments button{display:flex;min-height:44px;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--ink);font-size:var(--demo-label-size);padding:11px 12px;margin-bottom:4px}.td-moments button:hover{background:#173446}.td-moments button[aria-pressed=true]{background:#173446;border-color:var(--line)}.td-moments button[aria-pressed=true] time{color:var(--accent)}.td-moments time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.td-caption,.td-moments time{font-size:var(--demo-meta-size);color:var(--muted)}.td-caption{padding:12px 28px;border-top:1px solid var(--line)}@media (max-width:800px){.td-body{display:flex;flex-direction:column}.td-main{border-right:0}.td-moments{order:-1;display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;border-bottom:1px solid var(--line)}.td-moments>p{width:100%;margin-bottom:4px}.td-moments button{width:auto;border-color:var(--line);padding:8px 12px;margin:0;font-size:var(--demo-meta-size)}.td-lines{max-height:400px}.td-lines li{padding:12px 20px 12px 17px;gap:12px;grid-template-columns:40px minmax(0,1fr) auto}.td-caption,.td-controls,.td-note-slot,.td-toolbar{padding-inline:20px}}@media (max-width:600px){.td-controls,.td-toolbar{padding:14px 16px}.td-title{gap:10px;font-size:var(--demo-meta-size);flex-wrap:wrap}.td-search{flex-basis:100%;max-width:none;min-height:44px}.td-chips button{padding:6px 12px}.td-lines li{grid-template-columns:36px minmax(0,1fr);padding:12px 16px 12px 13px;gap:4px 10px}.td-lines li p{font-size:var(--demo-copy-size)}.td-conf{grid-column:2;flex-direction:row;align-items:center;gap:8px;padding-top:0}.td-caption,.td-moments,.td-note-slot{padding-inline:16px}.td-note{padding:14px}.td-note-slot{min-height:140px}}@media (max-width:359px){.td-note-slot{min-height:160px}}