.child-screen{--color-yellow: #F5C518;--color-purple: #A855F7;--color-teal: #2DD4C0;--color-black: #1a1a1a;--color-white: #FFFFFF;--color-card-mint: #A5F3E8;--color-card-blue: #BAE6FD;--color-card-pink: #FDB6D8;--color-progress-bar: #FBBF24;--color-sky: #7DD3F0;--color-cream: #F5F0DC;--color-grass: #6BBF5A;--bg-gradient: linear-gradient(180deg, #7DD3F0 0%, #F5F0DC 60%, #6BBF5A 100%);--font-base: system-ui, -apple-system, sans-serif;--fw-normal: 500;--fw-bold: 700;--fw-extrabold: 800;--text-xs: 10px;--text-sm: 11px;--text-base: 13px;--text-md: 15px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 22px;--border-sm: 2px solid #1a1a1a;--border-md: 3px solid #1a1a1a;--shadow-btn: 3px 3px 0 #1a1a1a;--shadow-card: 4px 4px 0 #1a1a1a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 50px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--nav-height: 64px;--nav-icon-size: 40px;--nav-icon-center: 48px}