:root{--ob-black: #222222;--ob-gray-700: #717171;--ob-gray-500: #999999;--ob-gray-300: #DDDDDD;--ob-gray-200: #EBEBEB;--ob-gray-100: #F7F7F7;--ob-white: #FFFFFF;--ob-error: #DC2626;--ob-space-1: 4px;--ob-space-2: 8px;--ob-space-3: 12px;--ob-space-4: 16px;--ob-space-5: 24px;--ob-space-6: 32px;--ob-space-7: 48px;--ob-radius-sm: 8px;--ob-radius-md: 12px;--ob-radius-lg: 16px;--ob-radius-xl: 24px;--ob-radius-full: 9999px;--ob-shadow-card: 0 1px 2px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .05);--ob-shadow-hover: 0 2px 4px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .1);--ob-bg: #F7F7F7;--ob-bg-card: #FFFFFF;--ob-text: #3D2E1F;--ob-text-body: #5C4A38;--ob-text-muted: #9A8575;--ob-accent: #222222;--ob-accent-light: #F0F0F0;--ob-green: #2D8B55;--ob-green-light: #E8F5EE}@keyframes ob-pop{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ob-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ob-item-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}