:root{--bb-navy: #0e3f47;--bb-navy-light: #1a535c;--bb-primary: #1a535c;--bb-primary-hover: #246770;--bb-accent: #4ecdc4;--bb-accent-light: #7ee0d9;--bb-brand-warm: #8b5e3c;--bb-success: #10b981;--bb-warning: #f59e0b;--bb-danger: #ef4444;--bb-info: #0ea5e9;--bb-bg: #f8f9fa;--bb-surface: #ffffff;--bb-surface-2: #f2f5f7;--bb-text: #0f172a;--bb-text-muted: #64748b;--bb-text-faint: #94a3b8;--bb-border: #e2e8f0;--bb-border-soft: #f1f5f9;--bb-sidebar-text: #e2e8f0;--bb-sidebar-text-muted: rgba(226, 232, 240, .45);--bb-sidebar-active-bg: rgba(78, 205, 196, .18);--bb-sidebar-active-text: #b7f0ec;--bb-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", sans-serif;--bb-font-xs: 12px;--bb-font-sm: 14px;--bb-font: 16px;--bb-font-lg: 20px;--bb-font-xl: 24px;--bb-font-xxl: 32px;--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-radius-sm: 8px;--bb-radius: 12px;--bb-radius-lg: 16px;--bb-radius-pill: 9999px;--bb-shadow-sm: 0 1px 3px rgba(26, 83, 92, .06), 0 4px 12px rgba(26, 83, 92, .06);--bb-shadow-md: 0 2px 8px rgba(26, 83, 92, .08), 0 8px 24px rgba(26, 83, 92, .1);--bb-shadow-lg: 0 4px 16px rgba(26, 83, 92, .1), 0 16px 48px rgba(26, 83, 92, .14);--bb-spring: cubic-bezier(.25, .46, .45, .94);--bb-transition: .2s var(--bb-spring);--bb-transition-fast: .15s var(--bb-spring);--bb-sidebar-width: 204px;--bb-sidebar-collapsed-width: 68px;--bb-topbar-height: 48px;--bb-fun-coral: #ff6b6b;--bb-fun-sun: #ffd93d;--bb-fun-mint: #4ecdc4;--bb-fun-sky: #6bcbef;--bb-fun-grape: #a78bfa;--bb-fun-rose: #f9a8d4;--bb-fun-leaf: #84cc16;--bb-fun-tang: #fb923c;--bb-xp: #8b5cf6;--bb-xp-glow: #c4b5fd;--bb-streak: #f59e0b;--bb-badge-gold: #fbbf24;--bb-badge-silver: #cbd5e1;--bb-badge-bronze: #d97706;--bb-radius-bubble: 24px;--bb-radius-bubble-lg: 32px;--bb-bento-gap: 16px;--bb-bento-gap-lg: 20px;--bb-font-fun: "Fredoka", "Quicksand", system-ui, -apple-system, sans-serif;--bb-font-display: "Fredoka", "Patrick Hand", system-ui, sans-serif;--bb-bounce: cubic-bezier(.68, -.55, .27, 1.55);--bb-ease-elastic: cubic-bezier(.5, 1.5, .5, 1);--bb-dur-quick: .18s;--bb-dur-normal: .32s;--bb-dur-celebrate: .6s}@media(prefers-reduced-motion:reduce){:root{--bb-dur-quick: 0s;--bb-dur-normal: 0s;--bb-dur-celebrate: 0s}}[data-theme=dark]{--bb-bg: #091f23;--bb-surface: #11353a;--bb-surface-2: #194449;--bb-text: #e2e8f0;--bb-text-muted: #94a3b8;--bb-text-faint: #64748b;--bb-border: rgba(226, 232, 240, .08);--bb-border-soft: rgba(226, 232, 240, .05);--bb-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .3);--bb-shadow-md: 0 2px 8px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .4);--bb-shadow-lg: 0 4px 16px rgba(0, 0, 0, .45), 0 16px 48px rgba(0, 0, 0, .5)}:root[data-a11y-high-contrast=true]{--bb-text: #000000;--bb-text-muted: #1a1a1a;--bb-bg: #ffffff;--bb-surface: #ffffff;--bb-surface-2: #f5f5f5;--bb-border: #000000;--bb-primary: #003060}:root[data-a11y-high-contrast=true][data-theme=dark]{--bb-text: #ffffff;--bb-text-muted: #f0f0f0;--bb-bg: #000000;--bb-surface: #0a0a0a;--bb-border: #ffffff;--bb-primary: #4ad8d8}:root[data-a11y-large-text=true]{--bb-font-xs: 14px;--bb-font-sm: 16px;--bb-font: 18px;--bb-font-lg: 22px;--bb-font-xl: 28px;--bb-font-xxl: 36px}:root[data-a11y-dyslexia=true]{--bb-font-fun: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}:root[data-a11y-focus=true]{--bb-dur-quick: 0s;--bb-dur-normal: 0s;--bb-dur-celebrate: 0s}:root[data-a11y-focus=true] body{background:var(--bb-bg)!important}:root[data-a11y-reduced-motion=true]{--bb-dur-quick: 0s;--bb-dur-normal: 0s;--bb-dur-celebrate: 0s}:root[data-a11y-reduced-motion=true] *,:root[data-a11y-reduced-motion=true] *:before,:root[data-a11y-reduced-motion=true] *:after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}html,body{margin:0;padding:0;background:var(--bb-bg);color:var(--bb-text);font-family:var(--bb-font-fun);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}