html,body{margin:0;padding:0}body{background:#000}.ciab-demo{--ciab-brand: #2965f1;--ciab-brand-deep: #1d3fc4;--ciab-brand-pale: #e8effe;--ciab-accent: #ff8c42;--ciab-positive: #059669;--ciab-negative: #EF4444;--ciab-warning: #F59E0B;--ciab-surface: #f5f6fa;--ciab-surface-card: rgba(253, 253.2, 254, .92);--ciab-surface-glass: rgba(245, 246, 250, .62);--ciab-text-p: rgb(24.75, 29.7, 49.5);--ciab-text-s: rgba(24.75, 29.7, 49.5, .58);--ciab-text-m: rgba(24.75, 29.7, 49.5, .36);--ciab-text-inv: #FFFFFF;--ciab-border-light: rgba(41, 101, 241, .08);--ciab-border-med: rgba(41, 101, 241, .16);--ciab-border-strong: rgba(41, 101, 241, .28);--ciab-sh-xs: 0 1px 3px rgba(29,63,196,.06);--ciab-sh-sm: 0 2px 8px rgba(29,63,196,.08), 0 1px 3px rgba(29,63,196,.05);--ciab-sh-md: 0 4px 20px rgba(29,63,196,.1), 0 2px 8px rgba(29,63,196,.06);--ciab-sh-lg: 0 8px 32px rgba(29,63,196,.12), 0 4px 12px rgba(29,63,196,.08);--ciab-sh-xl: 0 16px 48px rgba(29,63,196,.16), 0 8px 24px rgba(29,63,196,.1);--ciab-r-xs: 6px;--ciab-r-sm: 10px;--ciab-r-md: 14px;--ciab-r-lg: 20px;--ciab-r-xl: 28px;--ciab-r-pill:9999px;--ciab-font-display: "Sora", system-ui, sans-serif;--ciab-font-body: "Work Sans", system-ui, sans-serif;--ciab-text-xs: .75rem;--ciab-text-sm: .875rem;--ciab-text-base: 1rem;--ciab-text-lg: 1.125rem;--ciab-text-xl: 1.25rem;--ciab-text-2xl: 1.5rem;--ciab-text-3xl: 1.875rem;--ciab-text-4xl: 2.25rem;--ciab-sp-1: 4px;--ciab-sp-2: 8px;--ciab-sp-3: 12px;--ciab-sp-4: 16px;--ciab-sp-5: 20px;--ciab-sp-6: 24px;--ciab-sp-8: 32px;--ciab-sp-10: 40px;--ciab-sp-12: 48px;--ciab-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ciab-ease-smooth: cubic-bezier(.25, .46, .45, .94);--ciab-ease-crisp: cubic-bezier(.4, 0, .2, 1);--ciab-dur-fast: .16s;--ciab-dur-base: .26s;--ciab-dur-slow: .4s;--ciab-nav-track-bg: rgba(245, 246, 250, .18);--ciab-nav-track-bg-lifted: rgba(41, 101, 241, .16);--ciab-nav-track-blur: blur(6px) saturate(1.5) brightness(1.01);--ciab-nav-track-border-top: 1px solid rgba(255, 255, 255, .65);--ciab-nav-track-border-side: 1px solid rgba(255, 255, 255, .35);--ciab-nav-track-border-btm: 1px solid rgba(41, 101, 241, .1);--ciab-nav-track-shadow: 0 2px 8px rgba(29,63,196,.08), 0 8px 24px rgba(29,63,196,.06), inset 0 1.5px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(29,63,196,.03);--ciab-nav-track-shadow-lifted: 0 8px 20px rgba(29,63,196,.12), 0 20px 40px rgba(29,63,196,.1), inset 0 1.5px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(29,63,196,.02);--ciab-nav-track-radius: 42px;--ciab-nav-pill-bg: rgba(255, 255, 255, .42);--ciab-nav-pill-border-top: 1px solid rgba(255, 255, 255, .8);--ciab-nav-pill-border-side: 1px solid rgba(255, 255, 255, .5);--ciab-nav-pill-border-btm: 1px solid rgba(41, 101, 241, .12);--ciab-nav-pill-drag-bg: rgba(41, 101, 241, .13);--ciab-nav-pill-drag-shadow: inset 0 2px 8px rgba(29,63,196,.2), inset 0 1px 3px rgba(29,63,196,.12), inset 0 -1px 0 rgba(255,140,66,.06);--ciab-nav-pill-shadow: inset 0 1.5px 0 rgba(255,255,255,.6), inset 0 -1px 0 rgba(29,63,196,.03), 0 1px 3px rgba(29,63,196,.04), 0 4px 12px rgba(29,63,196,.06);--ciab-nav-icon-active: #1d3fc4;--ciab-nav-label-active: #1d3fc4;--ciab-nav-icon-inactive: rgba(24.75, 29.7, 49.5, .4);--ciab-nav-label-inactive: rgba(24.75, 29.7, 49.5, .4);--ciab-nav-badge-border: #f5f6fa;--ciab-sheet-bg: rgba(245, 246, 250, .82);--ciab-sheet-border: rgba(255, 255, 255, .8);--ciab-sheet-border-btm: rgba(41, 101, 241, .12);--ciab-sheet-blur: blur(28px) saturate(1.8);--ciab-sheet-shadow: 0 -4px 24px rgba(29,63,196,.08), 0 -16px 48px rgba(29,63,196,.1), 0 28px 64px rgba(29,63,196,.16), inset 0 1.5px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(29,63,196,.04);--ciab-sheet-handle: rgba(41, 101, 241, .18);--ciab-card-bg: rgba(253, 253.2, 254, .92);--ciab-card-border: rgba(41, 101, 241, .08);--ciab-card-shadow: var(--ciab-sh-sm);--ciab-skeleton-base: rgba(41, 101, 241, .06);--ciab-skeleton-highlight: rgba(41, 101, 241, .11)}