fix(practice): use explicit padding to prevent shorthand override

Replace padding shorthand with explicit paddingTop/Right/Bottom/Left
values to ensure the extra 4rem top padding for help overlays is
applied correctly. CSS shorthand properties can override specific
properties depending on declaration order.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

apps/web/src/components/practice/ActiveSession.tsx

@@ -922,7 +922,11 @@ export function ActiveSession({
           flexDirection: 'column',
           alignItems: 'center',
           gap: '1.5rem',
-          padding: '2rem',
+          // Use explicit padding values - shorthand 'padding' can override specific paddingTop
+          paddingTop: '4rem', // Extra top padding for help overlay that extends above
+          paddingRight: '2rem',
+          paddingBottom: '2rem',
+          paddingLeft: '2rem',
           backgroundColor: isDark ? 'gray.800' : 'white',
           borderRadius: '16px',
           boxShadow: 'md',