.replay-host,.bug-evidence{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.bug-replay{--background:#fff;--foreground:#0b0b0f;--card:#fff;--primary:#0a84ff;--muted:#f2f2f7;--muted-foreground:#3c3c4399;--destructive:#ff3b30;--border:#3c3c4338;--ring:#0a84ff;--success:#34c759;--warning:#ff9f0a;--tertiary-foreground:#3c3c4354}.bug-prose{color:#4b5563;overflow-wrap:anywhere;font-size:15px;line-height:1.7}.bug-prose>*+*{margin-top:10px}.bug-prose strong{color:#111827;font-weight:600}.bug-prose em{color:#6b7280}.bug-prose a{color:#f02d5e;font-weight:500}.bug-prose a:hover{opacity:.8}.bug-prose code{color:#111827;background:#f3f4f6;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.bug-prose pre{color:#e5e7eb;background:#111827;border-radius:10px;padding:14px 16px;font-size:12px;line-height:1.55;overflow-x:auto}.bug-prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.bug-prose ul{padding-left:1.25em;list-style:outside}.bug-prose ol{padding-left:1.25em;list-style:decimal}.bug-prose h3{color:#111827;font-weight:600}.bug-stepper{flex-direction:column;display:flex}.bug-step{gap:14px;display:flex}.bug-step-rail{flex-direction:column;align-items:center;display:flex}.bug-step-badge{color:#111827;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.bug-step-line{background:#e5e7eb;flex:1;width:1px;margin:4px 0}.bug-step-main{flex:1;min-width:0;padding:3px 0 28px}.bug-step-title{color:#111827;font-variant-numeric:tabular-nums;margin-bottom:6px;font-weight:600}.bug-step-media{align-items:flex-start;gap:16px;display:flex}@media (max-width:560px){.bug-step-media{flex-direction:column;gap:8px}}.bug-thumb{border-radius:10px;outline:none;flex:none;display:inline-block;position:relative}.bug-thumb-frame{aspect-ratio:16/10;cursor:zoom-in;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;width:168px;transition:border-color .15s,box-shadow .15s;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0f}.bug-thumb:hover .bug-thumb-frame,.bug-thumb:focus-visible .bug-thumb-frame{border-color:#18181b;box-shadow:0 0 0 2px #e5e7eb}.bug-thumb-card{z-index:60;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(720px,100vw - 32px);padding:10px;transition:opacity .14s,transform .14s,visibility .14s;display:block;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden;transform:translateY(-4px);box-shadow:0 18px 48px #0f172a38,0 2px 8px #0f172a1a}.bug-thumb-card img{border-radius:8px;width:100%;height:auto;display:block}.bug-thumb-badge{color:#f4f4f5;font-variant-numeric:tabular-nums;background:#27272ac7;border-radius:6px;padding:2px 7px;font:500 14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:18px;right:18px}.bug-thumb:hover .bug-thumb-card,.bug-thumb:focus-visible .bug-thumb-card{opacity:1;visibility:visible;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bug-thumb-card{transition:none}}.bug-evidence{background:#fff;border:1px solid #e5e7eb;border-radius:12px}.bug-evidence>summary{color:#111827;cursor:pointer;padding:12px 16px;font-size:15px;font-weight:500}.bug-evidence-body{flex-direction:column;gap:10px;padding:0 16px 14px;display:flex}.bug-evidence-probe{color:#18181b;white-space:pre-wrap;overflow-wrap:anywhere;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;max-height:420px;margin:0;padding:12px 14px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.bug-modal{color:#4b5563;overscroll-behavior:contain;background:#fff;border:0;border-radius:16px;width:min(880px,100vw - 32px);max-height:calc(100vh - 48px);margin:auto;padding:0;overflow-y:auto;box-shadow:0 24px 64px #1118274d}.bug-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1118278c}html:has(.bug-modal[open]){overflow:hidden}