Mobile app UI design prompts.

We're designing [Pagely, a reading-habit app]. Users are [adults who want to read 10–30 minutes a day but keep forgetting]. The core loop: [set a daily goal, read with a timer, keep a streak]. Platform: [iOS first].

List every screen the first version needs, grouped into onboarding, core loop, and settings. For each screen, give its purpose in one sentence and the three most important things on it.

Design the onboarding flow as three screens: welcome, choose a daily goal, and the first home screen. Each screen is its own self-contained HTML file at 390×844 with inline CSS and system fonts. Use one consistent style across all three: [warm cream background, deep green for actions, one coral accent, a serif for headlines]. Show a progress indicator on the goal screen, and draw any illustration with CSS.

Design the home screen for a returning user on day [12] of their streak. The most important element is [today's progress toward the daily goal]; make it the first thing you notice. Below it: [the book they're reading with page progress], a primary button to [start a session], and [this week's stats]. Include a bottom tab bar with [Today, Library, Stats, Profile].

Design the [Library] list screen and the [book] detail screen as two files. The list shows [12 books] with cover, title, author, and progress, plus a search field and filter chips for [Reading, Finished, Want to read]. The detail screen opens from a list item and shows [reading history and notes]. Use realistic titles and numbers.

Design the settings screen using standard [iOS] grouped lists: [Account, Daily goal, Reminders, Appearance, Data and privacy, Help]. Show current values on the right of each row, use a toggle for [reminders], and put destructive actions like [Delete account] at the bottom in red.

For the [Library] screen, design three more states as separate files: empty (a new user with no books, with one clear next step), loading (skeleton placeholders that match the real layout), and error (offline, with a retry button). Keep the navigation and header identical to the normal screen.

Create dark mode versions of the [home] and [library] screens. Don't just invert colors: use a dark [green-gray] background instead of pure black, lower the saturation of the accent, keep text contrast at WCAG AA or better, and tell me which colors you changed and why.

Adapt the [home] screen for Android using Material 3 conventions: top app bar, navigation bar, and a floating action button for [start session] if it fits. Keep our brand colors and type. List what changed from the iOS version.

Implement the approved onboarding and home screens in our [SwiftUI] app. Match the layout and spacing of the HTML files in [designs/], use the colors in [Theme.swift], support Dynamic Type, and reuse existing components where they fit.