.ck{--ck-bg: var(--sl-color-bg-sidebar);--ck-border: var(--sl-color-hairline);--ck-accent: var(--sl-color-accent);--ck-text: var(--sl-color-text);--ck-muted: var(--sl-color-gray-3);--ck-green: #22c55e;--ck-amber: #f59e0b;--ck-red: #ef4444;--ck-blue: #60a5fa;--ck-purple: #a78bfa;--ck-pink: #ec4899;margin:1.5rem 0}.ck *{margin-top:0!important}.ck-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--ck-bg);border:1px solid var(--ck-border);border-radius:8px;margin-bottom:.6rem;flex-wrap:wrap}.ck-play{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ck-accent);background:transparent;color:var(--ck-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem}.ck-play:hover{background:color-mix(in srgb,var(--ck-accent) 12%,transparent)}.ck-step-btn{padding:.2rem .5rem;border-radius:4px;border:1px solid var(--ck-border);background:transparent;color:var(--ck-text);font-size:.65rem;cursor:pointer;font-weight:600}.ck-step-btn:hover{border-color:var(--ck-accent)}.ck-reset-btn{padding:.2rem .5rem;border-radius:4px;border:1px solid var(--ck-border);background:transparent;color:var(--ck-muted);font-size:.65rem;cursor:pointer}.ck-reset-btn:hover{border-color:var(--ck-accent);color:var(--ck-text)}.ck-step-info{font-size:.7rem;color:var(--ck-muted);margin-left:auto;font-family:var(--sl-font-mono, monospace)}.ck-tabs{display:flex;gap:.25rem;margin-bottom:.6rem}.ck-tab{padding:.3rem .65rem;border-radius:5px;border:1px solid var(--ck-border);background:transparent;color:var(--ck-text);font-size:.65rem;cursor:pointer;font-weight:500}.ck-tab:hover{border-color:var(--ck-accent)}.ck-tab.active{border-color:var(--ck-accent);background:var(--ck-accent);color:#fff}.ck-timeline{display:flex;gap:6px;margin-bottom:.5rem;padding:2.8rem .6rem .6rem;background:var(--ck-bg);border:1px solid var(--ck-border);border-radius:8px;overflow-x:auto;overflow-y:visible;align-items:flex-start;position:relative;min-height:100px}.ck-batch{display:flex;flex-direction:column;align-items:center;min-width:56px;padding:.35rem .3rem;border:1.5px solid var(--ck-border);border-radius:6px;transition:border-color .4s,background .4s,transform .3s,box-shadow .3s;position:relative}.ck-batch.queued{border-color:var(--ck-muted);background:color-mix(in srgb,var(--ck-muted) 5%,transparent)}.ck-batch.in-flight{border-color:var(--ck-blue);background:color-mix(in srgb,var(--ck-blue) 8%,transparent)}.ck-batch.pending-ack{border-color:var(--ck-amber);background:color-mix(in srgb,var(--ck-amber) 10%,transparent)}.ck-batch.committed{border-color:var(--ck-green);background:color-mix(in srgb,var(--ck-green) 10%,transparent)}.ck-batch.rejected{border-color:var(--ck-red);background:color-mix(in srgb,var(--ck-red) 8%,transparent)}.ck-batch-progress{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 4px 4px;overflow:hidden;background:transparent}.ck-batch-progress-fill{position:absolute;inset:0;background:var(--ck-blue);transform-origin:left;opacity:0}.ck-batch.in-flight .ck-batch-progress-fill{opacity:1;animation:ck-shimmer 2s ease-in-out infinite}@keyframes ck-shimmer{0%{transform:scaleX(.1);translate:0% 0}50%{transform:scaleX(.4);translate:60% 0}to{transform:scaleX(.1);translate:100% 0}}.ck-batch.stalling{animation:ck-stall-pulse 1.5s ease-in-out infinite}@keyframes ck-stall-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 10px color-mix(in srgb,var(--ck-amber) 50%,transparent)}}.ck-batch.target{transform:scale(1.06);box-shadow:0 0 12px color-mix(in srgb,var(--ck-accent) 35%,transparent)}.ck-batch-id{font-family:var(--sl-font-mono, monospace);font-size:.72rem;font-weight:700;margin-bottom:.15rem}.ck-batch-state{font-size:.48rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.08rem .25rem;border-radius:3px}.ck-batch-state.queued{background:color-mix(in srgb,var(--ck-muted) 15%,transparent);color:var(--ck-muted)}.ck-batch-state.in-flight{background:color-mix(in srgb,var(--ck-blue) 20%,transparent);color:var(--ck-blue)}.ck-batch-state.pending-ack{background:color-mix(in srgb,var(--ck-amber) 20%,transparent);color:var(--ck-amber)}.ck-batch-state.committed{background:color-mix(in srgb,var(--ck-green) 20%,transparent);color:var(--ck-green)}.ck-batch-state.rejected{background:color-mix(in srgb,var(--ck-red) 20%,transparent);color:var(--ck-red)}.ck-batch-cp{font-size:.45rem;color:var(--ck-muted);margin-top:.1rem;font-family:var(--sl-font-mono, monospace)}.ck-callout{position:absolute;top:.4rem;left:0;right:0;padding:.35rem .55rem;border-radius:6px;font-size:.65rem;font-weight:500;line-height:1.4;z-index:10;pointer-events:none;animation:ck-callout-in .35s ease-out forwards;box-shadow:0 2px 10px #0000001f}.ck-callout:after{content:"";position:absolute;top:100%;left:var(--arrow-left, 50%);transform:translate(-50%);border:6px solid transparent}.ck-callout.info{background:var(--ck-blue);color:#fff;border:1px solid var(--ck-blue)}.ck-callout.info:after{border-top-color:var(--ck-blue)}.ck-callout.warn{background:var(--ck-amber);color:#1a1a2e;border:1px solid var(--ck-amber)}.ck-callout.warn:after{border-top-color:var(--ck-amber)}.ck-callout.success{background:var(--ck-green);color:#fff;border:1px solid var(--ck-green)}.ck-callout.success:after{border-top-color:var(--ck-green)}.ck-callout.danger{background:var(--ck-red);color:#fff;border:1px solid var(--ck-red)}.ck-callout.danger:after{border-top-color:var(--ck-red)}@keyframes ck-callout-in{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}.ck-cp-row{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;margin-bottom:.5rem}.ck-cp-label{font-size:.65rem;font-weight:700;color:var(--ck-green);white-space:nowrap}.ck-cp-bar{flex:1;height:6px;background:var(--ck-border);border-radius:3px;position:relative;overflow:visible}.ck-cp-fill{height:100%;background:var(--ck-green);border-radius:3px;transition:width .5s ease}.ck-cp-marker{position:absolute;top:-5px;width:16px;height:16px;background:var(--ck-green);border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0000004d;transition:left .5s ease;display:flex;align-items:center;justify-content:center;font-size:.4rem;font-weight:700;color:#fff}.ck-cp-marker.advancing{animation:ck-cp-pop .5s ease-out}@keyframes ck-cp-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}.ck-cp-val{font-family:var(--sl-font-mono, monospace);font-size:.7rem;font-weight:700;color:var(--ck-green);min-width:50px}.ck-legend{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.6rem;padding:.3rem 0}.ck-legend-item{display:flex;align-items:center;gap:.25rem}.ck-legend-dot{width:10px;height:10px;border-radius:2px;border:1.5px solid}.ck-dot-queued{border-color:var(--ck-muted);background:color-mix(in srgb,var(--ck-muted) 15%,transparent)}.ck-dot-flight{border-color:var(--ck-blue);background:color-mix(in srgb,var(--ck-blue) 20%,transparent)}.ck-dot-pending{border-color:var(--ck-amber);background:color-mix(in srgb,var(--ck-amber) 20%,transparent)}.ck-dot-committed{border-color:var(--ck-green);background:color-mix(in srgb,var(--ck-green) 20%,transparent)}.ck-dot-rejected{border-color:var(--ck-red);background:color-mix(in srgb,var(--ck-red) 20%,transparent)}.ck-tla{display:flex;align-items:flex-start;gap:.5rem;padding:.45rem .65rem;border-radius:6px;border:1px solid var(--ck-purple);background:color-mix(in srgb,var(--ck-purple) 5%,var(--ck-bg));font-size:.65rem;line-height:1.5;margin-top:.4rem}.ck-tla-icon{font-size:.9rem;min-width:1.2em;text-align:center}.ck-tla code{font-family:var(--sl-font-mono, monospace);font-size:.6rem;background:color-mix(in srgb,var(--ck-purple) 12%,transparent);padding:.05rem .3rem;border-radius:3px}