:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f3f4f6;--text: #111827;--muted: #6b7280;--surface: #ffffff;--surface-2: #f9fafb;--border: #d1d5db;--border-strong: #94a3b8;--accent: #2563eb;--accent-soft: #dbeafe;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 6px 18px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06)}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text)}*{box-sizing:border-box}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@keyframes replayStripeMove{0%{background-position:0 0}to{background-position:48px 0}}.replayBarTrack{height:12px;border-radius:999px;background:#cbd5e1;border:1px solid var(--border);overflow:hidden}.replayBarTrackStrong{border-color:var(--border-strong);box-shadow:inset 0 0 0 1px #ffffff59}.replayBarFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#1d4ed8,#0ea5e9)}.replayBarFillRunning{background-image:repeating-linear-gradient(45deg,#ffffff2e 0px 10px,#ffffff05 10px 20px);background-size:48px 48px;animation:replayStripeMove 1.1s linear infinite}.replayCursorDot{position:absolute;top:50%;width:12px;height:12px;border-radius:999px;transform:translate(-50%,-50%);background:#111827;box-shadow:0 0 0 2px #ffffffe6,0 2px 8px #00000040}