Use case: ui-mockup.
Asset type: design-review concept board for the ThetaCow web app.
Input images: Image 1 is the current 1440px desktop screenshot (redesign target); Image 2 is the current 390px mobile screenshot (responsive redesign target).
Primary request: Improve these actual screens using excellent practical UI design. Produce one high-fidelity board showing a redesigned desktop holdings screen and the corresponding mobile screen side by side. Think through information hierarchy, wayfinding, balance of whitespace, legibility, touch targets, and a meaningful empty/demo state. Preserve ThetaCow's existing warm near-black, cream, restrained coral accent, serif headline plus clean UI/monospace numbers. Evolve the existing brand rather than changing its identity.
Show sample wallet data so the layout can be assessed: WETH 1.25, USDC 2,000, WBTC 0.02. Mark it clearly as "Demo · Sample data". Title "What are you holding?" with short supporting text. The six steps are Holdings, Against, Price, Amount, Date, Review. On mobile keep a readable current-step label instead of tiny unexplained numbers. Keep visible access to Positions and to the chain selection, with no horizontal overflow. Include an obvious way to explore sample data when disconnected. Show only the relevant action hierarchy.
Constraints: faithful flat web UI render, no phone/device frames, no perspective, no decorative art or fake performance charts. Wallet values are hypothetical. Do not invent yield, APY, return, a safety seal, audit certification, deposit eligibility, or a live trading guarantee. New deposits are closed pending acceptance; keep this clear but compact. Preserve the strike/date product and wallet ownership. Text must be legible. Do not add a sidebar that overwhelms the six-step flow.
Deliver a polished yet realistically implementable HTML/CSS design proposal, not a code snippet.