- goals.css: goal-title truncates with ellipsis, goal-info gets min-width:0 (prevents flex overflow), mobile allows word-break wrap - tasks.css: task-title truncates with ellipsis - notes.css: note-card-title truncates with ellipsis
- style.css: shrink nav-link padding, wrap nav-links on mobile, reduce container margin, responsive modal - goals.css: stack goal cards vertically on small screens - tasks.css: fix scroll-view height for mobile (50-55vh), side-panel width uses percentage (85%), add small-screen breakpoint at 480px - notes.css: stack filters vertically on mobile, remove min-width constraints
- Implement notes database schema and API endpoints - Add notes page with filtering, search, and markdown support - Persist selected goal and task preferences for better UX - Include responsive design and mobile-friendly layout
