.replay-scrim{z-index:60;background:rgba(var(--scrim-rgb), .6);padding:20px;display:flex;position:fixed;inset:0}.replay-dialog{flex:1;gap:16px;min-width:0;display:flex}.replay-timeline{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-elevated);flex-direction:column;flex:0 0 240px;gap:8px;padding:12px;display:flex;overflow:auto}.replay-timeline-head{justify-content:space-between;align-items:center;display:flex}.replay-timeline-head>span{font-size:var(--fs-sm);font-weight:600}.replay-turn{border-radius:var(--r-sm);border:1px solid var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--m-fast) var(--ease-out), border-color var(--m-fast) var(--ease-out);background:0 0;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.replay-turn:hover{border-color:var(--line-strong);background:var(--surface-elevated-2)}.replay-turn.is-active{border-color:var(--presence);background:var(--surface-elevated)}.replay-turn-title{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay-turn.is-active .replay-turn-title{font-weight:600}.replay-turn-meta{font-size:var(--fs-xs);color:var(--text-muted)}.replay-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.replay-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.replay-bar .replay-bar-title{font-size:var(--fs-sm);margin-right:auto}.replay-bar .entry-action{font-size:var(--fs-sm)}.replay-main .replay-canvas{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-elevated);flex:1;padding:16px;overflow:auto}@media (width<=640px){.replay-scrim{padding:12px}.replay-dialog{flex-direction:column;gap:12px}.replay-timeline{flex:0 auto;max-height:30dvh}.replay-main .replay-canvas{padding:12px}}