:root{--bb-color-bg: #0f0f0f;--bb-color-surface: #1c1c1c;--bb-color-accent: #00c2ff;--bb-color-text: #ffffff;--bb-color-muted: #9ca3af;--bb-color-surface-2: #262626;--bb-color-border: #2e2e2e;--bb-color-accent-strong: #19cdff;--bb-color-accent-press: #00a6db;--bb-color-on-accent: #0f0f0f;--bb-color-accent-soft: rgba(0, 194, 255, .14);--bb-radius-sm: 8px;--bb-radius-md: 12px;--bb-radius-lg: 16px;--bb-radius-pill: 999px;--bb-space-1: 4px;--bb-space-2: 8px;--bb-space-3: 12px;--bb-space-4: 16px;--bb-space-5: 24px;--bb-space-6: 32px;--bb-space-7: 48px;--bb-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bb-font-weight-regular: 400;--bb-font-weight-medium: 600;--bb-font-weight-bold: 800;--bb-text-xs: 12px;--bb-text-sm: 14px;--bb-text-md: 16px;--bb-text-lg: 20px;--bb-text-xl: 28px;--bb-text-2xl: 40px;--bb-shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px rgba(0, 0, 0, .45);--bb-shadow-accent: 0 8px 24px rgba(0, 194, 255, .28);--bb-ease: cubic-bezier(.2, .8, .2, 1);--bb-duration: .16s}.bb-theme{background:var(--bb-color-bg);color:var(--bb-color-text);font-family:var(--bb-font-sans);min-height:100%}.bb-logo{display:inline-flex;align-items:center;gap:.42em;font-family:var(--bb-font-sans);font-weight:var(--bb-font-weight-bold);line-height:1;letter-spacing:-.01em;-webkit-user-select:none;user-select:none}.bb-logo--sm{font-size:18px}.bb-logo--md{font-size:26px}.bb-logo--lg{font-size:40px}.bb-logo__mark{flex:none;font-size:1.15em}.bb-logo__wordmark{display:inline-flex}.bb-logo--color .bb-logo__glove{fill:var(--bb-color-accent)}.bb-logo--color .bb-logo__bolt{fill:var(--bb-color-bg)}.bb-logo--color .bb-logo__box{color:var(--bb-color-text)}.bb-logo--color .bb-logo__burn{color:var(--bb-color-accent)}.bb-logo--mono .bb-logo__glove{fill:var(--bb-color-text)}.bb-logo--mono .bb-logo__bolt{fill:var(--bb-color-bg)}.bb-logo--mono .bb-logo__box,.bb-logo--mono .bb-logo__burn{color:var(--bb-color-text)}.bb-logo--inverted .bb-logo__glove{fill:var(--bb-color-bg)}.bb-logo--inverted .bb-logo__bolt{fill:var(--bb-color-text)}.bb-logo--inverted .bb-logo__box,.bb-logo--inverted .bb-logo__burn{color:var(--bb-color-bg)}.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bb-space-2);font-family:var(--bb-font-sans);font-weight:var(--bb-font-weight-bold);border:1px solid transparent;border-radius:var(--bb-radius-pill);cursor:pointer;white-space:nowrap;transition:background var(--bb-duration) var(--bb-ease),border-color var(--bb-duration) var(--bb-ease),transform var(--bb-duration) var(--bb-ease),box-shadow var(--bb-duration) var(--bb-ease)}.bb-btn:active{transform:translateY(1px)}.bb-btn:focus-visible{outline:2px solid var(--bb-color-accent);outline-offset:2px}.bb-btn:disabled{opacity:.5;cursor:not-allowed}.bb-btn--sm{font-size:var(--bb-text-sm);padding:8px 16px}.bb-btn--md{font-size:var(--bb-text-md);padding:12px 22px}.bb-btn--lg{font-size:var(--bb-text-lg);padding:18px 32px}.bb-btn--block{width:100%}.bb-btn--primary{background:var(--bb-color-accent);color:var(--bb-color-on-accent);box-shadow:var(--bb-shadow-accent)}.bb-btn--primary:hover:not(:disabled){background:var(--bb-color-accent-strong)}.bb-btn--primary:active:not(:disabled){background:var(--bb-color-accent-press)}.bb-btn--secondary{background:var(--bb-color-surface-2);color:var(--bb-color-text);border-color:var(--bb-color-border)}.bb-btn--secondary:hover:not(:disabled){border-color:var(--bb-color-accent)}.bb-btn--ghost{background:transparent;color:var(--bb-color-text)}.bb-btn--ghost:hover:not(:disabled){background:var(--bb-color-surface)}.bb-btn__icon{display:inline-flex;font-size:1.15em}.bb-iconbtn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--bb-radius-md);color:var(--bb-color-text);cursor:pointer;transition:background var(--bb-duration) var(--bb-ease),border-color var(--bb-duration) var(--bb-ease),color var(--bb-duration) var(--bb-ease)}.bb-iconbtn:focus-visible{outline:2px solid var(--bb-color-accent);outline-offset:2px}.bb-iconbtn:disabled{opacity:.5;cursor:not-allowed}.bb-iconbtn--sm{width:32px;height:32px;font-size:18px}.bb-iconbtn--md{width:40px;height:40px;font-size:22px}.bb-iconbtn--lg{width:48px;height:48px;font-size:26px}.bb-iconbtn--ghost{background:transparent}.bb-iconbtn--ghost:hover:not(:disabled){background:var(--bb-color-surface);color:var(--bb-color-accent)}.bb-iconbtn--solid{background:var(--bb-color-surface);border-color:var(--bb-color-border)}.bb-iconbtn--solid:hover:not(:disabled){border-color:var(--bb-color-accent);color:var(--bb-color-accent)}.bb-card{background:var(--bb-color-surface);border:1px solid var(--bb-color-border);border-radius:var(--bb-radius-lg);color:var(--bb-color-text);box-shadow:var(--bb-shadow-card)}.bb-card--pad-4{padding:var(--bb-space-4)}.bb-card--pad-5{padding:var(--bb-space-5)}.bb-card--pad-6{padding:var(--bb-space-6)}.bb-card--interactive{cursor:pointer;transition:border-color var(--bb-duration) var(--bb-ease),transform var(--bb-duration) var(--bb-ease),background var(--bb-duration) var(--bb-ease)}.bb-card--interactive:hover{border-color:var(--bb-color-accent);background:var(--bb-color-surface-2);transform:translateY(-2px)}.bb-catcard{display:flex;align-items:center;gap:var(--bb-space-4);width:100%;text-align:left;background:var(--bb-color-surface);border:1px solid var(--bb-color-border);border-radius:var(--bb-radius-lg);padding:var(--bb-space-5);color:var(--bb-color-text);cursor:pointer;font-family:var(--bb-font-sans);transition:border-color var(--bb-duration) var(--bb-ease),background var(--bb-duration) var(--bb-ease),transform var(--bb-duration) var(--bb-ease)}.bb-catcard:hover{border-color:var(--bb-color-accent);background:var(--bb-color-surface-2);transform:translateY(-2px)}.bb-catcard:focus-visible{outline:2px solid var(--bb-color-accent);outline-offset:2px}.bb-catcard__icon{flex:none;display:inline-flex;font-size:34px;color:var(--bb-color-accent)}.bb-catcard__body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.bb-catcard__title{font-size:var(--bb-text-lg);font-weight:var(--bb-font-weight-bold);line-height:1.2}.bb-catcard__desc{font-size:var(--bb-text-sm);color:var(--bb-color-muted)}.bb-catcard__arrow{flex:none;display:inline-flex;font-size:22px;color:var(--bb-color-muted)}.bb-catcard:hover .bb-catcard__arrow{color:var(--bb-color-accent)}.bb-feature{display:flex;align-items:flex-start;gap:var(--bb-space-3)}.bb-feature__icon{flex:none;display:inline-flex;font-size:24px;color:var(--bb-color-accent);margin-top:2px}.bb-feature__text{margin:0;font-family:var(--bb-font-sans);font-size:var(--bb-text-md);line-height:1.5;color:var(--bb-color-muted)}.bb-feature__text strong{color:var(--bb-color-text);font-weight:var(--bb-font-weight-medium)}.bb-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--bb-font-sans);font-weight:var(--bb-font-weight-medium);border-radius:var(--bb-radius-pill);border:1px solid transparent;white-space:nowrap;line-height:1}.bb-badge--sm{font-size:var(--bb-text-xs);padding:4px 10px}.bb-badge--md{font-size:var(--bb-text-sm);padding:6px 12px}.bb-badge--accent{background:var(--bb-color-accent-soft);color:var(--bb-color-accent)}.bb-badge--neutral{background:var(--bb-color-surface-2);color:var(--bb-color-text)}.bb-badge--outline{background:transparent;border-color:var(--bb-color-border);color:var(--bb-color-muted)}.bb-badge__icon{display:inline-flex;font-size:1.1em}.bb-stat{display:flex;flex-direction:column;gap:4px;background:var(--bb-color-surface);border:1px solid var(--bb-color-border);border-radius:var(--bb-radius-lg);padding:var(--bb-space-5);font-family:var(--bb-font-sans)}.bb-stat__icon{display:inline-flex;font-size:24px;color:var(--bb-color-accent);margin-bottom:var(--bb-space-2)}.bb-stat__value{display:inline-flex;align-items:baseline;gap:6px;font-size:var(--bb-text-2xl);font-weight:var(--bb-font-weight-bold);line-height:1;color:var(--bb-color-text)}.bb-stat__unit{font-size:var(--bb-text-md);font-weight:var(--bb-font-weight-medium);color:var(--bb-color-muted)}.bb-stat__label{font-size:var(--bb-text-sm);color:var(--bb-color-muted)}.bb-field{display:flex;flex-direction:column;gap:var(--bb-space-2);font-family:var(--bb-font-sans)}.bb-field__label{font-size:var(--bb-text-sm);font-weight:var(--bb-font-weight-medium);color:var(--bb-color-text)}.bb-input{width:100%;box-sizing:border-box;background:var(--bb-color-surface);border:1px solid var(--bb-color-border);border-radius:var(--bb-radius-md);color:var(--bb-color-text);font-family:inherit;font-size:var(--bb-text-md);padding:12px 14px;transition:border-color var(--bb-duration) var(--bb-ease),box-shadow var(--bb-duration) var(--bb-ease)}.bb-input::placeholder{color:var(--bb-color-muted)}.bb-input:focus{outline:none;border-color:var(--bb-color-accent);box-shadow:0 0 0 3px var(--bb-color-accent-soft)}.bb-input--invalid{border-color:#ff5a5a}.bb-input--invalid:focus{box-shadow:0 0 0 3px #ff5a5a2e}.bb-field__hint{font-size:var(--bb-text-xs);color:var(--bb-color-muted)}.bb-field__hint--error{color:#ff5a5a}.bb-header{display:flex;align-items:center;justify-content:space-between;gap:var(--bb-space-4);padding:var(--bb-space-4) var(--bb-space-5);background:var(--bb-color-bg)}.bb-header__left,.bb-header__actions{display:flex;align-items:center;gap:var(--bb-space-3)}