.bc-card,.bc-card *,.bc-card *:before,.bc-card *:after{box-sizing:border-box}.bc-card{position:relative;inline-size:100%;max-inline-size:680px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-primary);font-family:var(--font-mono);overflow:hidden;animation:bc-in var(--dur-slow) var(--ease-out)}@keyframes bc-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.bc-card.is-running{box-shadow:var(--shadow-1)}.bc-sr{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bc-chrome{display:flex;align-items:center;gap:10px;min-block-size:42px;padding:7px 12px;border-block-end:1px solid var(--border);background:var(--surface-2)}.bc-dots{display:inline-flex;gap:5px;flex-shrink:0}.bc-dots i{inline-size:9px;block-size:9px;border-radius:50%;background:var(--border-strong)}.bc-card.is-running .bc-dots i:nth-child(1){background:var(--danger);opacity:.8}.bc-card.is-running .bc-dots i:nth-child(2){background:var(--warning);opacity:.8}.bc-card.is-running .bc-dots i:nth-child(3){background:var(--success);opacity:.8}.bc-url{display:flex;flex:1;align-items:center;gap:7px;min-inline-size:0;min-block-size:28px;padding:3px 10px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-1);color:var(--text-secondary);font-size:.7rem}.bc-url svg{flex-shrink:0}a.bc-url.is-link{color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}a.bc-url.is-link:hover{border-color:var(--accent);background:var(--surface-2)}a.bc-url.is-link:hover .bc-url-text b{text-decoration:underline;text-underline-offset:2px}a.bc-url.is-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bc-url-open{margin-inline-start:auto;color:var(--text-secondary);opacity:.8}.bc-url-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.bc-url-text b{font-weight:600;color:var(--text-primary)}.bc-badge{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;min-inline-size:0;padding:3px 9px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-1);font-size:.66rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;color:var(--text-secondary);font-variant-numeric:tabular-nums}.bc-badge-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.bc-badge.is-live{border-color:var(--accent-soft);background:var(--accent-soft);color:var(--accent)}.bc-badge.is-done{border-color:var(--success-soft);background:var(--success-soft);color:var(--success)}.bc-clock{flex-shrink:0;padding-inline-start:7px;border-inline-start:1px solid currentColor;opacity:.85}.bc-pulse{position:relative;flex-shrink:0;inline-size:7px;block-size:7px;border-radius:50%;background:currentColor}.bc-badge.is-live .bc-pulse:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid currentColor;opacity:0;animation:bc-ping 1.8s var(--ease-out) infinite}@keyframes bc-ping{0%{transform:scale(.6);opacity:.7}80%,to{transform:scale(1.6);opacity:0}}.bc-frame{position:relative;inline-size:100%;aspect-ratio:16 / 10;background:var(--surface-2);overflow:hidden;container-type:inline-size;direction:ltr}.bc-shot{position:absolute;inset:0}.bc-shot-img{position:absolute;inset:0;inline-size:100%;block-size:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top left;object-position:top left;background:var(--surface-2);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.bc-shot-img.is-top{animation:bc-shot-in .52s var(--ease-out) both;will-change:opacity,transform}@keyframes bc-shot-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}.bc-skeleton{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;padding:12px 16px 16px;background:var(--surface-2);overflow:hidden}.bc-skeleton.is-hidden{visibility:hidden}.bc-skel-top{display:flex;align-items:center;gap:6px;block-size:22px;padding:0 10px;border-radius:var(--radius-sm);background:var(--surface-3)}.bc-skel-top i{inline-size:6px;block-size:6px;border-radius:50%;background:var(--border-strong);opacity:.6}.bc-skel-pill{flex:1;max-inline-size:42%;block-size:9px;margin-inline-start:8px;border-radius:var(--radius-full);background:var(--surface-1)}.bc-skel-hero{block-size:34%;border-radius:var(--radius-sm);background:var(--surface-3)}.bc-skel-cols{display:flex;flex:1;gap:12px}.bc-skel-col{display:flex;flex:1;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius-sm);background:var(--surface-3)}.bc-skel-col span{display:block;block-size:7px;border-radius:var(--radius-full);background:var(--surface-1);opacity:.9}.bc-skel-wave{position:absolute;inset-block:0;inset-inline-start:0;inline-size:45%;background:linear-gradient(100deg,transparent,var(--accent-soft) 50%,transparent);opacity:.9;animation:bc-wave 2.4s var(--ease-out) infinite;pointer-events:none}@keyframes bc-wave{0%{transform:translate(-120%)}to{transform:translate(260%)}}.bc-skel-text{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);max-inline-size:calc(100% - 32px);padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-1);box-shadow:var(--shadow-1);font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-queued{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;background:var(--surface-2)}.bc-queued-glyph{display:grid;place-items:center;inline-size:60px;block-size:60px;border-radius:50%;background:var(--accent-soft);color:var(--accent);animation:bc-breathe 2.2s ease-in-out infinite}@keyframes bc-breathe{0%,to{transform:scale(.94);box-shadow:0 0 0 0 var(--accent-soft)}50%{transform:scale(1.04);box-shadow:0 0 0 14px transparent}}.bc-queued-title{font-size:.76rem;font-weight:600;color:var(--text-primary)}.bc-queued-meta{font-size:.68rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.bc-scan{position:absolute;inset-inline:0;inset-block-start:-8%;block-size:8%;background:linear-gradient(to bottom,transparent,var(--accent-soft) 70%,var(--accent));opacity:.75;animation:bc-scan 2s linear infinite;pointer-events:none}@keyframes bc-scan{0%{transform:translateY(0)}to{transform:translateY(1400%)}}.bc-live-bar{position:absolute;inset-inline:0;inset-block-end:0;block-size:3px;background:var(--accent-soft);overflow:hidden;pointer-events:none}.bc-live-bar:after{content:"";position:absolute;inset-block:0;inline-size:32%;border-radius:var(--radius-full);background:var(--accent);animation:bc-slide 1.6s ease-in-out infinite}@keyframes bc-slide{0%{transform:translate(-100%)}to{transform:translate(420%)}}.bc-action{position:absolute;inset-block-start:10px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:6px;max-inline-size:calc(100% - 20px);padding:4px 10px 4px 6px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-1);box-shadow:var(--shadow-1);font-size:.66rem;font-weight:600;color:var(--text-primary);animation:bc-badge-in var(--dur-med) var(--ease-out);pointer-events:none}@keyframes bc-badge-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.bc-action-icon{display:grid;place-items:center;inline-size:18px;block-size:18px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.bc-action.is-click .bc-action-icon{background:var(--success-soft);color:var(--success)}.bc-action.is-type .bc-action-icon,.bc-action.is-press .bc-action-icon{background:var(--warning-soft);color:var(--warning)}.bc-action.is-done .bc-action-icon{background:var(--success-soft);color:var(--success)}.bc-action-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-action.is-deciding .bc-action-icon svg{animation:bc-twinkle 1.6s ease-in-out infinite}@keyframes bc-twinkle{0%,to{transform:scale(.85) rotate(-6deg);opacity:.7}50%{transform:scale(1.1) rotate(6deg);opacity:1}}.bc-action.is-acting .bc-action-icon{position:relative}.bc-action.is-low{inset-block-start:auto;inset-block-end:12px}.bc-action.is-failed .bc-action-icon{background:var(--danger-soft);color:var(--danger)}.bc-action.is-acting .bc-action-icon:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid currentColor;opacity:0;animation:bc-ping 1.2s var(--ease-out) infinite}.bc-stopped{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;background:color-mix(in srgb,var(--surface-2) 55%,transparent);font-size:.72rem;font-weight:600;color:var(--text-secondary);backdrop-filter:grayscale(1);-webkit-backdrop-filter:grayscale(1)}.bc-card.is-failed .bc-shot-img{filter:grayscale(.6);opacity:.8}.bc-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bc-trail{position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible}.bc-trail-path{fill:none;stroke-width:6;stroke-linecap:round;stroke-dasharray:.42 2;stroke-dashoffset:.42;animation:bc-trail-draw .6s cubic-bezier(.45,0,.25,1) forwards,bc-trail-fade .52s var(--ease-out) .56s forwards}@keyframes bc-trail-draw{to{stroke-dashoffset:-.58}}@keyframes bc-trail-fade{to{opacity:0}}.bc-cursor{position:absolute;inline-size:22px;block-size:22px;margin:-3px 0 0 -4px;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45)) drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 45%,transparent));will-change:left,top;transition:opacity var(--dur-med) var(--ease-out)}.bc-cursor svg{display:block;transform-origin:4px 3px;transition:transform .14s var(--ease-out)}.bc-cursor path{fill:#fff;stroke:#111;stroke-width:1.4;stroke-linejoin:round}.bc-cursor.is-pressing svg{transform:scale(.84)}.bc-ripple{position:absolute;inline-size:0;block-size:0}.bc-ripple i{position:absolute;inset-inline-start:-17px;inset-block-start:-17px;inline-size:34px;block-size:34px;border-radius:50%;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);opacity:0;animation:bc-ripple .56s var(--ease-out) forwards}.bc-ripple i:nth-child(2){background:transparent;animation-delay:.13s}@keyframes bc-ripple{0%{transform:scale(.25);opacity:.95}to{transform:scale(1.9);opacity:0}}.bc-target{position:absolute;display:flex;align-items:center;min-inline-size:6px;min-block-size:6px;padding-inline:4px;border:2px solid var(--accent);border-radius:6px;background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);overflow:hidden;animation:bc-target-in .18s var(--ease-out) both}@keyframes bc-target-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}.bc-target.is-typing{background:color-mix(in srgb,var(--surface-1) 92%,var(--accent))}.bc-typed{display:inline-flex;align-items:center;max-inline-size:100%;min-inline-size:0;font-family:var(--font-mono);line-height:1.2;color:var(--text-primary);white-space:nowrap}.bc-typed-text{display:inline-block;overflow:hidden;inline-size:0;max-inline-size:100%;padding:0 2px;animation:bc-type var(--ms, .4s) steps(var(--n, 10),end) forwards}@keyframes bc-type{to{inline-size:calc(var(--n, 10) * 1ch + 4px)}}.bc-typed-caret{display:inline-block;flex-shrink:0;inline-size:2px;block-size:1.15em;margin-inline-start:1px;background:var(--accent);animation:bc-blink .9s steps(2,end) infinite}.bc-typed-caret.is-alone{block-size:1.2em}@keyframes bc-blink{0%{opacity:1}to{opacity:0}}.bc-scrollhint{position:absolute;inset-inline-end:4%;inset-block-start:50%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 7px;border:1px solid var(--border);border-radius:var(--radius-full);background:color-mix(in srgb,var(--surface-1) 88%,transparent);box-shadow:var(--shadow-1);transform:translateY(-50%);animation:bc-hint .56s var(--ease-out) both}@keyframes bc-hint{0%{opacity:0}20%,75%{opacity:1}to{opacity:0}}.bc-wheel{position:relative;inline-size:14px;block-size:22px;border:2px solid var(--text-secondary);border-radius:8px}.bc-wheel i{position:absolute;inset-inline-start:50%;inset-block-start:4px;inline-size:2px;block-size:5px;margin-inline-start:-1px;border-radius:1px;background:var(--accent);animation:bc-wheel-down .56s var(--ease-out) both}.bc-scrollhint.is-up .bc-wheel i{animation-name:bc-wheel-up}@keyframes bc-wheel-down{0%{transform:translateY(0)}to{transform:translateY(7px)}}@keyframes bc-wheel-up{0%{transform:translateY(7px)}to{transform:translateY(0)}}.bc-scroll-arrow{inline-size:8px;block-size:8px;border-inline-end:2px solid var(--accent);border-block-end:2px solid var(--accent);transform:rotate(45deg);animation:bc-arrow-down .56s var(--ease-out) both}.bc-scrollhint.is-up{flex-direction:column-reverse}.bc-scrollhint.is-up .bc-scroll-arrow{transform:rotate(-135deg);animation-name:bc-arrow-up}@keyframes bc-arrow-down{0%{translate:0 -3px}to{translate:0 3px}}@keyframes bc-arrow-up{0%{translate:0 3px}to{translate:0 -3px}}@media(max-width:480px){.bc-chrome{gap:8px;padding-inline:10px}.bc-badge{max-inline-size:48%}.bc-clock{display:none}.bc-cursor{inline-size:18px;block-size:18px}.bc-cursor svg{inline-size:18px;block-size:18px}.bc-ripple i{inset-inline-start:-13px;inset-block-start:-13px;inline-size:26px;block-size:26px}.bc-target{border-width:1.5px;border-radius:4px}}@media(prefers-reduced-motion:reduce){.bc-card,.bc-card *,.bc-card *:before,.bc-card *:after{animation:none!important;transition:none!important}}.bc-card.is-still *,.bc-card.is-still *:before,.bc-card.is-still *:after{animation:none!important;transition:none!important}