TITLE: DOUGH TIME — a claymorphic kitchen timer
PROMPT: Design 'DOUGH TIME', a claymorphic kitchen companion: puffy 3D clay elements (big inner shadow + top highlight, squishy rounded borders), a jolly timer blob whose face changes as time runs (calm → concerned → frantic eyebrows), chunky minute chips (1/3/5/10/15/30), and a rising loaf progress that pops golden-brown at zero. Palette: butter cream, pistachio, strawberry cream, clay brown. Interactions: chips preset the timer with a wobble; the blob is the start/pause button (it squishes); near-zero makes the face sweat and pulse strawberry; at zero, a warm ding (WebAudio, gesture-gated), flour-puff confetti, and a finished loaf to tap; dragging the blob's cheeks stretches it playfully. Deliciously squishy.
DESCRIPTION: A butter-cream kitchen counter where everything is clay: the timer blob is a puffy pistachio sphere built from a radial highlight, a big inner-shadow belly and a soft drop shadow, breathing through a slow morphing border-radius so it feels alive before you touch it. Its clay face escalates as time runs — calm dot eyes and a soft smile at the start, concerned tilted eyebrows past halfway (the whole blob re-tints strawberry cream), then frantic raised brows, an open mouth, dripping sweat drops and a heartbeat pulse in the final thirty seconds. A golden progress ring drains around the blob; chunky minute chips (1/3/5/10/15/30) preset the timer with a springy wobble. The blob itself is the start/pause button and squishes satisfyingly on tap. At zero: a warm three-partial ding (gesture-gated), a 36-piece flour-puff of cream and butter confetti, and a golden-brown loaf with scoring slashes springs up to be tapped away. Grabbing the blob's rim and dragging stretches its cheeks with clamped, springy scaling that snaps back on release.
TECHNIQUES: Claymorphism from layered box-shadows (inset top highlight + inset bottom shadow + ambient drop) on radial-gradient fills; organic blob shape via asymmetric eight-value border-radius, idly animated with sine/cos morphing on rAF (gated by pointer:fine and reduced-motion); face escalation as pure CSS state classes driven by remaining-fraction logic; spring easings via cubic-bezier overshoot (1.6–1.8) for squish, wobble, cheek snap-back and loaf pop; SVG stroke-dasharray progress ring; timestamp-based countdown (performance.now anchor + 200ms interval) so throttled tabs stay accurate; WebAudio additive ding (880/1320/2200 Hz sines, exponential decay ≤0.05 gain) with AudioContext created only inside user gestures and try/catch-guarded; confetti with CSS custom-property trajectories; keyboard support (Space toggles, blob and loaf focusable); fully offline, system rounded/serifless stack, responsive 360px→4K via clamp().
INTERACTION: Tap a minute chip — it wobbles and presets. Tap the blob — it squishes and starts; tap again to pause (status line narrates). Past halfway the face grows concerned and turns strawberry; in the last 30s it sweats, opens its mouth, and pulses. At zero — ding, flour-puff confetti, and a loaf pops up; tap the loaf (or Space) to reset. Drag the blob's rim to stretch its cheeks playfully; release to snap back. Hover pauses the idle breathing so the face reads clearly.