.os-record{gap:var(--s-3);min-width:0;display:grid;container:os-record/inline-size}.os-record__video{border-radius:var(--au-r-object);background:var(--os-ground);width:100%;max-height:18rem;display:block}.os-record__bar{align-items:center;gap:var(--s-2);min-height:var(--control-sm,1.75rem);display:flex}.os-record__play{border-radius:var(--r-pill)}.os-record__time{color:var(--os-ink);font-size:var(--t-sm);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.os-record__time span:not(.os-record__dot){color:var(--ink-3)}.os-record__dot{border-radius:var(--r-pill);background:var(--os-ink);width:7px;height:7px;animation:os-motion-glow var(--motion-alive) var(--motion-ease-alive) infinite}.os-record[data-agent] .os-record__dot{background:var(--os-success)}.os-record__timeline{--who:7.5rem;--ruler:1.375rem;border-block-end:var(--os-rule-w) solid var(--os-rule);padding-block-end:var(--s-2);display:grid;position:relative}.os-record__ruler{height:var(--ruler);border-block-end:var(--os-rule-w) solid var(--os-rule-ink);margin-inline-start:var(--who);position:relative}.os-record__ruler>span{border-inline-start:1px solid var(--os-ink);opacity:.45;height:4px;position:absolute;bottom:0}.os-record__ruler>span[data-major]{opacity:1;height:100%;color:var(--ink-3);font-size:var(--t-xs);font-variant-numeric:tabular-nums;border-inline-start-color:color-mix(in srgb, var(--os-ink) 40%, transparent);padding-inline-start:4px;line-height:1}.os-record__ruler>span[data-major][data-end]{border-inline-start:0;border-inline-end:1px solid color-mix(in srgb, var(--os-ink) 40%, transparent);padding-inline:0 4px;transform:translate(-100%)}.os-record__lane{grid-template-columns:var(--who) minmax(0, 1fr);align-items:center;height:1.5rem;display:grid}.os-record__who{min-width:0;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-size:var(--t-sm);padding-inline-end:var(--s-2);overflow:hidden}.os-record__track{cursor:pointer;background:linear-gradient(var(--os-rule), var(--os-rule)) center / 100% 1px no-repeat;height:100%;position:relative}.os-record__span{background:color-mix(in srgb, var(--os-ink) 42%, var(--os-paper));cursor:pointer;min-width:2px;height:36%;transition:background var(--motion-state) var(--motion-ease), transform var(--motion-state) var(--motion-ease);border:0;border-radius:1px;padding:0;position:absolute;top:32%}.os-record__span:hover,.os-record__span:focus-visible{background:var(--os-ink)}.os-record__span:focus-visible{outline:var(--os-focus-w) solid var(--os-focus-ring);outline-offset:1px}.os-record__span[data-current]{background:var(--os-ink);transform:scaleY(1.6)}.os-record__rail{inset-block:calc(var(--ruler) - 4px) var(--s-2);inset-inline:var(--who) 0;pointer-events:none;position:absolute}.os-record__head{background:var(--os-ink);width:1px;position:absolute;top:0;bottom:0}.os-record__head:before{content:"";border-inline:4px solid #0000;border-block-start:5px solid var(--os-ink);position:absolute;top:-1px;left:-3.5px}.os-record__edge{background:var(--os-ink);width:2px;animation:os-motion-glow var(--motion-alive) var(--motion-ease-alive) infinite;position:absolute;top:0;bottom:0;right:0}.os-record[data-agent] .os-record__edge{background:var(--os-success)}.os-record__transcript{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(64vh,44rem);margin:0;padding:0;list-style:none;overflow-y:auto}.os-record__turn{gap:var(--s-3);padding-block:var(--s-3);border-block-end:var(--os-rule-w) solid var(--os-rule-soft);animation:os-motion-fade var(--motion-enter) var(--motion-ease) both;grid-template-columns:3.5rem minmax(0,1fr);display:grid}.os-record__at{color:var(--ink-3);font:inherit;font-size:var(--t-xs);font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;background:0 0;border:0;align-self:start;padding:.2rem 0 0}.os-record__at:hover,.os-record__at:focus-visible{color:var(--os-ink);text-decoration:underline}.os-record__speaker{color:var(--os-ink);font-size:var(--t-sm);font-weight:var(--w-medium);margin:0 0 .15rem}.os-record__line{color:var(--os-ink);font-size:var(--t-base);line-height:var(--lh-copy);text-wrap:pretty;cursor:pointer;transition:background var(--motion-state) var(--motion-ease);border-radius:2px;margin:0 0 0 -6px;padding:1px 6px}.os-record__line:hover{background:var(--os-ground)}.os-record__line[data-current]{background:var(--os-accent-soft);box-shadow:inset 2px 0 0 var(--os-ink)}.os-record__line[data-current] .os-record__word{color:var(--ink-3)}.os-record__line[data-current] .os-record__word[data-said]{color:var(--os-ink)}.os-record__word[data-now]{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.os-record__word:hover{text-decoration:underline;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3);text-underline-offset:3px}.os-record__empty{color:var(--ink-3);font-size:var(--t-base);margin:0}@container os-record not (min-width:32rem){.os-record__timeline{--who:5rem}.os-record__ruler>span[data-major][data-minor]{opacity:.45;border-inline-start:1px solid var(--os-ink);border-inline-end:0;height:4px;padding:0;font-size:0;transform:none}}@media (prefers-reduced-motion:reduce){.os-record__dot,.os-record__edge,.os-record__turn{animation:none}}