.signin{--spine:44px;position:relative}.signin-rail{padding-left:calc(var(--spine) + 18px);position:relative}.signin-rail:before{content:"";left:var(--spine);background:var(--rail);width:1px;position:absolute;top:6px;bottom:6px}.signin-turn{margin-bottom:1.5rem;position:relative}.signin-time{left:calc(-1 * (var(--spine) + 18px));width:var(--spine);text-align:right;position:absolute;top:3px}.signin-bubble{border-radius:0 var(--radius-control) var(--radius-control) 0;max-width:56ch;padding:.5rem .75rem}.signin-turn.caller .signin-bubble{border-left:2px solid var(--lane-caller);background:linear-gradient(90deg, color-mix(in srgb, var(--lane-caller) 10%, transparent), transparent 42%)}.signin-turn.agent .signin-bubble{border-left:2px solid var(--lane-agent);background:linear-gradient(90deg, color-mix(in srgb, var(--lane-agent) 10%, transparent), transparent 42%)}.signin-speaker{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.signin-turn.caller .signin-speaker{color:var(--lane-caller)}.signin-turn.agent .signin-speaker{color:var(--lane-agent)}.signin-cite{border:1px solid color-mix(in srgb, var(--cite) 35%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--cite) 8%, transparent);color:var(--cite);font-family:var(--font-mono);letter-spacing:-.01em;align-items:center;gap:.375rem;padding:.125rem .4rem;font-size:11px;display:inline-flex}.signin-cite-dot{background:var(--cite);border-radius:50%;width:5px;height:5px}.signin-act{position:relative}.signin-act:before{content:"";background:var(--rail-tick);width:9px;height:1px;position:absolute;top:14px;left:-18px}@keyframes signin-turn-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@layer base{.signin-enter{animation:.38s ease-out both signin-turn-in;animation-delay:var(--enter-delay,0s)}}