From f02636074585a82bee370a1acaf28ffa68023e11 Mon Sep 17 00:00:00 2001
From: Nikola Bucic <nikola.bucic@gmail.com>
Date: Fri, 10 Apr 2026 16:20:29 +0200
Subject: [PATCH 1/4] Main

* fix: resolve timer not starting and display bugs in TimerScreen
* fix: use PHP 8.5 clone() syntax in resumeAs()
* fix: Minor Timer Runner and Screen fixes
* fix: timer iteration
* feat: history log, ring UI, PREPARE state, and long-press pause
---
 .env.example                                  |   2 +
 .github/workflows/bump-version.yml            |  34 ++
 .gitignore                                    |   4 +
 app/Console/Commands/MigrateFromFiles.php     | 168 +++++++
 app/Enum/BeepLeadIn.php                       |  10 -
 app/Enum/StateMachine.php                     |   1 +
 app/Events/PhaseChanged.php                   |   2 +-
 app/Events/ProgramCompleted.php               |   3 +-
 app/Http/Controllers/Controller.php           |   8 -
 app/Jobs/WriteHistoryEntry.php                |  37 ++
 app/Livewire/Library.php                      |  32 +-
 app/Livewire/ProgramEditor.php                | 216 ++++----
 app/Livewire/Settings.php                     |  53 +-
 app/Livewire/TimerScreen.php                  | 250 ++++++----
 app/Models/HistoryEntry.php                   |  26 +
 app/Models/Phase.php                          |  48 ++
 app/Models/Program.php                        |  93 ++++
 app/Models/Setting.php                        |  41 ++
 app/Models/User.php                           |  32 --
 app/Timer/AppSettings.php                     |  74 ---
 app/Timer/Phase.php                           |  53 --
 app/Timer/TimerCursor.php                     | 230 ++++-----
 app/Timer/TimerProgram.php                    | 205 --------
 app/Timer/TimerRunner.php                     | 338 +++++++------
 composer.json                                 |  12 +-
 composer.lock                                 |   5 +-
 config/app.php                                |  15 +-
 config/auth.php                               | 117 -----
 config/database.php                           | 184 -------
 config/mail.php                               | 118 -----
 config/nativephp.php                          |   7 +-
 config/queue.php                              |  93 +---
 config/services.php                           |  38 --
 database/.gitignore                           |   1 -
 database/factories/UserFactory.php            |  45 --
 .../0001_01_01_000001_create_cache_table.php  |  35 --
 .../0001_01_01_000002_create_jobs_table.php   |  57 ---
 .../2026_04_09_071339_create_jobs_table.php   |  32 ++
 ...026_04_09_080000_create_programs_table.php |  25 +
 .../2026_04_09_080001_create_phases_table.php |  28 ++
 ...2026_04_09_080002_create_history_table.php |  24 +
 ...026_04_09_080003_create_settings_table.php |  25 +
 ...26_04_09_122314_create_sessions_table.php} |  18 -
 database/seeders/DatabaseSeeder.php           |  25 -
 nativephp.json                                |   6 +
 package-lock.json                             |   2 +-
 phpunit.xml                                   |   3 -
 resources/js/app.js                           |  49 +-
 resources/js/audio.js                         |  23 +-
 resources/views/livewire/library.blade.php    |  28 +-
 .../views/livewire/program-editor.blade.php   | 337 +++++++------
 resources/views/livewire/settings.blade.php   |   7 +-
 .../views/livewire/timer-screen.blade.php     | 460 ++++++++++++------
 resources/views/welcome.blade.php             | 225 ---------
 routes/console.php                            |   7 -
 tests/Feature/ExampleTest.php                 |  19 -
 tests/Pest.php                                |   3 +-
 tests/TestCase.php                            |   3 +-
 tests/Unit/ExampleTest.php                    |  16 -
 tests/Unit/Timer/BeepLogicTest.php            | 331 ++++++++-----
 tests/Unit/Timer/DurationCalcTest.php         |  30 +-
 tests/Unit/Timer/EndSoundTest.php             |  52 +-
 tests/Unit/Timer/LifecycleTest.php            |  55 +--
 tests/Unit/Timer/SettingsTest.php             |  93 +---
 tests/Unit/Timer/TimerProgramTest.php         | 125 ++---
 tests/Unit/Timer/TimerRunnerTest.php          | 113 +++--
 version.json                                  |   4 +
 67 files changed, 2284 insertions(+), 2571 deletions(-)
 create mode 100644 .github/workflows/bump-version.yml
 create mode 100644 app/Console/Commands/MigrateFromFiles.php
 delete mode 100644 app/Http/Controllers/Controller.php
 create mode 100644 app/Jobs/WriteHistoryEntry.php
 create mode 100644 app/Models/HistoryEntry.php
 create mode 100644 app/Models/Phase.php
 create mode 100644 app/Models/Program.php
 create mode 100644 app/Models/Setting.php
 delete mode 100644 app/Models/User.php
 delete mode 100644 app/Timer/AppSettings.php
 delete mode 100644 app/Timer/Phase.php
 delete mode 100644 app/Timer/TimerProgram.php
 delete mode 100644 config/auth.php
 delete mode 100644 config/database.php
 delete mode 100644 config/mail.php
 delete mode 100644 config/services.php
 delete mode 100644 database/.gitignore
 delete mode 100644 database/factories/UserFactory.php
 delete mode 100644 database/migrations/0001_01_01_000001_create_cache_table.php
 delete mode 100644 database/migrations/0001_01_01_000002_create_jobs_table.php
 create mode 100644 database/migrations/2026_04_09_071339_create_jobs_table.php
 create mode 100644 database/migrations/2026_04_09_080000_create_programs_table.php
 create mode 100644 database/migrations/2026_04_09_080001_create_phases_table.php
 create mode 100644 database/migrations/2026_04_09_080002_create_history_table.php
 create mode 100644 database/migrations/2026_04_09_080003_create_settings_table.php
 rename database/migrations/{0001_01_01_000000_create_users_table.php => 2026_04_09_122314_create_sessions_table.php} (53%)
 delete mode 100644 database/seeders/DatabaseSeeder.php
 create mode 100644 nativephp.json
 delete mode 100644 resources/views/welcome.blade.php
 delete mode 100644 tests/Feature/ExampleTest.php
 delete mode 100644 tests/Unit/ExampleTest.php
 create mode 100644 version.json

diff --git a/.env.example b/.env.example
index c0660ea..229a426 100644
--- a/.env.example
+++ b/.env.example
@@ -63,3 +63,5 @@ AWS_BUCKET=
 AWS_USE_PATH_STYLE_ENDPOINT=false
 
 VITE_APP_NAME="${APP_NAME}"
+
+NATIVEPHP_APP_ID=com.nikolabucic.intervaltimer
diff --git a/.github/workflows/bump-version.yml b/.github/workflows/bump-version.yml
new file mode 100644
index 0000000..6ccda15
--- /dev/null
+++ b/.github/workflows/bump-version.yml
@@ -0,0 +1,34 @@
+name: Bump Version
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  bump:
+    if: "!contains(github.event.head_commit.message, '[skip ci]')"
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Bump patch version and version_code
+        run: |
+          VERSION=$(jq -r '.version' version.json)
+          CODE=$(jq -r '.version_code' version.json)
+          IFS='.' read -r MAJOR MINOR PATCH <<< "$VERSION"
+          NEW_PATCH=$((PATCH + 1))
+          NEW_VERSION="$MAJOR.$MINOR.$NEW_PATCH"
+          NEW_CODE=$((CODE + 1))
+          jq --arg v "$NEW_VERSION" --argjson c "$NEW_CODE" \
+            '.version = $v | .version_code = $c' version.json > tmp.json && mv tmp.json version.json
+          echo "NEW_VERSION=$NEW_VERSION" >> $GITHUB_ENV
+
+      - name: Commit bumped version
+        run: |
+          git config user.name "github-actions[bot]"
+          git config user.email "github-actions[bot]@users.noreply.github.com"
+          git add version.json
+          git commit -m "chore: bump version to $NEW_VERSION [skip ci]"
+          git push
diff --git a/.gitignore b/.gitignore
index 0eeb578..944856f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,3 +23,7 @@ _ide_helper.php
 Homestead.json
 Homestead.yaml
 Thumbs.db
+/nativephp
+/database/database.sqlite
+/app-release-signed.apk*
+/my-release-key*
diff --git a/app/Console/Commands/MigrateFromFiles.php b/app/Console/Commands/MigrateFromFiles.php
new file mode 100644
index 0000000..e07d7ee
--- /dev/null
+++ b/app/Console/Commands/MigrateFromFiles.php
@@ -0,0 +1,168 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Console\Commands;
+
+use App\Enum\BeepLeadIn;
+use App\Models\HistoryEntry;
+use App\Models\Program;
+use App\Models\Setting;
+use Illuminate\Console\Command;
+use Illuminate\Support\Facades\Storage;
+use JsonException;
+
+/**
+ * One-time migration from the old JSON file storage to SQLite.
+ *
+ * Run this once on an existing install before deploying the database version:
+ *   php artisan timer:migrate-from-files
+ *
+ * Safe to run multiple times — skips programs already present by UUID.
+ */
+class MigrateFromFiles extends Command
+{
+    protected $signature = 'timer:migrate-from-files
+                            {--force : Skip confirmation prompt}';
+
+    protected $description = 'Import programs, history, and settings from JSON file storage into the database';
+
+    public function handle(): int
+    {
+        if (!$this->option('force') && !$this->confirm('This will import JSON file data into the database. Continue?')) {
+            return self::FAILURE;
+        }
+
+        $this->migrateSettings();
+        $this->migratePrograms();
+        $this->migrateHistory();
+
+        $this->info('Done.');
+        return self::SUCCESS;
+    }
+
+    private function migrateSettings(): void
+    {
+        $path = 'settings.json';
+
+        if (!Storage::exists($path)) {
+            $this->line('  settings.json not found — skipping (defaults will be used on first load).');
+            return;
+        }
+
+        try {
+            $data = json_decode(Storage::get($path), true, 512, JSON_THROW_ON_ERROR);
+        } catch (JsonException $e) {
+            $this->warn("  Could not parse settings.json: {$e->getMessage()}");
+            return;
+        }
+
+        $settings = Setting::first() ?? new Setting();
+        $settings->default_beep_lead_in = BeepLeadIn::from((int) ($data['default_beep_lead_in'] ?? 3));
+        $settings->default_end_sound    = $data['default_end_sound'] ?? 'triple';
+        $settings->sound_mode           = $data['sound_mode'] ?? 'beep';
+        $settings->volume               = (float) ($data['volume'] ?? 0.8);
+        $settings->keep_screen_on       = (bool) ($data['keep_screen_on'] ?? true);
+        $settings->save();
+
+        $this->info('  Settings imported.');
+    }
+
+    private function migratePrograms(): void
+    {
+        $files = collect(Storage::files('programs'))
+            ->filter(fn(string $p) => str_ends_with($p, '.json'));
+
+        if ($files->isEmpty()) {
+            $this->line('  No program files found — skipping.');
+            return;
+        }
+
+        $imported = 0;
+        $skipped  = 0;
+
+        foreach ($files as $file) {
+            try {
+                $data = json_decode(Storage::get($file), true, 512, JSON_THROW_ON_ERROR);
+            } catch (JsonException $e) {
+                $this->warn("  Skipping $file: {$e->getMessage()}");
+                $skipped++;
+                continue;
+            }
+
+            $id = $data['id'] ?? null;
+            if (!$id) {
+                $this->warn("  Skipping $file: missing id.");
+                $skipped++;
+                continue;
+            }
+
+            if (Program::where('id', $id)->exists()) {
+                $this->line("  Skipping $id — already in database.");
+                $skipped++;
+                continue;
+            }
+
+            $program = Program::create([
+                'id'           => $id,
+                'name'         => $data['name'],
+                'beep_lead_in' => BeepLeadIn::from((int) ($data['beep_lead_in'] ?? 3)),
+                'end_sound'    => $data['end_sound'] ?? 'triple',
+                'last_used_at' => $data['last_used_at'] ?? null,
+//                'created_at'   => $data['created_at'] ?? now(),
+//                'updated_at'   => $data['created_at'] ?? now(),
+            ]);
+
+            foreach (($data['phases'] ?? []) as $index => $phaseData) {
+                $program->phases()->create([
+                    'sort_order'  => $index,
+                    'label'       => $phaseData['label'],
+                    'duration'    => (int) $phaseData['duration'],
+                    'repetitions' => (int) ($phaseData['repetitions'] ?? 1),
+                    'pause'       => (int) ($phaseData['pause'] ?? 0),
+                    'cooldown'    => (int) ($phaseData['cooldown'] ?? 0),
+                    'color'       => $phaseData['color'] ?? '#3b82f6',
+                ]);
+            }
+
+            $imported++;
+        }
+
+        $this->info("  Programs: $imported imported, $skipped skipped.");
+    }
+
+    private function migrateHistory(): void
+    {
+        $path = 'history.json';
+
+        if (!Storage::exists($path)) {
+            $this->line('  history.json not found — skipping.');
+            return;
+        }
+
+        try {
+            $entries = json_decode(Storage::get($path), true, 512, JSON_THROW_ON_ERROR);
+        } catch (JsonException $e) {
+            $this->warn("  Could not parse history.json: {$e->getMessage()}");
+            return;
+        }
+
+        if (HistoryEntry::exists()) {
+            $this->line('  History table already has rows — skipping.');
+            return;
+        }
+
+        $imported = 0;
+        foreach ($entries as $entry) {
+            HistoryEntry::create([
+                'program_id'     => $entry['program_id'] ?? null,
+                'program_name'   => $entry['program_name'],
+                'completed_at'   => $entry['completed_at'],
+                'total_duration' => (int) $entry['total_duration'],
+            ]);
+            $imported++;
+        }
+
+        $this->info("  History: $imported entries imported.");
+    }
+}
diff --git a/app/Enum/BeepLeadIn.php b/app/Enum/BeepLeadIn.php
index a5a9236..71124ed 100644
--- a/app/Enum/BeepLeadIn.php
+++ b/app/Enum/BeepLeadIn.php
@@ -2,18 +2,8 @@
 
 namespace App\Enum;
 
-use Override;
-
 enum BeepLeadIn: int
 {
     case Five = 5;
     case Three = 3;
-
-    public static function fromNumberToEnum(int $value): BeepLeadIn
-    {
-        return match ($value) {
-            3 => self::Three,
-            default => self::Five,
-        };
-    }
 }
diff --git a/app/Enum/StateMachine.php b/app/Enum/StateMachine.php
index 1bd9ba1..d9f9bb8 100644
--- a/app/Enum/StateMachine.php
+++ b/app/Enum/StateMachine.php
@@ -5,6 +5,7 @@
 enum StateMachine: string
 {
 case idle = 'IDLE';
+case prepare = 'PREPARE';
 case running = 'RUNNING';
 case paused = 'PAUSED';
 case pause = 'PAUSE';
diff --git a/app/Events/PhaseChanged.php b/app/Events/PhaseChanged.php
index 319a8ae..11581a1 100644
--- a/app/Events/PhaseChanged.php
+++ b/app/Events/PhaseChanged.php
@@ -4,7 +4,7 @@
 
 namespace App\Events;
 
-use App\Timer\Phase;
+use App\Models\Phase;
 use Attribute;
 use Illuminate\Broadcasting\InteractsWithSockets;
 use Illuminate\Foundation\Events\Dispatchable;
diff --git a/app/Events/ProgramCompleted.php b/app/Events/ProgramCompleted.php
index b6c31a2..ea3e2e2 100644
--- a/app/Events/ProgramCompleted.php
+++ b/app/Events/ProgramCompleted.php
@@ -4,11 +4,12 @@
 
 namespace App\Events;
 
+use Attribute;
 use Illuminate\Broadcasting\InteractsWithSockets;
 use Illuminate\Foundation\Events\Dispatchable;
 use Illuminate\Queue\SerializesModels;
 
-#[\Attribute]
+#[Attribute]
 class ProgramCompleted
 {
     use Dispatchable, InteractsWithSockets, SerializesModels;
diff --git a/app/Http/Controllers/Controller.php b/app/Http/Controllers/Controller.php
deleted file mode 100644
index 8677cd5..0000000
--- a/app/Http/Controllers/Controller.php
+++ /dev/null
@@ -1,8 +0,0 @@
-<?php
-
-namespace App\Http\Controllers;
-
-abstract class Controller
-{
-    //
-}
diff --git a/app/Jobs/WriteHistoryEntry.php b/app/Jobs/WriteHistoryEntry.php
new file mode 100644
index 0000000..c6e7e10
--- /dev/null
+++ b/app/Jobs/WriteHistoryEntry.php
@@ -0,0 +1,37 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Jobs;
+
+use App\Models\HistoryEntry;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Foundation\Queue\Queueable;
+
+class WriteHistoryEntry implements ShouldQueue
+{
+    use Queueable;
+
+    public function __construct(
+        private readonly string $programId,
+        private readonly string $programName,
+        private readonly string $completedAt,
+        private readonly int    $totalDuration,
+    ) {}
+
+    public function handle(): void
+    {
+        HistoryEntry::create([
+            'program_id'     => $this->programId,
+            'program_name'   => $this->programName,
+            'completed_at'   => $this->completedAt,
+            'total_duration' => $this->totalDuration,
+        ]);
+
+        // Keep only the 20 most recent entries
+        $toDelete = HistoryEntry::latest('completed_at')->limit(10)->skip(20)->pluck('id');
+        if ($toDelete->isNotEmpty()) {
+            HistoryEntry::whereIn('id', $toDelete)->delete();
+        }
+    }
+}
diff --git a/app/Livewire/Library.php b/app/Livewire/Library.php
index 82e6544..620f5f2 100644
--- a/app/Livewire/Library.php
+++ b/app/Livewire/Library.php
@@ -4,7 +4,9 @@
 
 namespace App\Livewire;
 
-use App\Timer\TimerProgram;
+use App\Models\Program;
+use App\Models\Setting;
+use Illuminate\View\View;
 use Livewire\Attributes\Layout;
 use Livewire\Attributes\Title;
 use Livewire\Component;
@@ -16,7 +18,6 @@ class Library extends Component
     public string $newName = '';
     public bool   $showCreate = false;
 
-    /** @var TimerProgram[] */
     public array $programs = [];
 
     public function mount(): void
@@ -26,12 +27,15 @@ public function mount(): void
 
     public function loadPrograms(): void
     {
-        $this->programs = TimerProgram::all();
+        $this->programs = Program::with('phases')
+            ->orderByRaw('COALESCE(last_used_at, created_at) DESC')
+            ->get()
+            ->toArray();
     }
 
     public function openCreate(): void
     {
-        $this->newName   = '';
+        $this->newName    = '';
         $this->showCreate = true;
     }
 
@@ -45,27 +49,27 @@ public function createProgram(): void
     {
         $this->validate(['newName' => 'required|string|max:60']);
 
-        $program = TimerProgram::create(trim($this->newName));
-        $program->save();
+        $settings = Setting::current();
+
+        $program = Program::create([
+            'name'         => trim($this->newName),
+            'beep_lead_in' => $settings->default_beep_lead_in,
+            'end_sound'    => $settings->default_end_sound,
+        ]);
 
         $this->showCreate = false;
         $this->newName    = '';
 
-        $this->redirect("/programs/{$program->id}/edit", navigate: true);
+        $this->redirect("/programs/$program->id/edit");
     }
 
     public function deleteProgram(string $id): void
     {
-        try {
-            $program = TimerProgram::load($id);
-            $program->delete();
-        } catch (\RuntimeException) {
-            // Already gone — ignore.
-        }
+        Program::find($id)?->delete();
         $this->loadPrograms();
     }
 
-    public function render(): \Illuminate\View\View
+    public function render(): View
     {
         return view('livewire.library');
     }
diff --git a/app/Livewire/ProgramEditor.php b/app/Livewire/ProgramEditor.php
index 816a3f8..76559d8 100644
--- a/app/Livewire/ProgramEditor.php
+++ b/app/Livewire/ProgramEditor.php
@@ -4,9 +4,11 @@
 
 namespace App\Livewire;
 
-use App\Timer\AppSettings;
-use App\Timer\Phase;
-use App\Timer\TimerProgram;
+use App\Enum\BeepLeadIn;
+use App\Models\Program;
+use App\Models\Setting;
+use Illuminate\Validation\Rules\Enum;
+use Illuminate\View\View;
 use Livewire\Attributes\Layout;
 use Livewire\Attributes\Title;
 use Livewire\Component;
@@ -16,26 +18,26 @@
 class ProgramEditor extends Component
 {
     // ── Program fields ────────────────────────────────────────────────────
-    public string $programId  = '';
-    public string $name       = '';
-    public int    $beepLeadIn = 3;
-    public string $endSound   = 'triple';
+    public string $programId = '';
+    public string $name = '';
+    public BeepLeadIn $beepLeadIn = BeepLeadIn::Three;
+    public string $endSound = 'triple';
 
     // ── Phase form fields (for the active add/edit panel) ─────────────────
-    public ?int    $editingPhaseIndex = null;  // null = adding new
-    public string  $phaseLabel        = '';
-    public int     $phaseDuration     = 30;
-    public int     $phaseReps         = 1;
-    public int     $phasePause        = 0;
-    public int     $phaseCooldown     = 0;
-    public string  $phaseColor        = '#3b82f6';
+    public ?int $editingPhaseIndex = null;  // null = adding new
+    public string $phaseLabel = '';
+    public int $phaseDuration = 30;
+    public int $phaseReps = 1;
+    public int $phasePause = 0;
+    public int $phaseCooldown = 0;
+    public string $phaseColor = '#3b82f6';
 
-    public bool    $showPhaseForm = false;
+    public bool $showPhaseForm = false;
 
-    /** @var array[] Raw phase arrays (toArray) for display, mutated in-place */
+    /** @var array[] Raw phase arrays for display, mutated in-place */
     public array $phases = [];
 
-    // Colour palette for quick-pick
+    // Color palette for quick-pick
     public array $palette = [
         '#3b82f6', // blue
         '#22c55e', // green
@@ -50,46 +52,76 @@ class ProgramEditor extends Component
     public function mount(string $id): void
     {
         if ($id === 'create') {
-            // New program with defaults from settings
-            $settings = AppSettings::load();
-            $this->beepLeadIn = $settings->defaultBeepLeadIn;
-            $this->endSound   = $settings->defaultEndSound;
+            $settings = Setting::current();
+            $this->beepLeadIn = $settings->default_beep_lead_in;
+            $this->endSound   = $settings->default_end_sound;
         } else {
-            $program          = TimerProgram::load($id);
-            $this->programId  = $program->id;
-            $this->name       = $program->name;
-            $this->beepLeadIn = $program->beepLeadIn;
-            $this->endSound   = $program->endSound;
-            $this->phases     = array_map(
-                static fn (Phase $p) => $p->toArray(),
-                $program->phases,
-            );
+            $program = Program::with('phases')->findOrFail($id);
+            $this->programId = $program->id;
+            $this->name      = $program->name;
+            $this->beepLeadIn = $program->beep_lead_in;
+            $this->endSound   = $program->end_sound;
+            $this->phases = $program->phases
+                ->map(fn($p) => [
+                    'label'       => $p->label,
+                    'duration'    => $p->duration,
+                    'repetitions' => $p->repetitions,
+                    'pause'       => $p->pause,
+                    'cooldown'    => $p->cooldown,
+                    'color'       => $p->color,
+                ])
+                ->all();
         }
     }
 
     // ── Phase form ────────────────────────────────────────────────────────
 
-    public function openAddPhase(): void
+    public function cancelPhaseForm(): void
     {
-        if (count($this->phases) >= 10) {
-            return;
-        }
+        $this->showPhaseForm = false;
         $this->resetPhaseForm();
-        $this->editingPhaseIndex = null;
-        $this->showPhaseForm     = true;
+    }
+
+    public function deletePhase(int $index): void
+    {
+        array_splice($this->phases, $index, 1);
     }
 
     public function editPhase(int $index): void
     {
         $p = $this->phases[$index];
-        $this->phaseLabel     = $p['label'];
-        $this->phaseDuration  = $p['duration'];
-        $this->phaseReps      = $p['repetitions'];
-        $this->phasePause     = $p['pause'];
-        $this->phaseCooldown  = $p['cooldown'];
-        $this->phaseColor     = $p['color'];
+        $this->phaseLabel    = $p['label'];
+        $this->phaseDuration = $p['duration'];
+        $this->phaseReps     = $p['repetitions'];
+        $this->phasePause    = $p['pause'];
+        $this->phaseCooldown = $p['cooldown'];
+        $this->phaseColor    = $p['color'];
         $this->editingPhaseIndex = $index;
-        $this->showPhaseForm  = true;
+        $this->showPhaseForm = true;
+    }
+
+    public function movePhaseDown(int $index): void
+    {
+        if ($index >= count($this->phases) - 1) return;
+        [$this->phases[$index], $this->phases[$index + 1]] =
+            [$this->phases[$index + 1], $this->phases[$index]];
+    }
+
+    public function movePhaseUp(int $index): void
+    {
+        if ($index <= 0) return;
+        [$this->phases[$index - 1], $this->phases[$index]] =
+            [$this->phases[$index], $this->phases[$index - 1]];
+    }
+
+    public function openAddPhase(): void
+    {
+        if (count($this->phases) >= 10) {
+            return;
+        }
+        $this->resetPhaseForm();
+        $this->editingPhaseIndex = null;
+        $this->showPhaseForm = true;
     }
 
     public function savePhase(): void
@@ -102,6 +134,10 @@ public function savePhase(): void
             'phaseCooldown' => 'required|integer|min:0|max:3600',
         ]);
 
+        if ($this->phaseReps === 1) {
+            $this->phasePause = 0;
+        }
+
         $phaseArray = [
             'label'       => trim($this->phaseLabel),
             'duration'    => $this->phaseDuration,
@@ -121,63 +157,64 @@ public function savePhase(): void
         $this->resetPhaseForm();
     }
 
-    public function deletePhase(int $index): void
-    {
-        array_splice($this->phases, $index, 1);
-    }
-
-    public function movePhaseUp(int $index): void
-    {
-        if ($index <= 0) return;
-        [$this->phases[$index - 1], $this->phases[$index]] =
-            [$this->phases[$index], $this->phases[$index - 1]];
-    }
-
-    public function movePhaseDown(int $index): void
-    {
-        if ($index >= count($this->phases) - 1) return;
-        [$this->phases[$index], $this->phases[$index + 1]] =
-            [$this->phases[$index + 1], $this->phases[$index]];
-    }
-
-    public function cancelPhaseForm(): void
+    public function savePhaseAndAddNew(): void
     {
-        $this->showPhaseForm = false;
-        $this->resetPhaseForm();
+        $this->savePhase();
+        $this->editingPhaseIndex = null;
+        $this->showPhaseForm = true;
     }
 
-    // ── Program save/delete ───────────────────────────────────────────────
+    // ── Program save ──────────────────────────────────────────────────────
 
     public function saveProgram(): void
     {
         $this->validate([
             'name'       => 'required|string|max:60',
-            'beepLeadIn' => 'required|in:3,5',
+            'beepLeadIn' => ['required', new Enum(BeepLeadIn::class)],
             'endSound'   => 'required|in:triple,chime',
         ]);
 
         if ($this->programId === '') {
-            $program             = TimerProgram::create($this->name);
-            $this->programId     = $program->id;
+            $settings = Setting::current();
+            $program = Program::create([
+                'name'         => $this->name,
+                'beep_lead_in' => $settings->default_beep_lead_in,
+                'end_sound'    => $settings->default_end_sound,
+            ]);
+            $this->programId = $program->id;
         } else {
-            $program             = TimerProgram::load($this->programId);
-            $program->name       = $this->name;
+            $program = Program::findOrFail($this->programId);
+            $program->name = $this->name;
         }
 
-        $program->beepLeadIn = $this->beepLeadIn;
-        $program->endSound   = $this->endSound;
-        $program->phases     = array_map(
-            static fn (array $p) => Phase::fromArray($p),
-            $this->phases,
-        );
-
+        $program->beep_lead_in = $this->beepLeadIn;
+        $program->end_sound    = $this->endSound;
         $program->save();
 
-        $this->redirect("/timer/{$program->id}", navigate: true);
+        $program->phases()->delete();
+        foreach ($this->phases as $index => $phaseData) {
+            $program->phases()->create([
+                'sort_order'  => $index,
+                'label'       => $phaseData['label'],
+                'duration'    => (int) $phaseData['duration'],
+                'repetitions' => (int) $phaseData['repetitions'],
+                'pause'       => (int) $phaseData['pause'],
+                'cooldown'    => (int) $phaseData['cooldown'],
+                'color'       => $phaseData['color'],
+            ]);
+        }
+
+        $this->redirect("/timer/$program->id");
     }
 
     // ── Computed ─────────────────────────────────────────────────────────
 
+    public function formattedDuration(): string
+    {
+        $total = $this->totalDuration();
+        return sprintf('%d:%02d', intdiv($total, 60), $total % 60);
+    }
+
     public function totalDuration(): int
     {
         return array_reduce(
@@ -191,13 +228,24 @@ static function (int $carry, array $p): int {
         );
     }
 
-    public function formattedDuration(): string
+    /**
+     * True when the phase form is open for the last phase in the list
+     * (or for a new phase that will become the last).
+     * Used in the view to grey out the cooldown field.
+     */
+    public function editingIsLastPhase(): bool
     {
-        $total = $this->totalDuration();
-        return sprintf('%d:%02d', intdiv($total, 60), $total % 60);
+        $count = count($this->phases);
+        if ($count === 0) {
+            return true;
+        }
+        if ($this->editingPhaseIndex === null) {
+            return true;
+        }
+        return $this->editingPhaseIndex === $count - 1;
     }
 
-    public function render(): \Illuminate\View\View
+    public function render(): View
     {
         return view('livewire.program-editor');
     }
@@ -208,7 +256,7 @@ private function resetPhaseForm(): void
     {
         $this->phaseLabel    = '';
         $this->phaseDuration = 30;
-        $this->phaseReps     = 1;
+        $this->phaseReps     = 3;
         $this->phasePause    = 0;
         $this->phaseCooldown = 0;
         $this->phaseColor    = '#3b82f6';
diff --git a/app/Livewire/Settings.php b/app/Livewire/Settings.php
index a74f800..305b63c 100644
--- a/app/Livewire/Settings.php
+++ b/app/Livewire/Settings.php
@@ -4,7 +4,10 @@
 
 namespace App\Livewire;
 
-use App\Timer\AppSettings;
+use App\Enum\BeepLeadIn;
+use App\Models\Setting;
+use Illuminate\Validation\Rules\Enum;
+use Illuminate\View\View;
 use Livewire\Attributes\Layout;
 use Livewire\Attributes\Title;
 use Livewire\Component;
@@ -13,50 +16,52 @@
 #[Title('Settings — Interval Timer')]
 class Settings extends Component
 {
-    public int    $defaultBeepLeadIn = 3;
-    public string $defaultEndSound   = 'triple';
-    public string $soundMode         = 'beep';
-    public float  $volume            = 0.8;
-    public bool   $keepScreenOn      = true;
+    public BeepLeadIn $defaultBeepLeadIn = BeepLeadIn::Three;
+    public string $defaultEndSound = 'triple';
+    public string $soundMode = 'beep';
+    public float $volume = 0.8;
+    public bool $keepScreenOn = true;
 
-    public bool   $saved = false;
+    public bool $saved = false;
 
     public function mount(): void
     {
-        $settings = AppSettings::load();
+        $settings = Setting::current();
 
-        $this->defaultBeepLeadIn = $settings->defaultBeepLeadIn;
-        $this->defaultEndSound   = $settings->defaultEndSound;
-        $this->soundMode         = $settings->soundMode;
+        $this->defaultBeepLeadIn = $settings->default_beep_lead_in;
+        $this->defaultEndSound   = $settings->default_end_sound;
+        $this->soundMode         = $settings->sound_mode;
         $this->volume            = $settings->volume;
-        $this->keepScreenOn      = $settings->keepScreenOn;
+        $this->keepScreenOn      = $settings->keep_screen_on;
+    }
+
+    public function render(): View
+    {
+        return view('livewire.settings');
     }
 
     public function save(): void
     {
         $this->validate([
-            'defaultBeepLeadIn' => 'required|in:3,5',
+            'defaultBeepLeadIn' => ['required', new Enum(BeepLeadIn::class)],
             'defaultEndSound'   => 'required|in:triple,chime',
             'soundMode'         => 'required|in:beep,voice',
             'volume'            => 'required|numeric|min:0|max:1',
             'keepScreenOn'      => 'boolean',
         ]);
 
-        $settings = AppSettings::load();
+        $settings = Setting::current();
 
-        $settings->defaultBeepLeadIn = $this->defaultBeepLeadIn;
-        $settings->defaultEndSound   = $this->defaultEndSound;
-        $settings->soundMode         = $this->soundMode;
-        $settings->volume            = round((float) $this->volume, 2);
-        $settings->keepScreenOn      = $this->keepScreenOn;
+        $settings->default_beep_lead_in = $this->defaultBeepLeadIn;
+        $settings->default_end_sound    = $this->defaultEndSound;
+        $settings->sound_mode           = $this->soundMode;
+        $settings->volume               = round((float) $this->volume, 2);
+        $settings->keep_screen_on       = $this->keepScreenOn;
 
         $settings->save();
 
-        $this->saved = true;
-    }
+        $this->dispatch('settingsLoaded', soundMode: $this->soundMode, volume: $this->volume, program: null);
 
-    public function render(): \Illuminate\View\View
-    {
-        return view('livewire.settings');
+        $this->saved = true;
     }
 }
diff --git a/app/Livewire/TimerScreen.php b/app/Livewire/TimerScreen.php
index abe170a..abb7958 100644
--- a/app/Livewire/TimerScreen.php
+++ b/app/Livewire/TimerScreen.php
@@ -4,12 +4,16 @@
 
 namespace App\Livewire;
 
-use App\Timer\AppSettings;
+use App\Enum\StateMachine;
+use App\Models\HistoryEntry;
+use App\Models\Phase;
+use App\Models\Program;
+use App\Models\Setting;
 use App\Timer\TimerCursor;
-use App\Timer\TimerProgram;
 use App\Timer\TimerRunner;
+use Illuminate\Support\Facades\Log;
+use Illuminate\View\View;
 use Livewire\Attributes\Layout;
-use Livewire\Attributes\On;
 use Livewire\Attributes\Title;
 use Livewire\Component;
 
@@ -19,74 +23,114 @@ class TimerScreen extends Component
 {
     // ── Identifiers ───────────────────────────────────────────────────────
     public ?string $programId = null;
-    public string  $programName = '';
+    public string $programName = '';
 
-    // ── Cursor snapshot (serialisable scalars for Livewire) ──────────────
-    public string $state          = 'idle';   // mirrors TimerCursor->state
-    public int    $remaining      = 0;
-    public int    $totalRemaining = 0;
-    public int    $phaseIndex     = 0;
-    public int    $repIndex       = 0;
+    // ── Cursor snapshot (serializable scalars for Livewire) ──────────────
+    public StateMachine $state = StateMachine::idle;
+    public int $remaining = 0;
+    public int $totalRemaining = 0;
+    public int $phaseIndex = 0;
+    public int $repIndex = 0;
 
     // ── Phase display ─────────────────────────────────────────────────────
     public string $phaseLabel = '';
     public string $phaseColor = '#3b82f6';
-    public int    $phaseReps  = 1;
+    public int $phaseReps = 1;
+    /** @var array[] Serialised Phase rows for the phase strip */
+    public array $phases = [];
 
     // ── Settings (for the JS audio layer) ────────────────────────────────
     public string $soundMode = 'beep';
-    public float  $volume    = 0.8;
-    public string $endSound  = 'triple';
+    public float $volume = 0.8;
+    public string $endSound = 'triple';
+
+    // ── Ring countdown ────────────────────────────────────────────────────
+    public int $programTotalDuration = 0;
 
     // ── Beep lead-in (so JS can display a countdown label) ───────────────
     public string $countdownLabel = '';
 
+    // ── History (shown on Timer tab when no program is loaded) ───────────
+    /** @var array[] serialised HistoryEntry rows + 'program_exists' bool */
+    public array $history = [];
+
     public function mount(?string $id = null): void
     {
-        $settings        = AppSettings::load();
-        $this->soundMode = $settings->soundMode;
+        $settings = Setting::current();
+        $this->soundMode = $settings->sound_mode;
         $this->volume    = $settings->volume;
 
         if ($id) {
             $this->loadProgram($id);
+        } else {
+            $this->loadHistory();
         }
     }
 
+    // ── Timer controls ────────────────────────────────────────────────────
+
     public function loadProgram(string $id): void
     {
         $runner  = app(TimerRunner::class);
-        $program = TimerProgram::load($id);
-
-        $runner->load($program);
+        $program = Program::with('phases')->findOrFail($id);
 
-        $this->programId   = $id;
-        $this->programName = $program->name;
-        $this->endSound    = $program->endSound;
+        $this->programId           = $id;
+        $this->programName         = $program->name;
+        $this->endSound            = $program->end_sound;
+        $this->programTotalDuration = $program->totalDuration();
+        $this->rehydrateRunner($runner);
 
         $this->syncCursor($runner->cursor(), $program);
 
-        // Push settings to JS audio layer
-        $this->dispatch('settingsLoaded', soundMode: $this->soundMode, volume: $this->volume);
+        $this->dispatch('topbar-title', title: $program->name);
+        $this->dispatch('settingsLoaded', soundMode: $this->soundMode, volume: $this->volume, program: $program);
     }
 
-    // ── Timer controls ────────────────────────────────────────────────────
+    public function discard(): void
+    {
+        app(TimerRunner::class)->discard();
+        $this->state          = StateMachine::idle;
+        $this->remaining      = 0;
+        $this->totalRemaining = 0;
+        $this->dispatch('topbar-title', title: config('app.name'));
+    }
 
-    public function start(): void
+    public function pause(): void
+    {
+        $runner = app(TimerRunner::class);
+        $this->rehydrateRunner($runner);
+        $runner->pause();
+        $this->syncCursor($runner->cursor(), Program::with('phases')->findOrFail($this->programId));
+    }
+
+    public function resume(): void
+    {
+        $runner = app(TimerRunner::class);
+        $this->rehydrateRunner($runner);
+        $runner->resume();
+        $this->syncCursor($runner->cursor(), Program::with('phases')->findOrFail($this->programId));
+    }
+
+    public function restart(): void
     {
         $runner  = app(TimerRunner::class);
-        $program = TimerProgram::load($this->programId);
+        $program = Program::with('phases')->findOrFail($this->programId);
+        $this->programTotalDuration = $program->totalDuration();
+        $runner->load($program);
+        $this->syncCursor($runner->cursor(), $program);
+        $this->dispatch('topbar-title', title: config('app.name'));
+    }
 
-        $runner->onBeep(function (string $reason) use ($program): void {
-            $this->handleBeep($reason, $program);
-        });
-        $runner->onPauseBeep(function (): void {
-            $this->dispatch('playPauseBeep');
-        });
+    public function start(): void
+    {
+        $runner  = app(TimerRunner::class);
+        $program = Program::with('phases')->findOrFail($this->programId);
 
+        $this->programTotalDuration = $program->totalDuration();
+        $runner->load($program);
         $runner->start();
         $this->syncCursor($runner->cursor(), $program);
 
-        // EDGE top bar → program name
         $this->dispatch('topbar-title', title: $this->programName);
     }
 
@@ -94,56 +138,37 @@ public function start(): void
     public function tick(): void
     {
         $runner = app(TimerRunner::class);
+        $this->rehydrateRunner($runner);
 
-        if (! $runner->cursor()->isActive()) {
+        if (!$runner->cursor()->isActive()) {
             return;
         }
 
         $runner->tick();
         $cursor  = $runner->cursor();
-        $program = TimerProgram::load($this->programId);
+        $program = Program::with('phases')->findOrFail($this->programId);
 
         $this->syncCursor($cursor, $program);
 
         if ($cursor->isCompleted()) {
+            Log::info('Completed!');
             $this->dispatch('playEndSound', sound: $this->endSound);
             $this->dispatch('topbar-title', title: config('app.name'));
         }
     }
 
-    public function pause(): void
+    public function requestSettings(): void
     {
-        $runner = app(TimerRunner::class);
-        $runner->pause();
-        $this->syncCursor($runner->cursor(), TimerProgram::load($this->programId));
+        $program = $this->programId ? Program::with('phases')->find($this->programId) : null;
+        $this->dispatch('settingsLoaded', soundMode: $this->soundMode, volume: $this->volume, program: $program);
     }
 
-    public function resume(): void
+    public function render(): View
     {
-        $runner = app(TimerRunner::class);
-        $runner->resume();
-        $this->syncCursor($runner->cursor(), TimerProgram::load($this->programId));
-    }
-
-    public function discard(): void
-    {
-        app(TimerRunner::class)->discard();
-        $this->state          = 'idle';
-        $this->remaining      = 0;
-        $this->totalRemaining = 0;
-        $this->dispatch('topbar-title', title: config('app.name'));
-    }
-
-    public function restart(): void
-    {
-        $runner = app(TimerRunner::class);
-        $program = TimerProgram::load($this->programId);
-        $runner->load($program);
-        $this->syncCursor($runner->cursor(), $program);
-        $this->dispatch('topbar-title', title: config('app.name'));
+        return view('livewire.timer-screen');
     }
 
-    // ── Computed display helpers ──────────────────────────────────────────
+    // ── Display helpers ───────────────────────────────────────────────────
 
     public function formattedRemaining(): string
     {
@@ -157,33 +182,67 @@ public function formattedTotal(): string
         return sprintf('%d:%02d', intdiv($s, 60), $s % 60);
     }
 
+    public function repLabel(): string
+    {
+        if (in_array($this->state, [StateMachine::prepare, StateMachine::cooldown, StateMachine::completed], true)) {
+            return '';
+        }
+        return sprintf('%d / %d', $this->repIndex + 1, $this->phaseReps);
+    }
+
     public function segmentLabel(): string
     {
         return match ($this->state) {
-            'pause'    => 'Pause',
-            'cooldown' => 'Cooldown',
-            'paused'   => 'Paused',
-            'completed' => 'Complete!',
-            default    => $this->phaseLabel,
+            StateMachine::prepare   => 'Get Ready',
+            StateMachine::pause     => 'Pause',
+            StateMachine::cooldown  => 'Cooldown',
+            StateMachine::paused    => 'Paused',
+            StateMachine::completed => 'Complete!',
+            default                 => $this->phaseLabel,
         };
     }
 
-    public function repLabel(): string
+    // ── Internals ─────────────────────────────────────────────────────────
+
+    private function rehydrateRunner(TimerRunner $runner): void
     {
-        if (in_array($this->state, ['pause', 'cooldown', 'paused', 'completed', 'idle'], true)) {
-            return '';
+        if (!$this->programId) {
+            return;
         }
-        return sprintf('%d / %d', $this->repIndex + 1, $this->phaseReps);
+
+        $program = Program::with('phases')->findOrFail($this->programId);
+        $runner->load($program);
+
+        $cursor = new TimerCursor(
+            phaseIndex:     $this->phaseIndex,
+            repIndex:       $this->repIndex,
+            state:          $this->state,
+            remaining:      $this->remaining,
+            totalRemaining: $this->totalRemaining,
+        );
+
+        $runner->cursor = $cursor;
+        $runner->onBeep(function (string $reason): void {
+            $this->handleBeep($reason);
+        });
+        $runner->onPauseBeep(function (): void {
+            $this->dispatch('playPauseBeep');
+        });
     }
 
-    public function render(): \Illuminate\View\View
+    private function handleBeep(string $reason): void
     {
-        return view('livewire.timer-screen');
+        $this->countdownLabel = match ($reason) {
+            'prepare', 'countdown' => (string) $this->remaining,
+            'rep_end'              => 'Done',
+            'pause_end'            => 'Go',
+            'cooldown_end'         => 'Next',
+            default                => '',
+        };
+        $this->dispatch('playBeep', reason: $reason);
     }
 
-    // ── Internals ─────────────────────────────────────────────────────────
-
-    private function syncCursor(TimerCursor $cursor, TimerProgram $program): void
+    private function syncCursor(TimerCursor $cursor, Program $program): void
     {
         $this->state          = $cursor->state;
         $this->remaining      = $cursor->remaining;
@@ -191,24 +250,41 @@ private function syncCursor(TimerCursor $cursor, TimerProgram $program): void
         $this->phaseIndex     = $cursor->phaseIndex;
         $this->repIndex       = $cursor->repIndex;
 
+        $this->phases = $program->phases
+            ->map(fn(Phase $p) => [
+                'label'       => $p->label,
+                'duration'    => $p->duration,
+                'repetitions' => $p->repetitions,
+                'pause'       => $p->pause,
+                'cooldown'    => $p->cooldown,
+                'color'       => $p->color,
+            ])
+            ->all();
+
         if (isset($program->phases[$cursor->phaseIndex])) {
-            $phase            = $program->phases[$cursor->phaseIndex];
+            $phase = $program->phases[$cursor->phaseIndex];
             $this->phaseLabel = $phase->label;
             $this->phaseColor = $phase->color;
             $this->phaseReps  = $phase->repetitions;
         }
     }
 
-    private function handleBeep(string $reason, TimerProgram $program): void
+    private function loadHistory(): void
     {
-        // Determine the countdown label for voice mode
-        $this->countdownLabel = match ($reason) {
-            'countdown'   => $this->remaining . ' seconds',
-            'rep_end'     => 'Done',
-            'pause_end'   => 'Go',
-            'cooldown_end' => 'Next',
-            default       => '',
-        };
-        $this->dispatch('playBeep', reason: $reason);
+        $entries = HistoryEntry::latest('completed_at')->limit(20)->get();
+
+        $existingIds = Program::whereIn('id', $entries->pluck('program_id')->filter())
+            ->pluck('id')
+            ->flip();
+
+        $this->history = $entries
+            ->map(fn(HistoryEntry $e) => [
+                'program_id'     => $e->program_id,
+                'program_name'   => $e->program_name,
+                'completed_at'   => $e->completed_at->toISOString(),
+                'total_duration' => $e->total_duration,
+                'program_exists' => $e->program_id !== null && $existingIds->has($e->program_id),
+            ])
+            ->all();
     }
 }
diff --git a/app/Models/HistoryEntry.php b/app/Models/HistoryEntry.php
new file mode 100644
index 0000000..3afd6c3
--- /dev/null
+++ b/app/Models/HistoryEntry.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class HistoryEntry extends Model
+{
+    public $timestamps = false;
+
+    protected $table = 'history';
+
+    protected $fillable = [
+        'program_id',
+        'program_name',
+        'completed_at',
+        'total_duration',
+    ];
+
+    protected $casts = [
+        'completed_at'   => 'datetime',
+        'total_duration' => 'integer',
+    ];
+}
diff --git a/app/Models/Phase.php b/app/Models/Phase.php
new file mode 100644
index 0000000..2ef7c85
--- /dev/null
+++ b/app/Models/Phase.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class Phase extends Model
+{
+    public $timestamps = false;
+
+    protected $fillable = [
+        'program_id',
+        'sort_order',
+        'label',
+        'duration',
+        'repetitions',
+        'pause',
+        'cooldown',
+        'color',
+    ];
+
+    protected $casts = [
+        'sort_order'  => 'integer',
+        'duration'    => 'integer',
+        'repetitions' => 'integer',
+        'pause'       => 'integer',
+        'cooldown'    => 'integer',
+    ];
+
+    protected static function boot(): void
+    {
+        parent::boot();
+
+        static::saving(static function (Phase $phase): void {
+            if ($phase->repetitions < 1 || $phase->repetitions > 50) {
+                throw new \RangeException('Repetitions must be between 1 and 50.');
+            }
+        });
+    }
+
+    public function program(): BelongsTo
+    {
+        return $this->belongsTo(Program::class);
+    }
+}
diff --git a/app/Models/Program.php b/app/Models/Program.php
new file mode 100644
index 0000000..50e4253
--- /dev/null
+++ b/app/Models/Program.php
@@ -0,0 +1,93 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Models;
+
+use App\Enum\BeepLeadIn;
+use Illuminate\Database\Eloquent\Attributes\Table;
+use Illuminate\Database\Eloquent\Concerns\HasUuids;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use NoDiscard;
+
+#[Table(name: 'programs', key: 'id')]
+class Program extends Model
+{
+    use HasUuids;
+
+    protected $fillable = ['name', 'beep_lead_in', 'end_sound', 'last_used_at', 'id'];
+
+    protected $casts = [
+        'beep_lead_in' => BeepLeadIn::class,
+        'last_used_at' => 'datetime',
+    ];
+
+    protected $appends = ['total_duration'];
+
+    protected $attributes = [
+        'beep_lead_in' => BeepLeadIn::Three,
+    ];
+
+    public function __construct(array $attributes = [])
+    {
+        $this->attributes['end_sound'] = Setting::current()->default_end_sound;
+        parent::__construct($attributes);
+    }
+
+    public function phases(): HasMany
+    {
+        return $this->hasMany(Phase::class)->orderBy('sort_order');
+    }
+
+    public function addPhase(array $attributes): Phase
+    {
+        if ($this->phases()->count() >= 10) {
+            throw new \OverflowException('A program can have at most 10 phases.');
+        }
+
+        $attributes['sort_order'] ??= $this->phases()->count();
+
+        return $this->phases()->create($attributes);
+    }
+
+    /** Also stamps last_used_at alongside updated_at. */
+    public function touch($attribute = null): bool
+    {
+        $this->last_used_at = now();
+        return parent::touch($attribute);
+    }
+
+    #[NoDiscard]
+    public function totalDuration(): int
+    {
+        $phases = $this->phases->all();
+
+        if (empty($phases)) {
+            return 0;
+        }
+
+        $total = array_reduce(
+            $phases,
+            static function (int $carry, Phase $phase): int {
+                $repTime = $phase->duration * $phase->repetitions;
+                $pauses  = $phase->pause * max(0, $phase->repetitions - 1);
+                return $carry + $repTime + $pauses + $phase->cooldown;
+            },
+            0,
+        );
+
+        return $total - (array_last($phases)?->cooldown ?? 0);
+    }
+
+    public function getTotalDurationAttribute(): int
+    {
+        return $this->totalDuration();
+    }
+
+    public function formattedDuration(): string
+    {
+        $total = $this->totalDuration();
+        return sprintf('%d:%02d', intdiv($total, 60), $total % 60);
+    }
+}
diff --git a/app/Models/Setting.php b/app/Models/Setting.php
new file mode 100644
index 0000000..f62fee6
--- /dev/null
+++ b/app/Models/Setting.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Models;
+
+use App\Enum\BeepLeadIn;
+use Illuminate\Database\Eloquent\Model;
+
+class Setting extends Model
+{
+    public $timestamps = false;
+
+    protected $table = 'settings';
+
+    protected $fillable = [
+        'default_beep_lead_in',
+        'default_end_sound',
+        'sound_mode',
+        'volume',
+        'keep_screen_on',
+    ];
+
+    protected $casts = [
+        'default_beep_lead_in' => BeepLeadIn::class,
+        'keep_screen_on'       => 'boolean',
+        'volume'               => 'float',
+    ];
+
+    /** Returns the single settings row, creating it with defaults on first run. */
+    public static function current(): self
+    {
+        return self::first() ?? self::create([
+            'default_beep_lead_in' => BeepLeadIn::Three->value,
+            'default_end_sound'    => 'triple',
+            'sound_mode'           => 'beep',
+            'volume'               => 0.8,
+            'keep_screen_on'       => true,
+        ]);
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
deleted file mode 100644
index f6ba1d2..0000000
--- a/app/Models/User.php
+++ /dev/null
@@ -1,32 +0,0 @@
-<?php
-
-namespace App\Models;
-
-// use Illuminate\Contracts\Auth\MustVerifyEmail;
-use Database\Factories\UserFactory;
-use Illuminate\Database\Eloquent\Attributes\Fillable;
-use Illuminate\Database\Eloquent\Attributes\Hidden;
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Foundation\Auth\User as Authenticatable;
-use Illuminate\Notifications\Notifiable;
-
-#[Fillable(['name', 'email', 'password'])]
-#[Hidden(['password', 'remember_token'])]
-class User extends Authenticatable
-{
-    /** @use HasFactory<UserFactory> */
-    use HasFactory, Notifiable;
-
-    /**
-     * Get the attributes that should be cast.
-     *
-     * @return array<string, string>
-     */
-    protected function casts(): array
-    {
-        return [
-            'email_verified_at' => 'datetime',
-            'password' => 'hashed',
-        ];
-    }
-}
diff --git a/app/Timer/AppSettings.php b/app/Timer/AppSettings.php
deleted file mode 100644
index 75f118b..0000000
--- a/app/Timer/AppSettings.php
+++ /dev/null
@@ -1,74 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Timer;
-
-use App\Enum\BeepLeadIn;
-use Illuminate\Support\Facades\Storage;
-use JsonException;
-
-/**
- * Global app settings persisted to storage/app/settings.json.
- */
-class AppSettings
-{
-    private const string PATH = 'settings.json';
-
-    public BeepLeadIn $defaultBeepLeadIn = BeepLeadIn::Three;    // 3 | 5
-    public string $defaultEndSound = 'triple'; // 'triple' | 'chime'
-    public string $soundMode = 'beep';   // 'beep' | 'voice'
-    public float $volume = 0.8;       // 0–1
-    public bool $keepScreenOn = true;
-
-    private function __construct()
-    {
-    }
-
-    public static function load(): self
-    {
-        $settings = new self();
-
-        if (Storage::exists(self::PATH)) {
-            try {
-                $data = json_decode(
-                    Storage::get(self::PATH),
-                    true,
-                    512,
-                    JSON_THROW_ON_ERROR,
-                );
-            } catch (JsonException) {
-
-            }
-            $settings->defaultBeepLeadIn = BeepLeadIn::fromNumberToEnum((int)($data['default_beep_lead_in'] ?? 3));
-            $settings->defaultEndSound = $data['default_end_sound'] ?? 'triple';
-            $settings->soundMode = $data['sound_mode'] ?? 'beep';
-            $settings->volume = (float)($data['volume'] ?? 0.8);
-            $settings->keepScreenOn = (bool)($data['keep_screen_on'] ?? true);
-        }
-
-        return $settings;
-    }
-
-    /**
-     * @throws JsonException
-     */
-    public function save(): void
-    {
-        Storage::put(
-            self::PATH,
-            json_encode($this->toArray(), JSON_PRETTY_PRINT | JSON_THROW_ON_ERROR),
-        );
-    }
-
-    public function toArray(): array
-    {
-        return [
-            'default_beep_lead_in' => $this->defaultBeepLeadIn,
-            'default_end_sound' => $this->defaultEndSound,
-            'sound_mode' => $this->soundMode,
-            'volume' => $this->volume,
-            'keep_screen_on' => $this->keepScreenOn,
-        ];
-    }
-}
diff --git a/app/Timer/Phase.php b/app/Timer/Phase.php
deleted file mode 100644
index 75403d9..0000000
--- a/app/Timer/Phase.php
+++ /dev/null
@@ -1,53 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Timer;
-
-use RangeException;
-
-/**
- * Value object representing a single named timed block within a program.
- */
-readonly class Phase
-{
-    public function __construct(
-        public string $label,
-        public int    $duration,      // seconds per repetition
-        public int    $repetitions,   // 1–50
-        public int    $pause,         // dead-time between reps (seconds)
-        public int    $cooldown,      // dead-time after final rep (seconds)
-        public string $color,         // hex or Tailwind color token
-    ) {
-        if ($repetitions < 1 || $repetitions > 50) {
-            throw new RangeException('Repetitions must be between 1 and 50.');
-        }
-        if ($duration < 1) {
-            throw new RangeException('Phase duration must be at least 1 second.');
-        }
-    }
-
-    public function toArray(): array
-    {
-        return [
-            'label'       => $this->label,
-            'duration'    => $this->duration,
-            'repetitions' => $this->repetitions,
-            'pause'       => $this->pause,
-            'cooldown'    => $this->cooldown,
-            'color'       => $this->color,
-        ];
-    }
-
-    public static function fromArray(array $data): self
-    {
-        return new self(
-            label: $data['label'],
-            duration: (int) $data['duration'],
-            repetitions: (int) ($data['repetitions'] ?? 1),
-            pause: (int) ($data['pause'] ?? 0),
-            cooldown: (int) ($data['cooldown'] ?? 0),
-            color: $data['color'] ?? '#3b82f6',
-        );
-    }
-}
diff --git a/app/Timer/TimerCursor.php b/app/Timer/TimerCursor.php
index fb6106a..0a08451 100644
--- a/app/Timer/TimerCursor.php
+++ b/app/Timer/TimerCursor.php
@@ -10,15 +10,11 @@
  * Immutable snapshot of where the timer is at any moment.
  *
  * PHP 8.5 FEATURES:
- *   • readonly class      — all properties set once at construction.
- *   • clone with syntax   — each advance method shows the PHP 8.5 form in a
+ *   • readonly class — all properties set once at construction.
+ *   • clone with syntax — each advance method shows the PHP 8.5 form in a
  *                           comment; the working fallback uses new self() which
  *                           is 100% equivalent for readonly classes.
- *   • StateMachine enum   — string-backed enum replaces the string literal.
- *
- * NOTE: `clone $obj with { prop: value }` requires the PHP 8.5 runtime bundled
- * by NativePHP. Host tooling may run PHP 8.4; these new self() calls are a
- * drop-in equivalent that work everywhere.
+ *   • StateMachine enum — string-backed enum replaces the string literal.
  */
 readonly class TimerCursor
 {
@@ -28,152 +24,166 @@ public function __construct(
         public StateMachine $state,           // idle | running | paused | pause | cooldown | completed
         public int          $remaining,       // seconds left in current segment
         public int          $totalRemaining,  // seconds left in the entire program
-    ) {}
-
-    // ── Static factory ────────────────────────────────────────────────────────
+    )
+    {
+    }
 
     public static function idle(): self
     {
         return new self(
-            phaseIndex:     0,
-            repIndex:       0,
-            state:          StateMachine::idle,
-            remaining:      0,
+            phaseIndex: 0,
+            repIndex: 0,
+            state: StateMachine::idle,
+            remaining: 0,
             totalRemaining: 0,
         );
     }
 
-    // ── Segment-level advances ────────────────────────────────────────────────
+    /** Mark the program as completed. */
+    public function complete(): self
+    {
+        return clone($this, [
+                'phaseIndex' => $this->phaseIndex,
+                'repIndex' => $this->repIndex,
+                'state' => StateMachine::completed,
+                'remaining' => 0,
+                'totalRemaining' => 0,
+            ]
+        );
+    }
 
-    /** Tick one second off the current segment and total remaining. */
-    public function tick(): self
+    /** Move into the cooldown state after the final rep of a phase. */
+    public function enterCooldown(int $cooldownDuration, int $totalRemaining): self
     {
-        /* PHP 8.5: return clone $this with { remaining: max(0, $this->remaining - 1),
-                                              totalRemaining: max(0, $this->totalRemaining - 1) }; */
-        return new self(
-            phaseIndex:     $this->phaseIndex,
-            repIndex:       $this->repIndex,
-            state:          $this->state,
-            remaining:      max(0, $this->remaining - 1),
-            totalRemaining: max(0, $this->totalRemaining - 1),
+        return clone($this, [
+                'phaseIndex' => $this->phaseIndex,
+                'repIndex' => $this->repIndex,
+                'state' => StateMachine::cooldown,
+                'remaining' => $cooldownDuration,
+                'totalRemaining' => $totalRemaining,
+            ]
         );
     }
 
     /** Move into the pause state between repetitions. */
     public function enterPause(int $pauseDuration, int $totalRemaining): self
     {
-        /* PHP 8.5: return clone $this with { state: StateMachine::pause,
-                                              remaining: $pauseDuration,
-                                              totalRemaining: $totalRemaining }; */
-        return new self(
-            phaseIndex:     $this->phaseIndex,
-            repIndex:       $this->repIndex,
-            state:          StateMachine::pause,
-            remaining:      $pauseDuration,
-            totalRemaining: $totalRemaining,
+        return clone($this, [
+                'phaseIndex' => $this->phaseIndex,
+                'repIndex' => $this->repIndex,
+                'state' => StateMachine::pause,
+                'remaining' => $pauseDuration,
+                'totalRemaining' => $totalRemaining,
+            ]
         );
     }
 
-    /** Move into the cooldown state after the final rep of a phase. */
-    public function enterCooldown(int $cooldownDuration, int $totalRemaining): self
+    /** Enter the pre-start countdown before the first rep. */
+    public function enterPrepare(int $seconds): self
     {
-        /* PHP 8.5: return clone $this with { state: StateMachine::cooldown,
-                                              remaining: $cooldownDuration,
-                                              totalRemaining: $totalRemaining }; */
-        return new self(
-            phaseIndex:     $this->phaseIndex,
-            repIndex:       $this->repIndex,
-            state:          StateMachine::cooldown,
-            remaining:      $cooldownDuration,
-            totalRemaining: $totalRemaining,
+        return clone($this, [
+                'phaseIndex'     => 0,
+                'repIndex'       => 0,
+                'state'          => StateMachine::prepare,
+                'remaining'      => $seconds,
+                'totalRemaining' => $this->totalRemaining,
+            ]
         );
     }
 
-    /** Advance to the next repetition of the same phase. */
-    public function nextRep(int $repDuration, int $totalRemaining): self
+    /** True whenever the timer is actively counting down (not user-paused, not idle). */
+    public function isActive(): bool
     {
-        /* PHP 8.5: return clone $this with { repIndex: $this->repIndex + 1,
-                                              state: StateMachine::running,
-                                              remaining: $repDuration,
-                                              totalRemaining: $totalRemaining }; */
-        return new self(
-            phaseIndex:     $this->phaseIndex,
-            repIndex:       $this->repIndex + 1,
-            state:          StateMachine::running,
-            remaining:      $repDuration,
-            totalRemaining: $totalRemaining,
-        );
+        return in_array($this->state, [
+            StateMachine::prepare,
+            StateMachine::running,
+            StateMachine::pause,
+            StateMachine::cooldown,
+        ], true);
+    }
+
+    public function isCompleted(): bool
+    {
+        return $this->state === StateMachine::completed;
+    }
+
+    public function isIdle(): bool
+    {
+        return $this->state === StateMachine::idle;
+    }
+
+    public function isInCooldown(): bool
+    {
+        return $this->state === StateMachine::cooldown;
+    }
+
+    public function isInPause(): bool
+    {
+        return $this->state === StateMachine::pause;
+    }
+
+    // ── Predicates ────────────────────────────────────────────────────────────
+
+    public function isPaused(): bool
+    {
+        return $this->state === StateMachine::paused;
     }
 
     /** Advance to the first rep of the next phase. */
     public function nextPhase(int $phaseIndex, int $repDuration, int $totalRemaining): self
     {
-        /* PHP 8.5: return clone $this with { phaseIndex: $phaseIndex,
-                                              repIndex: 0,
-                                              state: StateMachine::running,
-                                              remaining: $repDuration,
-                                              totalRemaining: $totalRemaining }; */
-        return new self(
-            phaseIndex:     $phaseIndex,
-            repIndex:       0,
-            state:          StateMachine::running,
-            remaining:      $repDuration,
-            totalRemaining: $totalRemaining,
+        return clone($this, [
+                'phaseIndex' => $phaseIndex,
+                'repIndex' => 0,
+                'state' => StateMachine::running,
+                'remaining' => $repDuration,
+                'totalRemaining' => $totalRemaining,
+            ]
         );
     }
 
-    /** User pressed pause (or phone call received). */
-    public function pause(): self
+    /** Advance to the next repetition of the same phase. */
+    public function nextRep(int $repDuration, int $totalRemaining): self
     {
-        /* PHP 8.5: return clone $this with { state: StateMachine::paused }; */
-        return new self(
-            phaseIndex:     $this->phaseIndex,
-            repIndex:       $this->repIndex,
-            state:          StateMachine::paused,
-            remaining:      $this->remaining,
-            totalRemaining: $this->totalRemaining,
+        return clone($this, [
+                'phaseIndex' => $this->phaseIndex,
+                'repIndex' => $this->repIndex + 1,
+                'state' => StateMachine::running,
+                'remaining' => $repDuration,
+                'totalRemaining' => $totalRemaining,
+            ]
         );
     }
 
-    /** Resume into a named sub-state (the state that was active pre-pause). */
-    public function resumeAs(StateMachine $state): self
+    /** User pressed pause (or phone call received). */
+    public function pause(): self
     {
-        /* PHP 8.5: return clone $this with { state: $state }; */
-        return new self(
-            phaseIndex:     $this->phaseIndex,
-            repIndex:       $this->repIndex,
-            state:          $state,
-            remaining:      $this->remaining,
-            totalRemaining: $this->totalRemaining,
+        return clone($this, [
+                'phaseIndex' => $this->phaseIndex,
+                'repIndex' => $this->repIndex,
+                'state' => StateMachine::paused,
+                'remaining' => $this->remaining,
+                'totalRemaining' => $this->totalRemaining,
+            ]
         );
     }
 
-    /** Mark the program as completed. */
-    public function complete(): self
+    /** Resume into a named substate (the state that was active pre-pause). */
+    public function resumeAs(StateMachine $state): self
     {
-        /* PHP 8.5: return clone $this with { state: StateMachine::completed,
-                                              remaining: 0, totalRemaining: 0 }; */
-        return new self(
-            phaseIndex:     $this->phaseIndex,
-            repIndex:       $this->repIndex,
-            state:          StateMachine::completed,
-            remaining:      0,
-            totalRemaining: 0,
-        );
+        return clone($this, ['state' => $state]);
     }
 
-    // ── Predicates ────────────────────────────────────────────────────────────
-
-    /** True whenever the timer is actively counting down (not user-paused, not idle). */
-    public function isActive(): bool
+    /** Tick one second off the current segment and the total remaining. */
+    public function tick(): self
     {
-        return in_array($this->state, [StateMachine::running, StateMachine::pause, StateMachine::cooldown], true);
+        return clone($this, [
+                'phaseIndex' => $this->phaseIndex,
+                'repIndex' => $this->repIndex,
+                'state' => $this->state,
+                'remaining' => max(0, $this->remaining - 1),
+                'totalRemaining' => max(0, $this->totalRemaining - 1),
+            ]
+        );
     }
-
-    public function isIdle(): bool       { return $this->state === StateMachine::idle; }
-    public function isRunning(): bool    { return $this->state === StateMachine::running; }
-    public function isPaused(): bool     { return $this->state === StateMachine::paused; }
-    public function isInPause(): bool    { return $this->state === StateMachine::pause; }
-    public function isInCooldown(): bool { return $this->state === StateMachine::cooldown; }
-    public function isCompleted(): bool  { return $this->state === StateMachine::completed; }
 }
diff --git a/app/Timer/TimerProgram.php b/app/Timer/TimerProgram.php
deleted file mode 100644
index 0f6dd22..0000000
--- a/app/Timer/TimerProgram.php
+++ /dev/null
@@ -1,205 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Timer;
-
-use App\Enum\BeepLeadIn;
-use Illuminate\Support\Facades\Storage;
-use Illuminate\Support\Str;
-use JsonException;
-use NoDiscard;
-use OverflowException;
-use RuntimeException;
-
-/**
- * Plain PHP model representing a saved interval-timer program.
- *
- * Persistence: JSON files at storage/app/programs/{id}.json
- *
- * PHP 8.5 FEATURES:
- *   • Pipe operator |> — load() chains Storage::get → json_decode → hydrate.
- *                          Shown in comments; falls back to explicit nesting for
- *                          PHP < 8.5 host tooling.
- *   • #[\NoDiscard] — on totalDuration(); callers must use the return value.
- *   • array_first_value() — used in TimerRunner to grab the first phase.
- */
-class TimerProgram
-{
-    public readonly string $id;
-    public string $name;
-    public string $createdAt;
-    public ?string $lastUsedAt;
-    public BeepLeadIn $beepLeadIn;    // 3 | 5
-    public string $endSound;      // 'triple' | 'chime'
-    /** @var Phase[] */
-    public array $phases;        // max 10
-
-    private function __construct(
-        string     $id,
-        string     $name,
-        string     $createdAt,
-        ?string    $lastUsedAt,
-        BeepLeadIn $beepLeadIn,
-        string     $endSound,
-        array      $phases,
-    )
-    {
-        $this->id = $id;
-        $this->name = $name;
-        $this->createdAt = $createdAt;
-        $this->lastUsedAt = $lastUsedAt;
-        $this->beepLeadIn = $beepLeadIn;
-        $this->endSound = $endSound;
-        $this->phases = $phases;
-    }
-
-    /** Return all saved programs, newest first. */
-    public static function all(): array
-    {
-        return collect(Storage::files('programs'))
-            ->filter(fn(string $p) => str_ends_with($p, '.json'))
-            ->map(fn(string $p) => self::load(basename($p, '.json')))
-            ->sortByDesc(fn(self $prog) => $prog->createdAt)
-            ->values()
-            ->all();
-    }
-
-    /** Create a brand-new program seeded with global defaults. */
-    public static function create(string $name): self
-    {
-        $settings = AppSettings::load();
-
-        return new self(
-            id: (string)Str::uuid(),
-            name: $name,
-            createdAt: now()->toISOString(),
-            lastUsedAt: null,
-            beepLeadIn: $settings->defaultBeepLeadIn,
-            endSound: $settings->defaultEndSound,
-            phases: [],
-        );
-    }
-
-    /**
-     * Load from a JSON file.
-     *
-     * PHP 8.5 pipe-operator version (requires NativePHP's PHP 8.5 runtime):
-     *
-     *   return Storage::get("programs/{$id}.json")
-     *       |> json_decode($$, true, 512, JSON_THROW_ON_ERROR)
-     *       |> self::hydrate($$);
-     *
-     * Equivalent without the pipe operator (PHP 8.4-safe):
-     * @throws JsonException
-     */
-    public static function load(string $id): self
-    {
-        $path = "programs/$id.json";
-
-        if (!Storage::exists($path)) {
-            throw new RuntimeException("Program not found: $id");
-        }
-
-        $json = Storage::get($path);
-        $data = json_decode($json, true, 512, JSON_THROW_ON_ERROR);
-        return self::hydrate($data);
-    }
-
-    private static function hydrate(array $data): self
-    {
-        return new self(
-            id: $data['id'],
-            name: $data['name'],
-            createdAt: $data['created_at'],
-            lastUsedAt: $data['last_used_at'] ?? null,
-            beepLeadIn: BeepLeadIn::fromNumberToEnum($data['beep_lead_in'] ?? 3),
-            endSound: $data['end_sound'] ?? 'triple',
-            phases: array_map(
-                static fn(array $p) => Phase::fromArray($p),
-                $data['phases'] ?? [],
-            ),
-        );
-    }
-
-    /** Add a phase; max 10 per program. */
-    public function addPhase(Phase $phase): void
-    {
-        if (count($this->phases) >= 10) {
-            throw new OverflowException('A program may have at most 10 phases.');
-        }
-        $this->phases[] = $phase;
-    }
-
-    public function delete(): void
-    {
-        Storage::delete("programs/$this->id.json");
-    }
-
-    /** Human-readable total duration, e.g. "12:34". */
-    public function formattedDuration(): string
-    {
-        $total = $this->totalDuration();
-        $minutes = intdiv($total, 60);
-        $seconds = $total % 60;
-        return sprintf('%d:%02d', $minutes, $seconds);
-    }
-
-    /**
-     * @throws JsonException
-     */
-    public function touch(): void
-    {
-        $this->lastUsedAt = now()->toISOString();
-        $this->save();
-    }
-
-    /** Save the program to its JSON file.
-     * @throws JsonException
-     */
-    public function save(): void
-    {
-        Storage::put(
-            "programs/$this->id.json",
-            json_encode($this->toArray(), JSON_PRETTY_PRINT | JSON_THROW_ON_ERROR),
-        );
-    }
-
-    public function toArray(): array
-    {
-        return [
-            'id' => $this->id,
-            'name' => $this->name,
-            'created_at' => $this->createdAt,
-            'last_used_at' => $this->lastUsedAt,
-            'beep_lead_in' => $this->beepLeadIn,
-            'end_sound' => $this->endSound,
-            'total_duration' => $this->totalDuration(),
-            'phases' => array_map(
-                static fn(Phase $p) => $p->toArray(),
-                $this->phases,
-            ),
-        ];
-    }
-
-    /**
-     * Computed total duration in seconds.
-     *
-     * Formula per phase:
-     *   (duration × reps) + (pause × (reps − 1)) + cooldown
-     *
-     */
-    #[NoDiscard]
-    public function totalDuration(): int
-    {
-        return array_reduce(
-            $this->phases,
-            static function (int $carry, Phase $phase): int {
-                $repTime = $phase->duration * $phase->repetitions;
-                $pauses = $phase->pause * max(0, $phase->repetitions - 1);
-                return $carry + $repTime + $pauses + $phase->cooldown;
-            },
-            0,
-        );
-    }
-}
diff --git a/app/Timer/TimerRunner.php b/app/Timer/TimerRunner.php
index 4ba913d..97506f2 100644
--- a/app/Timer/TimerRunner.php
+++ b/app/Timer/TimerRunner.php
@@ -7,8 +7,10 @@
 use App\Enum\StateMachine;
 use App\Events\PhaseChanged;
 use App\Events\ProgramCompleted;
+use App\Jobs\WriteHistoryEntry;
+use App\Models\Phase;
+use App\Models\Program;
 use Closure;
-use JsonException;
 use RuntimeException;
 
 /**
@@ -18,9 +20,9 @@
  *   $this->app->singleton(TimerRunner::class);
  *
  * State machine transitions:
- *   idle → running → pause → running   (between reps)
+ *   idle → running → pause → running (between reps)
  *              ↓
- *           cooldown → running          (after final rep, before next phase)
+ *           cooldown → running (after final rep, before next phase)
  *              ↓
  *           completed
  *
@@ -28,31 +30,34 @@
  * Resume restores to the previous active state.
  *
  * Beep rule: fire the segment-appropriate end beep based on the expired state.
- *   running  → 'rep_end'
- *   pause    → 'pause_end'
- *   cooldown → 'cooldown_end'
+ *   'Running' → 'rep_end'
+ *   'Pause' → 'pause_end'
+ *   'Cooldown' → 'cooldown_end'
  *
  * Countdown beep fires during the last N seconds of each segment (lead-in).
- * If segment < lead-in, countdown starts from second 1.
+ * If a segment < lead-in, the countdown starts from second 1.
  */
 class TimerRunner
 {
-    private ?TimerProgram $program = null;
-    private TimerCursor   $cursor;
+    private const PREPARE_SECONDS = 5;
+
+    private ?Program $program = null;
+    public TimerCursor $cursor {
+        set {
+            $this->cursor = $value;
+        }
+    }
 
     /** State before the user pressed pause — needed for resume. */
     private StateMachine $stateBeforePause = StateMachine::running;
 
     /** Callable invoked each time the cursor changes: fn(TimerCursor) */
-    private ?Closure $onTick     = null;
+    private ?Closure $onTick = null;
     /** Callable invoked when a beep should fire: fn(string $reason) */
-    private ?Closure $onBeep     = null;
+    private ?Closure $onBeep = null;
     /** Callable for the single pause-beep: fn() */
     private ?Closure $onPauseBeep = null;
 
-    /** Fake-clock override (seconds since epoch) — set in tests. */
-    private ?Closure $clockFn = null;
-
     public function __construct()
     {
         $this->cursor = TimerCursor::idle();
@@ -60,54 +65,143 @@ public function __construct()
 
     // ── Public accessors ──────────────────────────────────────────────────────
 
-    public function cursor(): TimerCursor    { return $this->cursor; }
-    public function program(): ?TimerProgram { return $this->program; }
-    public function isIdle(): bool           { return $this->cursor->isIdle(); }
-    public function isRunning(): bool        { return $this->cursor->isRunning(); }
-    public function isPaused(): bool         { return $this->cursor->isPaused(); }
-    public function isCompleted(): bool      { return $this->cursor->isCompleted(); }
+    public function cursor(): TimerCursor
+    {
+        return $this->cursor;
+    }
+
+    /** Silent discard — no history entry, no ProgramCompleted event. */
+    public function discard(): void
+    {
+        $this->program = null;
+        $this->cursor = TimerCursor::idle();
+    }
+
+    /** Load a program and reset the cursor to idle. */
+    public function load(Program $program): void
+    {
+        $this->program = $program;
+        $this->cursor = TimerCursor::idle();
+    }
+
+    public function onBeep(Closure $fn): void
+    {
+        $this->onBeep = $fn;
+    }
 
     // ── Callback registration ─────────────────────────────────────────────────
 
-    public function onTick(\Closure $fn): void      { $this->onTick = $fn; }
-    public function onBeep(\Closure $fn): void      { $this->onBeep = $fn; }
-    public function onPauseBeep(\Closure $fn): void { $this->onPauseBeep = $fn; }
+    public function onPauseBeep(Closure $fn): void
+    {
+        $this->onPauseBeep = $fn;
+    }
+
+    public function onTick(Closure $fn): void
+    {
+        $this->onTick = $fn;
+    }
+
+    /** User-initiated pause (or PhoneStateListener). Cannot pause during prepare. */
+    public function pause(): void
+    {
+        if (!$this->cursor->isActive()) {
+            return;
+        }
+
+        if ($this->cursor->state === StateMachine::prepare) {
+            return;
+        }
+
+        $this->stateBeforePause = $this->cursor->state;
+        $this->cursor = $this->cursor->pause();
+        $this->fireOnPauseBeep();
+        $this->notifyTick();
+    }
+
+    private function fireOnPauseBeep(): void
+    {
+        if ($this->onPauseBeep !== null) {
+            ($this->onPauseBeep)();
+        }
+    }
 
-    /** Override the clock for tests. fn(): int (seconds since epoch) */
-    public function setClock(\Closure $fn): void    { $this->clockFn = $fn; }
+    public function program(): ?Program
+    {
+        return $this->program;
+    }
 
     // ── Control surface ───────────────────────────────────────────────────────
 
-    /** Load a program and reset the cursor to idle. */
-    public function load(TimerProgram $program): void
+    /** Resume from the user-paused state, restoring the pre-pause substate. */
+    public function resume(): void
     {
-        $this->program = $program;
-        $this->cursor  = TimerCursor::idle();
+        if (!$this->cursor->isPaused()) {
+            return;
+        }
+
+        $this->cursor = $this->cursor->resumeAs($this->stateBeforePause);
+        $this->notifyTick();
     }
 
-    /** Start the timer from idle. */
+    /** Start the timer from idle — enters a 5-second PREPARE countdown first. */
     public function start(): void
     {
         $this->assertProgramLoaded();
 
-        if (! $this->isIdle()) {
+        if (!$this->isIdle()) {
             throw new RuntimeException(
                 "Cannot start: expected state 'idle', got '{$this->cursor->state->value}'.",
             );
         }
 
-        $phase          = $this->currentPhase();
+        $this->cursor = $this->cursor->enterPrepare(self::PREPARE_SECONDS);
+    }
+
+    /** Transition from prepare → running, initialising the first rep. */
+    private function beginFirstRep(): void
+    {
+        $phase = $this->currentPhase();
         $totalRemaining = $this->program->totalDuration();
 
         $this->cursor = new TimerCursor(
-            phaseIndex:     0,
-            repIndex:       0,
-            state:          StateMachine::running,
-            remaining:      $phase->duration,
+            phaseIndex: 0,
+            repIndex: 0,
+            state: StateMachine::running,
+            remaining: $phase->duration,
             totalRemaining: $totalRemaining,
         );
 
         PhaseChanged::dispatch($this->program->id, 0, $phase, 0);
+        $this->notifyTick();
+    }
+
+    private function assertProgramLoaded(): void
+    {
+        if ($this->program === null) {
+            throw new RuntimeException('No program loaded. Call load() first.');
+        }
+        if ($this->program->phases->isEmpty()) {
+            throw new RuntimeException('Program has no phases.');
+        }
+    }
+
+    // ── State machine ─────────────────────────────────────────────────────────
+
+    public function isIdle(): bool
+    {
+        return $this->cursor->isIdle();
+    }
+
+    private function currentPhase(): Phase
+    {
+        return array_first($this->phases())
+            ?? throw new RuntimeException('Program has no phases.');
+    }
+
+    /** @return Phase[] */
+    private function phases(): array
+    {
+        return $this->program->phases->all();
     }
 
     /**
@@ -116,12 +210,24 @@ public function start(): void
      */
     public function tick(): void
     {
-        if (! $this->cursor->isActive()) {
+        if (!$this->cursor->isActive()) {
             return;
         }
 
         $cursor = $this->cursor->tick();
 
+        // Prepare: beep every second (bypass lead-in logic), transition when done
+        if ($cursor->state === StateMachine::prepare) {
+            if ($cursor->remaining > 0) {
+                $this->fireBeep('prepare');
+                $this->cursor = $cursor;
+                $this->notifyTick();
+            } else {
+                $this->beginFirstRep();
+            }
+            return;
+        }
+
         if ($this->shouldBeep($cursor)) {
             $this->fireBeep('countdown');
         }
@@ -135,38 +241,51 @@ public function tick(): void
         $this->advance($cursor);
     }
 
-    /** User-initiated pause (or PhoneStateListener). */
-    public function pause(): void
+    // ── Beep helpers ──────────────────────────────────────────────────────────
+
+    /**
+     * True when the cursor's remaining falls within the lead-in countdown window.
+     * Uses beep_lead_in->value to extract the int from the BeepLeadIn backed enum.
+     */
+    private function shouldBeep(TimerCursor $cursor): bool
     {
-        if (! $this->cursor->isActive()) {
-            return;
+        if (!$cursor->isActive()) {
+            return false;
         }
 
-        $this->stateBeforePause = $this->cursor->state;
-        $this->cursor           = $this->cursor->pause();
-        $this->fireOnPauseBeep();
-        $this->notifyTick();
+        $leadIn = $this->program->beep_lead_in->value;
+        $segmentTotal = $this->segmentDurationForCursor($cursor);
+        $effectiveLead = ($segmentTotal < $leadIn) ? max(1, $segmentTotal - 1) : $leadIn;
+
+        return $cursor->remaining <= $effectiveLead && $cursor->remaining > 0;
     }
 
-    /** Resume from user-paused state, restoring the pre-pause sub-state. */
-    public function resume(): void
+    private function segmentDurationForCursor(TimerCursor $cursor): int
     {
-        if (! $this->cursor->isPaused()) {
-            return;
-        }
+        $phase = $this->phases()[$cursor->phaseIndex];
 
-        $this->cursor = $this->cursor->resumeAs($this->stateBeforePause);
-        $this->notifyTick();
+        return match ($cursor->state) {
+            StateMachine::prepare  => self::PREPARE_SECONDS,
+            StateMachine::running  => $phase->duration,
+            StateMachine::pause    => $phase->pause,
+            StateMachine::cooldown => $phase->cooldown,
+            default                => 0,
+        };
     }
 
-    /** Silent discard — no history entry, no ProgramCompleted event. */
-    public function discard(): void
+    private function fireBeep(string $reason): void
     {
-        $this->program = null;
-        $this->cursor  = TimerCursor::idle();
+        if ($this->onBeep !== null) {
+            ($this->onBeep)($reason);
+        }
     }
 
-    // ── State machine ─────────────────────────────────────────────────────────
+    private function notifyTick(): void
+    {
+        if ($this->onTick !== null) {
+            ($this->onTick)($this->cursor);
+        }
+    }
 
     /**
      * Called when cursor->remaining hits 0.
@@ -174,8 +293,8 @@ public function discard(): void
      */
     private function advance(TimerCursor $cursor): void
     {
-        $phase       = $this->phases()[$cursor->phaseIndex];
-        $isLastRep   = ($cursor->repIndex >= $phase->repetitions - 1);
+        $phase = $this->phases()[$cursor->phaseIndex];
+        $isLastRep = ($cursor->repIndex >= $phase->repetitions - 1);
         $isLastPhase = ($cursor->phaseIndex >= count($this->phases()) - 1);
 
         // ── Pause segment expired → next rep ──────────────────────────────
@@ -195,7 +314,7 @@ private function advance(TimerCursor $cursor): void
         // ── Running rep expired ───────────────────────────────────────────
         $this->fireBeep('rep_end');
 
-        if (! $isLastRep && $phase->pause > 0) {
+        if (!$isLastRep && $phase->pause > 0) {
             $this->cursor = $cursor->enterPause(
                 $phase->pause,
                 max(0, $cursor->totalRemaining),
@@ -204,13 +323,13 @@ private function advance(TimerCursor $cursor): void
             return;
         }
 
-        if (! $isLastRep) {
+        if (!$isLastRep) {
             $this->advanceToNextRep($cursor, $phase);
             return;
         }
 
         // Last rep → cooldown (always executes, even as the last phase's last rep).
-        if ($phase->cooldown > 0) {
+        if ($phase->cooldown > 0 && !$isLastPhase) {
             $this->cursor = $cursor->enterCooldown(
                 $phase->cooldown,
                 max(0, $cursor->totalRemaining),
@@ -223,6 +342,8 @@ private function advance(TimerCursor $cursor): void
         $this->advanceAfterCooldown($cursor, $isLastPhase);
     }
 
+    // ── Helpers ───────────────────────────────────────────────────────────────
+
     private function advanceToNextRep(TimerCursor $cursor, Phase $phase): void
     {
         $this->cursor = $cursor->nextRep(
@@ -240,7 +361,7 @@ private function advanceAfterCooldown(TimerCursor $cursor, bool $isLastPhase): v
         }
 
         $nextPhaseIndex = $cursor->phaseIndex + 1;
-        $nextPhase      = $this->phases()[$nextPhaseIndex];
+        $nextPhase = $this->phases()[$nextPhaseIndex];
 
         $this->cursor = $cursor->nextPhase(
             $nextPhaseIndex,
@@ -252,95 +373,26 @@ private function advanceAfterCooldown(TimerCursor $cursor, bool $isLastPhase): v
         $this->notifyTick();
     }
 
-    /** @throws JsonException */
     private function complete(): void
     {
         $this->cursor = $this->cursor->complete();
 
+        $totalDuration = $this->program->totalDuration();
+
         ProgramCompleted::dispatch(
             $this->program->id,
-            $this->program->endSound,
-            $this->program->totalDuration(),
+            $this->program->end_sound,
+            $totalDuration,
+        );
+
+        WriteHistoryEntry::dispatch(
+            $this->program->id,
+            $this->program->name,
+            now()->toISOString(),
+            $totalDuration,
         );
 
         $this->program->touch();
         $this->notifyTick();
     }
-
-    // ── Beep helpers ──────────────────────────────────────────────────────────
-
-    /**
-     * True when the cursor's remaining falls within the lead-in countdown window.
-     * Uses beepLeadIn->value to extract the int from the BeepLeadIn backed enum.
-     */
-    private function shouldBeep(TimerCursor $cursor): bool
-    {
-        if (! $cursor->isActive()) {
-            return false;
-        }
-
-        $leadIn       = $this->program->beepLeadIn->value;  // BeepLeadIn: int enum
-        $segmentTotal = $this->segmentDurationForCursor($cursor);
-        $effectiveLead = ($segmentTotal < $leadIn) ? max(1, $segmentTotal - 1) : $leadIn;
-
-        return $cursor->remaining <= $effectiveLead && $cursor->remaining > 0;
-    }
-
-    private function segmentDurationForCursor(TimerCursor $cursor): int
-    {
-        $phase = $this->phases()[$cursor->phaseIndex];
-
-        return match ($cursor->state) {
-            StateMachine::running  => $phase->duration,
-            StateMachine::pause    => $phase->pause,
-            StateMachine::cooldown => $phase->cooldown,
-            default                => 0,
-        };
-    }
-
-    private function fireBeep(string $reason): void
-    {
-        if ($this->onBeep !== null) {
-            ($this->onBeep)($reason);
-        }
-    }
-
-    private function fireOnPauseBeep(): void
-    {
-        if ($this->onPauseBeep !== null) {
-            ($this->onPauseBeep)();
-        }
-    }
-
-    private function notifyTick(): void
-    {
-        if ($this->onTick !== null) {
-            ($this->onTick)($this->cursor);
-        }
-    }
-
-    // ── Helpers ───────────────────────────────────────────────────────────────
-
-    private function assertProgramLoaded(): void
-    {
-        if ($this->program === null) {
-            throw new RuntimeException('No program loaded. Call load() first.');
-        }
-        if (count($this->program->phases) === 0) {
-            throw new RuntimeException('Program has no phases.');
-        }
-    }
-
-    private function currentPhase(): Phase
-    {
-        // PHP 8.5: array_first_value($this->phases())
-        return ($this->phases()[0] ?? null)
-            ?? throw new RuntimeException('Program has no phases.');
-    }
-
-    /** @return Phase[] */
-    private function phases(): array
-    {
-        return $this->program->phases;
-    }
 }
diff --git a/composer.json b/composer.json
index bfb0baa..eec89f2 100644
--- a/composer.json
+++ b/composer.json
@@ -3,10 +3,14 @@
     "name": "laravel/laravel",
     "type": "project",
     "description": "The skeleton application for the Laravel framework.",
-    "keywords": ["laravel", "framework"],
+    "keywords": [
+        "laravel",
+        "framework"
+    ],
     "license": "MIT",
     "require": {
         "php": "^8.5",
+        "ext-zip": "*",
         "laravel/framework": "^13.0",
         "laravel/tinker": "^3.0",
         "livewire/livewire": "^3.0",
@@ -24,14 +28,12 @@
     },
     "autoload": {
         "psr-4": {
-            "App\\": "app/",
-            "Database\\Factories\\": "database/factories/",
-            "Database\\Seeders\\": "database/seeders/"
+            "App\\": "app/"
         }
     },
     "autoload-dev": {
         "psr-4": {
-            "Tests\\": "tests/"
+            "App\\": "app/"
         }
     },
     "scripts": {
diff --git a/composer.lock b/composer.lock
index b46beeb..def5b74 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "2a7a1e13912c323b179e77028988f7a2",
+    "content-hash": "ed46c3d9d7188821f6ff9a70722847be",
     "packages": [
         {
             "name": "brick/math",
@@ -9791,7 +9791,8 @@
     "prefer-stable": true,
     "prefer-lowest": false,
     "platform": {
-        "php": "^8.5"
+        "php": "^8.5",
+        "ext-zip": "*"
     },
     "platform-dev": {},
     "plugin-api-version": "2.9.0"
diff --git a/config/app.php b/config/app.php
index 423eed5..135d3f3 100644
--- a/config/app.php
+++ b/config/app.php
@@ -13,7 +13,20 @@
     |
     */
 
-    'name' => env('APP_NAME', 'Laravel'),
+    'name' => env('APP_NAME', 'Interval Timer'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Long-press Pause Platforms
+    |--------------------------------------------------------------------------
+    |
+    | Controls which platforms get the hold-to-pause gesture on the timer screen.
+    | 'all' — enabled in the browser web demo and on Android.
+    | 'android' — enabled only when running inside the NativePHP Android WebView
+    | (detected at runtime via the Android user-agent string).
+    |
+    */
+    'long_press_pause' => env('LONG_PRESS_PAUSE', 'all'),
 
     /*
     |--------------------------------------------------------------------------
diff --git a/config/auth.php b/config/auth.php
deleted file mode 100644
index d7568ff..0000000
--- a/config/auth.php
+++ /dev/null
@@ -1,117 +0,0 @@
-<?php
-
-use App\Models\User;
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Authentication Defaults
-    |--------------------------------------------------------------------------
-    |
-    | This option defines the default authentication "guard" and password
-    | reset "broker" for your application. You may change these values
-    | as required, but they're a perfect start for most applications.
-    |
-    */
-
-    'defaults' => [
-        'guard' => env('AUTH_GUARD', 'web'),
-        'passwords' => env('AUTH_PASSWORD_BROKER', 'users'),
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Authentication Guards
-    |--------------------------------------------------------------------------
-    |
-    | Next, you may define every authentication guard for your application.
-    | Of course, a great default configuration has been defined for you
-    | which utilizes session storage plus the Eloquent user provider.
-    |
-    | All authentication guards have a user provider, which defines how the
-    | users are actually retrieved out of your database or other storage
-    | system used by the application. Typically, Eloquent is utilized.
-    |
-    | Supported: "session"
-    |
-    */
-
-    'guards' => [
-        'web' => [
-            'driver' => 'session',
-            'provider' => 'users',
-        ],
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | User Providers
-    |--------------------------------------------------------------------------
-    |
-    | All authentication guards have a user provider, which defines how the
-    | users are actually retrieved out of your database or other storage
-    | system used by the application. Typically, Eloquent is utilized.
-    |
-    | If you have multiple user tables or models you may configure multiple
-    | providers to represent the model / table. These providers may then
-    | be assigned to any extra authentication guards you have defined.
-    |
-    | Supported: "database", "eloquent"
-    |
-    */
-
-    'providers' => [
-        'users' => [
-            'driver' => 'eloquent',
-            'model' => env('AUTH_MODEL', User::class),
-        ],
-
-        // 'users' => [
-        //     'driver' => 'database',
-        //     'table' => 'users',
-        // ],
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Resetting Passwords
-    |--------------------------------------------------------------------------
-    |
-    | These configuration options specify the behavior of Laravel's password
-    | reset functionality, including the table utilized for token storage
-    | and the user provider that is invoked to actually retrieve users.
-    |
-    | The expiry time is the number of minutes that each reset token will be
-    | considered valid. This security feature keeps tokens short-lived so
-    | they have less time to be guessed. You may change this as needed.
-    |
-    | The throttle setting is the number of seconds a user must wait before
-    | generating more password reset tokens. This prevents the user from
-    | quickly generating a very large amount of password reset tokens.
-    |
-    */
-
-    'passwords' => [
-        'users' => [
-            'provider' => 'users',
-            'table' => env('AUTH_PASSWORD_RESET_TOKEN_TABLE', 'password_reset_tokens'),
-            'expire' => 60,
-            'throttle' => 60,
-        ],
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Password Confirmation Timeout
-    |--------------------------------------------------------------------------
-    |
-    | Here you may define the number of seconds before a password confirmation
-    | window expires and users are asked to re-enter their password via the
-    | confirmation screen. By default, the timeout lasts for three hours.
-    |
-    */
-
-    'password_timeout' => env('AUTH_PASSWORD_TIMEOUT', 10800),
-
-];
diff --git a/config/database.php b/config/database.php
deleted file mode 100644
index 64709ce..0000000
--- a/config/database.php
+++ /dev/null
@@ -1,184 +0,0 @@
-<?php
-
-use Illuminate\Support\Str;
-use Pdo\Mysql;
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Default Database Connection Name
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify which of the database connections below you wish
-    | to use as your default connection for database operations. This is
-    | the connection which will be utilized unless another connection
-    | is explicitly specified when you execute a query / statement.
-    |
-    */
-
-    'default' => env('DB_CONNECTION', 'sqlite'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Database Connections
-    |--------------------------------------------------------------------------
-    |
-    | Below are all of the database connections defined for your application.
-    | An example configuration is provided for each database system which
-    | is supported by Laravel. You're free to add / remove connections.
-    |
-    */
-
-    'connections' => [
-
-        'sqlite' => [
-            'driver' => 'sqlite',
-            'url' => env('DB_URL'),
-            'database' => env('DB_DATABASE', database_path('database.sqlite')),
-            'prefix' => '',
-            'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),
-            'busy_timeout' => null,
-            'journal_mode' => null,
-            'synchronous' => null,
-            'transaction_mode' => 'DEFERRED',
-        ],
-
-        'mysql' => [
-            'driver' => 'mysql',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', '127.0.0.1'),
-            'port' => env('DB_PORT', '3306'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'unix_socket' => env('DB_SOCKET', ''),
-            'charset' => env('DB_CHARSET', 'utf8mb4'),
-            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
-            'prefix' => '',
-            'prefix_indexes' => true,
-            'strict' => true,
-            'engine' => null,
-            'options' => extension_loaded('pdo_mysql') ? array_filter([
-                (PHP_VERSION_ID >= 80500 ? Mysql::ATTR_SSL_CA : PDO::MYSQL_ATTR_SSL_CA) => env('MYSQL_ATTR_SSL_CA'),
-            ]) : [],
-        ],
-
-        'mariadb' => [
-            'driver' => 'mariadb',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', '127.0.0.1'),
-            'port' => env('DB_PORT', '3306'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'unix_socket' => env('DB_SOCKET', ''),
-            'charset' => env('DB_CHARSET', 'utf8mb4'),
-            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
-            'prefix' => '',
-            'prefix_indexes' => true,
-            'strict' => true,
-            'engine' => null,
-            'options' => extension_loaded('pdo_mysql') ? array_filter([
-                (PHP_VERSION_ID >= 80500 ? Mysql::ATTR_SSL_CA : PDO::MYSQL_ATTR_SSL_CA) => env('MYSQL_ATTR_SSL_CA'),
-            ]) : [],
-        ],
-
-        'pgsql' => [
-            'driver' => 'pgsql',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', '127.0.0.1'),
-            'port' => env('DB_PORT', '5432'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'charset' => env('DB_CHARSET', 'utf8'),
-            'prefix' => '',
-            'prefix_indexes' => true,
-            'search_path' => 'public',
-            'sslmode' => env('DB_SSLMODE', 'prefer'),
-        ],
-
-        'sqlsrv' => [
-            'driver' => 'sqlsrv',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', 'localhost'),
-            'port' => env('DB_PORT', '1433'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'charset' => env('DB_CHARSET', 'utf8'),
-            'prefix' => '',
-            'prefix_indexes' => true,
-            // 'encrypt' => env('DB_ENCRYPT', 'yes'),
-            // 'trust_server_certificate' => env('DB_TRUST_SERVER_CERTIFICATE', 'false'),
-        ],
-
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Migration Repository Table
-    |--------------------------------------------------------------------------
-    |
-    | This table keeps track of all the migrations that have already run for
-    | your application. Using this information, we can determine which of
-    | the migrations on disk haven't actually been run on the database.
-    |
-    */
-
-    'migrations' => [
-        'table' => 'migrations',
-        'update_date_on_publish' => true,
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Redis Databases
-    |--------------------------------------------------------------------------
-    |
-    | Redis is an open source, fast, and advanced key-value store that also
-    | provides a richer body of commands than a typical key-value system
-    | such as Memcached. You may define your connection settings here.
-    |
-    */
-
-    'redis' => [
-
-        'client' => env('REDIS_CLIENT', 'phpredis'),
-
-        'options' => [
-            'cluster' => env('REDIS_CLUSTER', 'redis'),
-            'prefix' => env('REDIS_PREFIX', Str::slug((string) env('APP_NAME', 'laravel')).'-database-'),
-            'persistent' => env('REDIS_PERSISTENT', false),
-        ],
-
-        'default' => [
-            'url' => env('REDIS_URL'),
-            'host' => env('REDIS_HOST', '127.0.0.1'),
-            'username' => env('REDIS_USERNAME'),
-            'password' => env('REDIS_PASSWORD'),
-            'port' => env('REDIS_PORT', '6379'),
-            'database' => env('REDIS_DB', '0'),
-            'max_retries' => env('REDIS_MAX_RETRIES', 3),
-            'backoff_algorithm' => env('REDIS_BACKOFF_ALGORITHM', 'decorrelated_jitter'),
-            'backoff_base' => env('REDIS_BACKOFF_BASE', 100),
-            'backoff_cap' => env('REDIS_BACKOFF_CAP', 1000),
-        ],
-
-        'cache' => [
-            'url' => env('REDIS_URL'),
-            'host' => env('REDIS_HOST', '127.0.0.1'),
-            'username' => env('REDIS_USERNAME'),
-            'password' => env('REDIS_PASSWORD'),
-            'port' => env('REDIS_PORT', '6379'),
-            'database' => env('REDIS_CACHE_DB', '1'),
-            'max_retries' => env('REDIS_MAX_RETRIES', 3),
-            'backoff_algorithm' => env('REDIS_BACKOFF_ALGORITHM', 'decorrelated_jitter'),
-            'backoff_base' => env('REDIS_BACKOFF_BASE', 100),
-            'backoff_cap' => env('REDIS_BACKOFF_CAP', 1000),
-        ],
-
-    ],
-
-];
diff --git a/config/mail.php b/config/mail.php
deleted file mode 100644
index e32e88d..0000000
--- a/config/mail.php
+++ /dev/null
@@ -1,118 +0,0 @@
-<?php
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Default Mailer
-    |--------------------------------------------------------------------------
-    |
-    | This option controls the default mailer that is used to send all email
-    | messages unless another mailer is explicitly specified when sending
-    | the message. All additional mailers can be configured within the
-    | "mailers" array. Examples of each type of mailer are provided.
-    |
-    */
-
-    'default' => env('MAIL_MAILER', 'log'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Mailer Configurations
-    |--------------------------------------------------------------------------
-    |
-    | Here you may configure all of the mailers used by your application plus
-    | their respective settings. Several examples have been configured for
-    | you and you are free to add your own as your application requires.
-    |
-    | Laravel supports a variety of mail "transport" drivers that can be used
-    | when delivering an email. You may specify which one you're using for
-    | your mailers below. You may also add additional mailers if needed.
-    |
-    | Supported: "smtp", "sendmail", "mailgun", "ses", "ses-v2",
-    |            "postmark", "resend", "log", "array",
-    |            "failover", "roundrobin"
-    |
-    */
-
-    'mailers' => [
-
-        'smtp' => [
-            'transport' => 'smtp',
-            'scheme' => env('MAIL_SCHEME'),
-            'url' => env('MAIL_URL'),
-            'host' => env('MAIL_HOST', '127.0.0.1'),
-            'port' => env('MAIL_PORT', 2525),
-            'username' => env('MAIL_USERNAME'),
-            'password' => env('MAIL_PASSWORD'),
-            'timeout' => null,
-            'local_domain' => env('MAIL_EHLO_DOMAIN', parse_url((string) env('APP_URL', 'http://localhost'), PHP_URL_HOST)),
-        ],
-
-        'ses' => [
-            'transport' => 'ses',
-        ],
-
-        'postmark' => [
-            'transport' => 'postmark',
-            // 'message_stream_id' => env('POSTMARK_MESSAGE_STREAM_ID'),
-            // 'client' => [
-            //     'timeout' => 5,
-            // ],
-        ],
-
-        'resend' => [
-            'transport' => 'resend',
-        ],
-
-        'sendmail' => [
-            'transport' => 'sendmail',
-            'path' => env('MAIL_SENDMAIL_PATH', '/usr/sbin/sendmail -bs -i'),
-        ],
-
-        'log' => [
-            'transport' => 'log',
-            'channel' => env('MAIL_LOG_CHANNEL'),
-        ],
-
-        'array' => [
-            'transport' => 'array',
-        ],
-
-        'failover' => [
-            'transport' => 'failover',
-            'mailers' => [
-                'smtp',
-                'log',
-            ],
-            'retry_after' => 60,
-        ],
-
-        'roundrobin' => [
-            'transport' => 'roundrobin',
-            'mailers' => [
-                'ses',
-                'postmark',
-            ],
-            'retry_after' => 60,
-        ],
-
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Global "From" Address
-    |--------------------------------------------------------------------------
-    |
-    | You may wish for all emails sent by your application to be sent from
-    | the same address. Here you may specify a name and address that is
-    | used globally for all emails that are sent by your application.
-    |
-    */
-
-    'from' => [
-        'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
-        'name' => env('MAIL_FROM_NAME', env('APP_NAME', 'Laravel')),
-    ],
-
-];
diff --git a/config/nativephp.php b/config/nativephp.php
index 10cd500..d12250d 100644
--- a/config/nativephp.php
+++ b/config/nativephp.php
@@ -1,5 +1,7 @@
 <?php
 
+$versionData = json_decode(file_get_contents(base_path('version.json')), true) ?? [];
+
 return [
 
     /*
@@ -13,7 +15,7 @@
     |
     */
 
-    'version' => env('NATIVEPHP_APP_VERSION', '1.0.0'),
+    'version' => $versionData['version'] ?? env('NATIVEPHP_APP_VERSION', '1.0.0'),
 
     /*
     |--------------------------------------------------------------------------
@@ -26,7 +28,7 @@
     |
     */
 
-    'version_code' => env('NATIVEPHP_APP_VERSION_CODE', 1),
+    'version_code' => $versionData['version_code'] ?? env('NATIVEPHP_APP_VERSION_CODE', 1),
 
     /*
     |--------------------------------------------------------------------------
@@ -129,6 +131,7 @@
         'storage/framework/cache',
         'storage/framework/testing',
         'storage/logs/laravel.log',
+        'public/hot',
     ],
 
     /*
diff --git a/config/queue.php b/config/queue.php
index 79c2c0a..8126210 100644
--- a/config/queue.php
+++ b/config/queue.php
@@ -7,28 +7,13 @@
     | Default Queue Connection Name
     |--------------------------------------------------------------------------
     |
-    | Laravel's queue supports a variety of backends via a single, unified
-    | API, giving you convenient access to each backend using identical
-    | syntax for each. The default queue connection is defined below.
+    | The Android runtime hardcodes QUEUE_CONNECTION=database, so the database
+    | driver is always used on-device. The jobs table is created via migration.
     |
     */
 
     'default' => env('QUEUE_CONNECTION', 'database'),
 
-    /*
-    |--------------------------------------------------------------------------
-    | Queue Connections
-    |--------------------------------------------------------------------------
-    |
-    | Here you may configure the connection options for every queue backend
-    | used by your application. An example configuration is provided for
-    | each backend supported by Laravel. You're also free to add more.
-    |
-    | Drivers: "sync", "database", "beanstalkd", "sqs", "redis",
-    |          "deferred", "background", "failover", "null"
-    |
-    */
-
     'connections' => [
 
         'sync' => [
@@ -44,86 +29,26 @@
             'after_commit' => false,
         ],
 
-        'beanstalkd' => [
-            'driver' => 'beanstalkd',
-            'host' => env('BEANSTALKD_QUEUE_HOST', 'localhost'),
-            'queue' => env('BEANSTALKD_QUEUE', 'default'),
-            'retry_after' => (int) env('BEANSTALKD_QUEUE_RETRY_AFTER', 90),
-            'block_for' => 0,
-            'after_commit' => false,
-        ],
-
-        'sqs' => [
-            'driver' => 'sqs',
-            'key' => env('AWS_ACCESS_KEY_ID'),
-            'secret' => env('AWS_SECRET_ACCESS_KEY'),
-            'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
-            'queue' => env('SQS_QUEUE', 'default'),
-            'suffix' => env('SQS_SUFFIX'),
-            'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
-            'after_commit' => false,
-        ],
-
-        'redis' => [
-            'driver' => 'redis',
-            'connection' => env('REDIS_QUEUE_CONNECTION', 'default'),
-            'queue' => env('REDIS_QUEUE', 'default'),
-            'retry_after' => (int) env('REDIS_QUEUE_RETRY_AFTER', 90),
-            'block_for' => null,
-            'after_commit' => false,
-        ],
-
-        'deferred' => [
-            'driver' => 'deferred',
-        ],
-
-        'background' => [
-            'driver' => 'background',
-        ],
-
-        'failover' => [
-            'driver' => 'failover',
-            'connections' => [
-                'database',
-                'deferred',
-            ],
+        'null' => [
+            'driver' => 'null',
         ],
 
     ],
 
-    /*
-    |--------------------------------------------------------------------------
-    | Job Batching
-    |--------------------------------------------------------------------------
-    |
-    | The following options configure the database and table that store job
-    | batching information. These options can be updated to any database
-    | connection and table which has been defined by your application.
-    |
-    */
-
-    'batching' => [
-        'database' => env('DB_CONNECTION', 'sqlite'),
-        'table' => 'job_batches',
-    ],
-
     /*
     |--------------------------------------------------------------------------
     | Failed Queue Jobs
     |--------------------------------------------------------------------------
     |
-    | These options configure the behavior of failed queue job logging so you
-    | can control how and where failed jobs are stored. Laravel ships with
-    | support for storing failed jobs in a simple file or in a database.
-    |
-    | Supported drivers: "database-uuids", "dynamodb", "file", "null"
+    | The background driver does not persist failed jobs.  Set to null so
+    | Laravel does not try to write to a missing `failed_jobs` table.
     |
     */
 
     'failed' => [
-        'driver' => env('QUEUE_FAILED_DRIVER', 'database-uuids'),
-        'database' => env('DB_CONNECTION', 'sqlite'),
-        'table' => 'failed_jobs',
+        'driver'   => env('QUEUE_FAILED_DRIVER', 'null'),
+        'database' => null,
+        'table'    => null,
     ],
 
 ];
diff --git a/config/services.php b/config/services.php
deleted file mode 100644
index 6a90eb8..0000000
--- a/config/services.php
+++ /dev/null
@@ -1,38 +0,0 @@
-<?php
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Third Party Services
-    |--------------------------------------------------------------------------
-    |
-    | This file is for storing the credentials for third party services such
-    | as Mailgun, Postmark, AWS and more. This file provides the de facto
-    | location for this type of information, allowing packages to have
-    | a conventional file to locate the various service credentials.
-    |
-    */
-
-    'postmark' => [
-        'key' => env('POSTMARK_API_KEY'),
-    ],
-
-    'resend' => [
-        'key' => env('RESEND_API_KEY'),
-    ],
-
-    'ses' => [
-        'key' => env('AWS_ACCESS_KEY_ID'),
-        'secret' => env('AWS_SECRET_ACCESS_KEY'),
-        'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
-    ],
-
-    'slack' => [
-        'notifications' => [
-            'bot_user_oauth_token' => env('SLACK_BOT_USER_OAUTH_TOKEN'),
-            'channel' => env('SLACK_BOT_USER_DEFAULT_CHANNEL'),
-        ],
-    ],
-
-];
diff --git a/database/.gitignore b/database/.gitignore
deleted file mode 100644
index 9b19b93..0000000
--- a/database/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.sqlite*
diff --git a/database/factories/UserFactory.php b/database/factories/UserFactory.php
deleted file mode 100644
index c4ceb07..0000000
--- a/database/factories/UserFactory.php
+++ /dev/null
@@ -1,45 +0,0 @@
-<?php
-
-namespace Database\Factories;
-
-use App\Models\User;
-use Illuminate\Database\Eloquent\Factories\Factory;
-use Illuminate\Support\Facades\Hash;
-use Illuminate\Support\Str;
-
-/**
- * @extends Factory<User>
- */
-class UserFactory extends Factory
-{
-    /**
-     * The current password being used by the factory.
-     */
-    protected static ?string $password;
-
-    /**
-     * Define the model's default state.
-     *
-     * @return array<string, mixed>
-     */
-    public function definition(): array
-    {
-        return [
-            'name' => fake()->name(),
-            'email' => fake()->unique()->safeEmail(),
-            'email_verified_at' => now(),
-            'password' => static::$password ??= Hash::make('password'),
-            'remember_token' => Str::random(10),
-        ];
-    }
-
-    /**
-     * Indicate that the model's email address should be unverified.
-     */
-    public function unverified(): static
-    {
-        return $this->state(fn (array $attributes) => [
-            'email_verified_at' => null,
-        ]);
-    }
-}
diff --git a/database/migrations/0001_01_01_000001_create_cache_table.php b/database/migrations/0001_01_01_000001_create_cache_table.php
deleted file mode 100644
index 06dc7a5..0000000
--- a/database/migrations/0001_01_01_000001_create_cache_table.php
+++ /dev/null
@@ -1,35 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('cache', function (Blueprint $table) {
-            $table->string('key')->primary();
-            $table->mediumText('value');
-            $table->bigInteger('expiration')->index();
-        });
-
-        Schema::create('cache_locks', function (Blueprint $table) {
-            $table->string('key')->primary();
-            $table->string('owner');
-            $table->bigInteger('expiration')->index();
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('cache');
-        Schema::dropIfExists('cache_locks');
-    }
-};
diff --git a/database/migrations/0001_01_01_000002_create_jobs_table.php b/database/migrations/0001_01_01_000002_create_jobs_table.php
deleted file mode 100644
index 425e705..0000000
--- a/database/migrations/0001_01_01_000002_create_jobs_table.php
+++ /dev/null
@@ -1,57 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('jobs', function (Blueprint $table) {
-            $table->id();
-            $table->string('queue')->index();
-            $table->longText('payload');
-            $table->unsignedTinyInteger('attempts');
-            $table->unsignedInteger('reserved_at')->nullable();
-            $table->unsignedInteger('available_at');
-            $table->unsignedInteger('created_at');
-        });
-
-        Schema::create('job_batches', function (Blueprint $table) {
-            $table->string('id')->primary();
-            $table->string('name');
-            $table->integer('total_jobs');
-            $table->integer('pending_jobs');
-            $table->integer('failed_jobs');
-            $table->longText('failed_job_ids');
-            $table->mediumText('options')->nullable();
-            $table->integer('cancelled_at')->nullable();
-            $table->integer('created_at');
-            $table->integer('finished_at')->nullable();
-        });
-
-        Schema::create('failed_jobs', function (Blueprint $table) {
-            $table->id();
-            $table->string('uuid')->unique();
-            $table->text('connection');
-            $table->text('queue');
-            $table->longText('payload');
-            $table->longText('exception');
-            $table->timestamp('failed_at')->useCurrent();
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('jobs');
-        Schema::dropIfExists('job_batches');
-        Schema::dropIfExists('failed_jobs');
-    }
-};
diff --git a/database/migrations/2026_04_09_071339_create_jobs_table.php b/database/migrations/2026_04_09_071339_create_jobs_table.php
new file mode 100644
index 0000000..6098d9b
--- /dev/null
+++ b/database/migrations/2026_04_09_071339_create_jobs_table.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('jobs', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('queue')->index();
+            $table->longText('payload');
+            $table->unsignedTinyInteger('attempts');
+            $table->unsignedInteger('reserved_at')->nullable();
+            $table->unsignedInteger('available_at');
+            $table->unsignedInteger('created_at');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('jobs');
+    }
+};
diff --git a/database/migrations/2026_04_09_080000_create_programs_table.php b/database/migrations/2026_04_09_080000_create_programs_table.php
new file mode 100644
index 0000000..d42202f
--- /dev/null
+++ b/database/migrations/2026_04_09_080000_create_programs_table.php
@@ -0,0 +1,25 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('programs', function (Blueprint $table) {
+            $table->uuid('id')->primary();
+            $table->string('name', 60);
+            $table->tinyInteger('beep_lead_in')->default(3);
+            $table->string('end_sound', 20)->default('triple');
+            $table->timestamp('last_used_at')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('programs');
+    }
+};
diff --git a/database/migrations/2026_04_09_080001_create_phases_table.php b/database/migrations/2026_04_09_080001_create_phases_table.php
new file mode 100644
index 0000000..6669ed8
--- /dev/null
+++ b/database/migrations/2026_04_09_080001_create_phases_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('phases', function (Blueprint $table) {
+            $table->id();
+            $table->foreignUuid('program_id')->constrained()->cascadeOnDelete();
+            $table->unsignedTinyInteger('sort_order');
+            $table->string('label', 40);
+            $table->unsignedSmallInteger('duration');
+            $table->unsignedSmallInteger('repetitions')->default(1);
+            $table->unsignedSmallInteger('pause')->default(0);
+            $table->unsignedSmallInteger('cooldown')->default(0);
+            $table->string('color', 20)->default('#3b82f6');
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('phases');
+    }
+};
diff --git a/database/migrations/2026_04_09_080002_create_history_table.php b/database/migrations/2026_04_09_080002_create_history_table.php
new file mode 100644
index 0000000..9dd60d5
--- /dev/null
+++ b/database/migrations/2026_04_09_080002_create_history_table.php
@@ -0,0 +1,24 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('history', function (Blueprint $table) {
+            $table->id();
+            $table->uuid('program_id')->nullable()->index();
+            $table->string('program_name', 60);
+            $table->unsignedInteger('total_duration');
+            $table->timestamp('completed_at');
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('history');
+    }
+};
diff --git a/database/migrations/2026_04_09_080003_create_settings_table.php b/database/migrations/2026_04_09_080003_create_settings_table.php
new file mode 100644
index 0000000..6c670d9
--- /dev/null
+++ b/database/migrations/2026_04_09_080003_create_settings_table.php
@@ -0,0 +1,25 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('settings', function (Blueprint $table) {
+            $table->id();
+            $table->tinyInteger('default_beep_lead_in')->default(3);
+            $table->string('default_end_sound', 20)->default('triple');
+            $table->string('sound_mode', 10)->default('beep');
+            $table->float('volume')->default(0.8);
+            $table->boolean('keep_screen_on')->default(true);
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('settings');
+    }
+};
diff --git a/database/migrations/0001_01_01_000000_create_users_table.php b/database/migrations/2026_04_09_122314_create_sessions_table.php
similarity index 53%
rename from database/migrations/0001_01_01_000000_create_users_table.php
rename to database/migrations/2026_04_09_122314_create_sessions_table.php
index 05fb5d9..f60625b 100644
--- a/database/migrations/0001_01_01_000000_create_users_table.php
+++ b/database/migrations/2026_04_09_122314_create_sessions_table.php
@@ -11,22 +11,6 @@
      */
     public function up(): void
     {
-        Schema::create('users', function (Blueprint $table) {
-            $table->id();
-            $table->string('name');
-            $table->string('email')->unique();
-            $table->timestamp('email_verified_at')->nullable();
-            $table->string('password');
-            $table->rememberToken();
-            $table->timestamps();
-        });
-
-        Schema::create('password_reset_tokens', function (Blueprint $table) {
-            $table->string('email')->primary();
-            $table->string('token');
-            $table->timestamp('created_at')->nullable();
-        });
-
         Schema::create('sessions', function (Blueprint $table) {
             $table->string('id')->primary();
             $table->foreignId('user_id')->nullable()->index();
@@ -42,8 +26,6 @@ public function up(): void
      */
     public function down(): void
     {
-        Schema::dropIfExists('users');
-        Schema::dropIfExists('password_reset_tokens');
         Schema::dropIfExists('sessions');
     }
 };
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
deleted file mode 100644
index 6b901f8..0000000
--- a/database/seeders/DatabaseSeeder.php
+++ /dev/null
@@ -1,25 +0,0 @@
-<?php
-
-namespace Database\Seeders;
-
-use App\Models\User;
-use Illuminate\Database\Console\Seeds\WithoutModelEvents;
-use Illuminate\Database\Seeder;
-
-class DatabaseSeeder extends Seeder
-{
-    use WithoutModelEvents;
-
-    /**
-     * Seed the application's database.
-     */
-    public function run(): void
-    {
-        // User::factory(10)->create();
-
-        User::factory()->create([
-            'name' => 'Test User',
-            'email' => 'test@example.com',
-        ]);
-    }
-}
diff --git a/nativephp.json b/nativephp.json
new file mode 100644
index 0000000..3daf54e
--- /dev/null
+++ b/nativephp.json
@@ -0,0 +1,6 @@
+{
+    "php": {
+        "version": "8.5",
+        "icu": false
+    }
+}
diff --git a/package-lock.json b/package-lock.json
index fcb2f91..6dbefb1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-    "name": "Interval-timer-nativephp",
+    "name": "interval-timer-nativephp",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
diff --git a/phpunit.xml b/phpunit.xml
index e7f0a48..8270081 100644
--- a/phpunit.xml
+++ b/phpunit.xml
@@ -8,9 +8,6 @@
         <testsuite name="Unit">
             <directory>tests/Unit</directory>
         </testsuite>
-        <testsuite name="Feature">
-            <directory>tests/Feature</directory>
-        </testsuite>
     </testsuites>
     <source>
         <include>
diff --git a/resources/js/app.js b/resources/js/app.js
index 97a4426..8724cee 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1,46 +1,59 @@
 import './bootstrap';
-import Alpine from 'alpinejs';
 import { initAudio } from './audio';
 
-window.Alpine = Alpine;
-
 // Boot Alpine after Livewire (Livewire v3 integrates automatically)
 document.addEventListener('alpine:init', () => {
     Alpine.data('timerAudio', () => ({
+        timer: null,
         audio: null,
         soundMode: 'beep',
         volume: 0.8,
+        interval: null,
         init() {
-            this.audio = initAudio();
-            // Receive settings from Livewire
-            this.$wire.on('settingsLoaded', ({ soundMode, volume }) => {
-                this.soundMode = soundMode;
-                this.audio.setVolume(volume);
+            this.soundMode = this.$wire.soundMode;
+            this.volume = this.$wire.volume;
+            this.program = this.$wire.program;
+            this.audio = initAudio(this.volume);
+
+            // Ticker logic: poll wire.tick() every 1 000 ms when the timer is active
+            this.$watch('$wire.state', state => {
+                // Handle Livewire Enum serialization (v3)
+                const stateName = state;
+                console.log('State changed:', stateName);
+
+                clearInterval(this.interval);
+                if (['PREPARE', 'RUNNING', 'PAUSE', 'COOLDOWN'].includes(stateName)) {
+                    this.interval = setInterval(() => this.$wire.tick(), 1000);
+                }
             });
-            // Beep trigger from Livewire
-            this.$wire.on('playBeep', ({ reason }) => {
+
+            this.$wire.on('playBeep', ({reason}) => {
+                console.log('playBeep', reason);
                 if (this.soundMode === 'voice') {
                     this.audio.speak(this.voiceText(reason));
+                } else if (reason === 'prepare') {
+                    this.audio.prepareBeep();
                 } else {
                     this.audio.beep();
                 }
             });
-            // Pause beep
-            this.$wire.on('playPauseBeep', () => {
-                this.audio.pauseBeep();
-            });
-            // End sound
-            this.$wire.on('playEndSound', ({ sound }) => {
+
+            this.$wire.on('playEndSound', ({sound}) => {
                 if (sound === 'triple') {
                     this.audio.tripleBeep();
                 } else {
                     this.audio.chime();
                 }
             });
+
+            this.$wire.on('playPauseBeep', () => {
+                this.audio.pauseBeep();
+            });
         },
         voiceText(reason) {
             const map = {
-                countdown:   this.$wire.countdownLabel ?? 'Get ready',
+                prepare:     this.$wire?.countdownLabel ?? '',
+                countdown:   this.$wire?.countdownLabel ?? 'Get ready',
                 rep_end:     'Done',
                 pause_end:   'Go',
                 cooldown_end: 'Next',
@@ -50,4 +63,4 @@ document.addEventListener('alpine:init', () => {
     }));
 });
 
-Alpine.start();
+// Alpine is automatically started by Livewire v3.
diff --git a/resources/js/audio.js b/resources/js/audio.js
index 122fbbc..5e7a7cc 100644
--- a/resources/js/audio.js
+++ b/resources/js/audio.js
@@ -1,15 +1,17 @@
+// noinspection JSUnresolvedReference
+
 /**
  * Audio engine for the interval timer.
  *
- * soundMode = 'beep'  → Web Audio API (synthesised, no network)
+ * soundMode = 'beep' → Web Audio API (synthesized, no network)
  * soundMode = 'voice' → Android TTS via NativePHP JS bridge (feminine, calm)
  *
  * All methods are no-ops until the user has interacted with the page,
  * satisfying the browser AudioContext autoplay policy.
  */
-export function initAudio() {
+export function initAudio(volume = 0.8) {
+    volume = Math.max(0, Math.min(1, volume));
     let ctx = null;
-    let volume = 0.8;
 
     function getCtx() {
         if (!ctx) {
@@ -43,12 +45,19 @@ export function initAudio() {
     /** Single countdown beep (800 Hz, 100 ms). */
     function beep() { tone(800, 100); }
 
+    /** Prepare-phase beep — three rapid beeps at the same tone (800 Hz, 100 ms × 3). */
+    function prepareBeep() {
+        tone(800, 100, 0);
+        tone(800, 100, 150);
+        tone(800, 100, 300);
+    }
+
     /** Gentle single beep on user pause (600 Hz, 80 ms). */
     function pauseBeep() { tone(600, 80); }
 
     /**
      * End sound: triple beep (three 880 Hz tones 150 ms apart).
-     * finish-triple.mp3 semantics, synthesised.
+     * finish-triple.mp3 semantics, synthesized.
      */
     function tripleBeep() {
         tone(880, 120, 0);
@@ -58,7 +67,7 @@ export function initAudio() {
 
     /**
      * End sound: chime (descending 3-tone chord, warm).
-     * finish-chime.mp3 semantics, synthesised.
+     * finish-chime.mp3 semantics, synthesized.
      */
     function chime() {
         tone(1046.5, 300, 0);    // C6
@@ -68,7 +77,7 @@ export function initAudio() {
 
     /**
      * Android TTS via NativePHP bridge.
-     * Falls back to Web Speech API on web browser.
+     * Falls back to Web Speech API on a web browser.
      */
     function speak(text) {
         if (window.NativePhp?.tts?.speak) {
@@ -97,10 +106,10 @@ export function initAudio() {
 
     return {
         beep,
+        prepareBeep,
         pauseBeep,
         tripleBeep,
         chime,
         speak,
-        setVolume(v) { volume = Math.max(0, Math.min(1, v)); },
     };
 }
diff --git a/resources/views/livewire/library.blade.php b/resources/views/livewire/library.blade.php
index 2902361..e567e7e 100644
--- a/resources/views/livewire/library.blade.php
+++ b/resources/views/livewire/library.blade.php
@@ -60,30 +60,30 @@ class="flex items-center gap-3 bg-gray-900 rounded-2xl px-4 py-4
         >
             {{-- Tap → go to timer --}}
             <a
-                href="/timer/{{ $program->id }}"
+                href="/timer/{{ $program['id'] }}"
                 wire:navigate
                 class="flex-1 min-w-0"
             >
                 <div class="flex items-center gap-3">
                     {{-- Phase colour dots --}}
-                    <div class="flex gap-1 flex-shrink-0">
-                        @foreach(array_slice($program->phases, 0, 5) as $phase)
+                    <div class="flex gap-1 shrink-0">
+                        @foreach(array_slice($program['phases'], 0, 5) as $phase)
                         <span
                             class="w-2.5 h-2.5 rounded-full"
-                            style="background: {{ $phase->color }}"
+                            style="background: {{ $phase['color'] }}"
                         ></span>
                         @endforeach
-                        @if(count($program->phases) === 0)
+                        @if(count($program['phases']) === 0)
                         <span class="w-2.5 h-2.5 rounded-full bg-gray-700"></span>
                         @endif
                     </div>
 
                     <div class="min-w-0">
-                        <p class="text-white font-semibold text-base truncate">{{ $program->name }}</p>
+                        <p class="text-white font-semibold text-base truncate">{{ $program['name'] }}</p>
                         <p class="text-gray-500 text-xs mt-0.5">
-                            {{ count($program->phases) }} {{ Str::plural('phase', count($program->phases)) }}
-                            @if($program->totalDuration() > 0)
-                                · {{ $program->formattedDuration() }}
+                            {{ count($program['phases']) }} {{ Str::plural('phase', count($program['phases'])) }}
+                            @if($program['total_duration'] > 0)
+                                · {{ sprintf('%d:%02d', intdiv($program['total_duration'], 60), $program['total_duration'] % 60) }}
                             @endif
                         </p>
                     </div>
@@ -92,9 +92,9 @@ class="w-2.5 h-2.5 rounded-full"
 
             {{-- Edit --}}
             <a
-                href="/programs/{{ $program->id }}/edit"
+                href="/programs/{{ $program['id'] }}/edit"
                 wire:navigate
-                class="p-2 text-gray-500 hover:text-gray-300 transition-colors flex-shrink-0"
+                class="p-2 text-gray-500 hover:text-gray-300 transition-colors shrink-0"
             >
                 <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round"
@@ -104,9 +104,9 @@ class="p-2 text-gray-500 hover:text-gray-300 transition-colors flex-shrink-0"
 
             {{-- Delete --}}
             <button
-                wire:click="deleteProgram('{{ $program->id }}')"
-                wire:confirm="Delete '{{ addslashes($program->name) }}'?"
-                class="p-2 text-gray-600 hover:text-red-500 transition-colors flex-shrink-0"
+                wire:click="deleteProgram('{{ $program['id'] }}')"
+                wire:confirm="Delete '{{ addslashes($program['name']) }}'?"
+                class="p-2 text-gray-600 hover:text-red-500 transition-colors shrink-0"
             >
                 <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round"
diff --git a/resources/views/livewire/program-editor.blade.php b/resources/views/livewire/program-editor.blade.php
index 1aeb8b8..9b1cd4f 100644
--- a/resources/views/livewire/program-editor.blade.php
+++ b/resources/views/livewire/program-editor.blade.php
@@ -1,3 +1,4 @@
+@php use App\Enum\BeepLeadIn; @endphp
 <div class="flex flex-col h-full">
 
     {{-- Header --}}
@@ -20,8 +21,9 @@ class="w-full bg-transparent text-white font-bold text-lg placeholder-gray-600
         <button
             wire:click="saveProgram"
             class="bg-blue-600 hover:bg-blue-500 active:bg-blue-700 text-white text-sm font-semibold
-                   px-4 py-2 rounded-xl transition-colors flex-shrink-0"
-        >Save</button>
+                   px-4 py-2 rounded-xl transition-colors shrink-0"
+        >Save
+        </button>
     </div>
 
     {{-- Scrollable body --}}
@@ -40,13 +42,15 @@ class="bg-blue-600 hover:bg-blue-500 active:bg-blue-700 text-white text-sm font-
                     <button
                         wire:click="$set('beepLeadIn', 3)"
                         class="px-3 py-1.5 rounded-lg text-sm font-semibold transition-colors
-                               {{ $beepLeadIn === 3 ? 'bg-blue-600 text-white' : 'bg-gray-800 text-gray-400' }}"
-                    >3s</button>
+                               {{ $beepLeadIn === BeepLeadIn::Three ? 'bg-blue-600 text-white' : 'bg-gray-800 text-gray-400' }}"
+                    >3s
+                    </button>
                     <button
                         wire:click="$set('beepLeadIn', 5)"
                         class="px-3 py-1.5 rounded-lg text-sm font-semibold transition-colors
-                               {{ $beepLeadIn === 5 ? 'bg-blue-600 text-white' : 'bg-gray-800 text-gray-400' }}"
-                    >5s</button>
+                               {{ $beepLeadIn === BeepLeadIn::Five ? 'bg-blue-600 text-white' : 'bg-gray-800 text-gray-400' }}"
+                    >5s
+                    </button>
                 </div>
             </div>
 
@@ -61,23 +65,25 @@ class="px-3 py-1.5 rounded-lg text-sm font-semibold transition-colors
                         wire:click="$set('endSound', 'triple')"
                         class="px-3 py-1.5 rounded-lg text-sm font-semibold transition-colors
                                {{ $endSound === 'triple' ? 'bg-blue-600 text-white' : 'bg-gray-800 text-gray-400' }}"
-                    >Triple</button>
+                    >Triple
+                    </button>
                     <button
                         wire:click="$set('endSound', 'chime')"
                         class="px-3 py-1.5 rounded-lg text-sm font-semibold transition-colors
                                {{ $endSound === 'chime' ? 'bg-blue-600 text-white' : 'bg-gray-800 text-gray-400' }}"
-                    >Chime</button>
+                    >Chime
+                    </button>
                 </div>
             </div>
         </div>
 
         {{-- Total duration badge --}}
         @if($this->totalDuration() > 0)
-        <div class="flex items-center justify-center">
+            <div class="flex items-center justify-center">
             <span class="text-gray-500 text-sm">
                 Total: <span class="text-white font-semibold">{{ $this->formattedDuration() }}</span>
             </span>
-        </div>
+            </div>
         @endif
 
         {{-- Phases --}}
@@ -87,69 +93,80 @@ class="px-3 py-1.5 rounded-lg text-sm font-semibold transition-colors
                     Phases ({{ count($phases) }}/10)
                 </h2>
                 @if(count($phases) < 10)
-                <button
-                    wire:click="openAddPhase"
-                    class="text-blue-400 text-sm font-semibold hover:text-blue-300"
-                >+ Add Phase</button>
+                    <button
+                        wire:click="openAddPhase"
+                        class="text-blue-400 text-sm font-semibold hover:text-blue-300"
+                    >+ Add Phase
+                    </button>
                 @endif
             </div>
 
             <div class="space-y-2">
                 @forelse($phases as $i => $phase)
-                <div class="flex items-center gap-2 bg-gray-900 rounded-2xl px-3 py-3 border border-white/5">
+                    <div class="flex items-center gap-2 bg-gray-900 rounded-2xl px-3 py-3 border border-white/5">
 
-                    {{-- Colour swatch --}}
-                    <div
-                        class="w-3 h-10 rounded-full flex-shrink-0"
-                        style="background: {{ $phase['color'] }}"
-                    ></div>
+                        {{-- Colour swatch --}}
+                        <div
+                            class="w-3 h-10 rounded-full shrink-0"
+                            style="background: {{ $phase['color'] }}"
+                        ></div>
 
-                    {{-- Info --}}
-                    <div class="flex-1 min-w-0">
-                        <p class="text-white font-medium text-sm truncate">{{ $phase['label'] }}</p>
-                        <p class="text-gray-500 text-xs mt-0.5">
-                            {{ $phase['duration'] }}s
-                            × {{ $phase['repetitions'] }} {{ Str::plural('rep', $phase['repetitions']) }}
-                            @if($phase['pause'] > 0)· {{ $phase['pause'] }}s pause @endif
-                            @if($phase['cooldown'] > 0)· {{ $phase['cooldown'] }}s cooldown @endif
-                        </p>
-                    </div>
+                        {{-- Info --}}
+                        <div class="flex-1 min-w-0">
+                            <p class="text-white font-medium text-sm truncate">{{ $phase['label'] }}</p>
+                            <p class="text-gray-500 text-xs mt-0.5">
+                                {{ $phase['duration'] }}s
+                                × {{ $phase['repetitions'] }} {{ Str::plural('rep', $phase['repetitions']) }}
+                                @if($phase['pause'] > 0)
+                                    · {{ $phase['pause'] }}s pause
+                                @endif
+                                @if($phase['cooldown'] > 0 && !$loop->last)
+                                    · {{ $phase['cooldown'] }}s cooldown
+                                @endif
+                            </p>
+                        </div>
+
+                        {{-- Reorder --}}
+                        <div class="flex flex-col gap-0.5">
+                            <button wire:click="movePhaseUp({{ $i }})"
+                                    class="p-1 text-gray-600 hover:text-gray-400 {{ $i === 0 ? 'invisible' : '' }}">
+                                <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2"
+                                     viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round"
+                                          d="m4.5 15.75 7.5-7.5 7.5 7.5"/>
+                                </svg>
+                            </button>
+                            <button wire:click="movePhaseDown({{ $i }})"
+                                    class="p-1 text-gray-600 hover:text-gray-400 {{ $i === count($phases)-1 ? 'invisible' : '' }}">
+                                <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2"
+                                     viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round"
+                                          d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
+                                </svg>
+                            </button>
+                        </div>
 
-                    {{-- Reorder --}}
-                    <div class="flex flex-col gap-0.5">
-                        <button wire:click="movePhaseUp({{ $i }})"
-                                class="p-1 text-gray-600 hover:text-gray-400 {{ $i === 0 ? 'invisible' : '' }}">
-                            <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5"/>
+                        {{-- Edit --}}
+                        <button wire:click="editPhase({{ $i }})" class="p-2 text-gray-500 hover:text-gray-300">
+                            <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="1.5"
+                                 viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round"
+                                      d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Z"/>
                             </svg>
                         </button>
-                        <button wire:click="movePhaseDown({{ $i }})"
-                                class="p-1 text-gray-600 hover:text-gray-400 {{ $i === count($phases)-1 ? 'invisible' : '' }}">
-                            <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
+
+                        {{-- Delete --}}
+                        <button wire:click="deletePhase({{ $i }})" class="p-2 text-gray-600 hover:text-red-500">
+                            <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="1.5"
+                                 viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
                             </svg>
                         </button>
                     </div>
-
-                    {{-- Edit --}}
-                    <button wire:click="editPhase({{ $i }})" class="p-2 text-gray-500 hover:text-gray-300">
-                        <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-                            <path stroke-linecap="round" stroke-linejoin="round"
-                                  d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Z"/>
-                        </svg>
-                    </button>
-
-                    {{-- Delete --}}
-                    <button wire:click="deletePhase({{ $i }})" class="p-2 text-gray-600 hover:text-red-500">
-                        <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
-                        </svg>
-                    </button>
-                </div>
                 @empty
-                <div class="flex flex-col items-center py-10 text-center">
-                    <p class="text-gray-500 text-sm">No phases yet — add one above</p>
-                </div>
+                    <div class="flex flex-col items-center py-10 text-center">
+                        <p class="text-gray-500 text-sm">No phases yet — add one above</p>
+                    </div>
                 @endforelse
             </div>
         </div>
@@ -157,113 +174,139 @@ class="p-1 text-gray-600 hover:text-gray-400 {{ $i === count($phases)-1 ? 'invis
 
     {{-- ── Phase form sheet ─────────────────────────────────────────────── --}}
     @if($showPhaseForm)
-    <div
-        class="fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm"
-        @keydown.escape.window="$wire.cancelPhaseForm()"
-    >
-        <div class="w-full bg-gray-900 rounded-t-2xl safe-bottom max-h-[90vh] overflow-y-auto"
-             @click.stop>
+        <div
+            class="fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm"
+            @keydown.escape.window="$wire.cancelPhaseForm()"
+        >
+            <div class="w-full bg-gray-900 rounded-t-2xl safe-bottom max-h-[90vh] overflow-y-auto"
+                 @click.stop>
 
-            <div class="sticky top-0 bg-gray-900 flex items-center justify-between px-5 py-4 border-b border-white/5">
-                <h2 class="text-lg font-bold text-white">
-                    {{ $editingPhaseIndex !== null ? 'Edit Phase' : 'Add Phase' }}
-                </h2>
-                <button wire:click="cancelPhaseForm" class="text-gray-500 hover:text-white">
-                    <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
-                    </svg>
-                </button>
-            </div>
+                <div
+                    class="sticky top-0 bg-gray-900 flex items-center justify-between px-5 py-4 border-b border-white/5">
+                    <h2 class="text-lg font-bold text-white">
+                        {{ $editingPhaseIndex !== null ? 'Edit Phase' : 'Add Phase' }}
+                    </h2>
+                    <button wire:click="cancelPhaseForm" class="text-gray-500 hover:text-white">
+                        <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
+                        </svg>
+                    </button>
+                </div>
 
-            <div class="px-5 py-5 space-y-5">
+                <div class="px-5 py-5 space-y-5">
 
-                {{-- Label --}}
-                <div>
-                    <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-1.5">Phase Name</label>
-                    <input
-                        type="text"
-                        wire:model="phaseLabel"
-                        placeholder="e.g. Work, Rest, Sprint…"
-                        maxlength="40"
-                        class="w-full bg-gray-800 text-white placeholder-gray-600 rounded-xl px-4 py-3
+                    {{-- Label --}}
+                    <div>
+                        <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-1.5">Phase
+                            Name</label>
+                        <input
+                            type="text"
+                            wire:model="phaseLabel"
+                            placeholder="e.g. Work, Rest, Sprint…"
+                            maxlength="40"
+                            class="w-full bg-gray-800 text-white placeholder-gray-600 rounded-xl px-4 py-3
                                border border-white/10 focus:border-blue-500 focus:outline-none"
-                    >
-                    @error('phaseLabel') <p class="text-red-400 text-xs mt-1">{{ $message }}</p> @enderror
-                </div>
+                        >
+                        @error('phaseLabel') <p class="text-red-400 text-xs mt-1">{{ $message }}</p> @enderror
+                    </div>
 
-                {{-- Duration × Reps --}}
-                <div class="grid grid-cols-2 gap-4">
-                    <div>
-                        <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-1.5">
-                            Duration (sec)
-                        </label>
-                        <input type="number" wire:model="phaseDuration" min="1" max="3600"
-                               class="w-full bg-gray-800 text-white rounded-xl px-4 py-3
+                    {{-- Duration × Reps --}}
+                    <div class="grid grid-cols-1 gap-4">
+                        <div>
+                            <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-1.5">
+                                Duration (sec)
+                            </label>
+                            <input type="number" wire:model="phaseDuration" min="1" max="3600"
+                                   class="w-full bg-gray-800 text-white rounded-xl px-4 py-3
                                       border border-white/10 focus:border-blue-500 focus:outline-none text-center text-lg font-bold">
-                        @error('phaseDuration') <p class="text-red-400 text-xs mt-1">{{ $message }}</p> @enderror
-                    </div>
-                    <div>
-                        <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-1.5">
-                            Repetitions (1–50)
-                        </label>
-                        <input type="number" wire:model="phaseReps" min="1" max="50"
-                               class="w-full bg-gray-800 text-white rounded-xl px-4 py-3
+                            @error('phaseDuration') <p class="text-red-400 text-xs mt-1">{{ $message }}</p> @enderror
+                        </div>
+                        <div>
+                            <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-1.5">
+                                Repetitions (1–50)
+                            </label>
+                            <input type="number" wire:model.live="phaseReps" min="1" max="50"
+                                   class="w-full bg-gray-800 text-white rounded-xl px-4 py-3
                                       border border-white/10 focus:border-blue-500 focus:outline-none text-center text-lg font-bold">
-                        @error('phaseReps') <p class="text-red-400 text-xs mt-1">{{ $message }}</p> @enderror
+                            @error('phaseReps') <p class="text-red-400 text-xs mt-1">{{ $message }}</p> @enderror
+                        </div>
                     </div>
-                </div>
 
-                {{-- Pause × Cooldown --}}
-                <div class="grid grid-cols-2 gap-4">
-                    <div>
-                        <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-1.5">
-                            Pause (sec)
-                        </label>
-                        <p class="text-gray-600 text-[10px] mb-1">Between reps</p>
-                        <input type="number" wire:model="phasePause" min="0" max="3600"
-                               class="w-full bg-gray-800 text-white rounded-xl px-4 py-3
-                                      border border-white/10 focus:border-blue-500 focus:outline-none text-center text-lg font-bold">
+                    {{-- Pause × Cooldown --}}
+                    <div class="grid grid-cols-1 gap-4">
+                        @if($phaseReps > 1)
+                            <div>
+                                <label
+                                    class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-1.5">
+                                    Pause (sec)
+                                </label>
+                                <p class="text-gray-600 text-[10px] mb-1">Between reps</p>
+                                <input type="number" wire:model="phasePause" min="0" max="3600"
+                                       class="w-full bg-gray-800 text-white rounded-xl px-4 py-3
+                                          border border-white/10 focus:border-blue-500 focus:outline-none text-center text-lg font-bold">
+                            </div>
+                        @endif
+                        <div class="{{ $phaseReps > 1 ? '' : 'col-span-2' }}">
+                            <label class="block text-xs font-semibold uppercase tracking-wider mb-1.5
+                                          {{ $this->editingIsLastPhase() ? 'text-gray-600' : 'text-gray-400' }}">
+                                Cooldown (sec)
+                            </label>
+                            <p class="text-[10px] mb-1 {{ $this->editingIsLastPhase() ? 'text-gray-700' : 'text-gray-600' }}">
+                                @if($this->editingIsLastPhase())
+                                    not counted — add another phase
+                                @else
+                                    After final rep
+                                @endif
+                            </p>
+                            <input type="number" wire:model="phaseCooldown" min="0" max="3600"
+                                   @if($this->editingIsLastPhase()) disabled @endif
+                                   class="w-full rounded-xl px-4 py-3 border text-center text-lg font-bold
+                                          focus:outline-none transition-colors
+                                          {{ $this->editingIsLastPhase()
+                                              ? 'bg-gray-800/40 text-gray-600 border-white/5 cursor-not-allowed'
+                                              : 'bg-gray-800 text-white border-white/10 focus:border-blue-500' }}">
+                        </div>
                     </div>
+
+                    {{-- Colour --}}
                     <div>
-                        <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-1.5">
-                            Cooldown (sec)
-                        </label>
-                        <p class="text-gray-600 text-[10px] mb-1">After final rep</p>
-                        <input type="number" wire:model="phaseCooldown" min="0" max="3600"
-                               class="w-full bg-gray-800 text-white rounded-xl px-4 py-3
-                                      border border-white/10 focus:border-blue-500 focus:outline-none text-center text-lg font-bold">
+                        <label
+                            class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2">Colour</label>
+                        <div class="flex gap-3 flex-wrap">
+                            @foreach($palette as $color)
+                                <button
+                                    wire:click="$set('phaseColor', '{{ $color }}')"
+                                    class="w-8 h-8 rounded-full border-2 transition-all"
+                                    style="background: {{ $color }}; border-color: {{ $phaseColor === $color ? 'white' : 'transparent' }}"
+                                ></button>
+                            @endforeach
+                        </div>
                     </div>
-                </div>
 
-                {{-- Colour --}}
-                <div>
-                    <label class="block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2">Colour</label>
-                    <div class="flex gap-3 flex-wrap">
-                        @foreach($palette as $color)
+                    {{-- Actions --}}
+                    <div class="flex gap-3 pb-2">
                         <button
-                            wire:click="$set('phaseColor', '{{ $color }}')"
-                            class="w-8 h-8 rounded-full border-2 transition-all"
-                            style="background: {{ $color }}; border-color: {{ $phaseColor === $color ? 'white' : 'transparent' }}"
-                        ></button>
-                        @endforeach
+                            wire:click="cancelPhaseForm"
+                            class="flex-1 bg-gray-800 hover:bg-gray-700 text-gray-300 font-semibold py-3 rounded-xl"
+                        >Cancel
+                        </button>
+                        <button
+                            wire:click="savePhase"
+                            class="flex-1 bg-blue-600 hover:bg-blue-500 text-white font-semibold py-3 rounded-xl"
+                        >{{ $editingPhaseIndex !== null ? 'Update' : 'Add' }} Phase
+                        </button>
+                        @if( $editingPhaseIndex === null && count($phases) < 10)
+                            <button wire:click="savePhaseAndAddNew"
+                                    class="flex-1 bg-blue-600 hover:bg-blue-500 text-white font-semibold py-3 rounded-xl">
+                                Add Phase And Start New
+                            </button>
+                        @endif
+
                     </div>
-                </div>
 
-                {{-- Actions --}}
-                <div class="flex gap-3 pb-2">
-                    <button
-                        wire:click="cancelPhaseForm"
-                        class="flex-1 bg-gray-800 hover:bg-gray-700 text-gray-300 font-semibold py-3 rounded-xl"
-                    >Cancel</button>
-                    <button
-                        wire:click="savePhase"
-                        class="flex-1 bg-blue-600 hover:bg-blue-500 text-white font-semibold py-3 rounded-xl"
-                    >{{ $editingPhaseIndex !== null ? 'Update' : 'Add' }} Phase</button>
                 </div>
-
             </div>
         </div>
-    </div>
     @endif
 
 </div>
diff --git a/resources/views/livewire/settings.blade.php b/resources/views/livewire/settings.blade.php
index 5dc2fa4..3398139 100644
--- a/resources/views/livewire/settings.blade.php
+++ b/resources/views/livewire/settings.blade.php
@@ -1,3 +1,4 @@
+@php use App\Enum\BeepLeadIn; @endphp
 <div class="flex flex-col h-full">
 
     <div class="flex items-center justify-between px-4 py-4">
@@ -91,12 +92,12 @@ class="w-full accent-blue-500 h-1.5"
                         <button
                             wire:click="$set('defaultBeepLeadIn', 3)"
                             class="px-3 py-1.5 rounded-lg text-sm font-semibold transition-colors
-                                   {{ $defaultBeepLeadIn === 3 ? 'bg-blue-600 text-white' : 'bg-gray-800 text-gray-400' }}"
+                                   {{ $defaultBeepLeadIn === BeepLeadIn::Three ? 'bg-blue-600 text-white' : 'bg-gray-800 text-gray-400' }}"
                         >3s</button>
                         <button
                             wire:click="$set('defaultBeepLeadIn', 5)"
                             class="px-3 py-1.5 rounded-lg text-sm font-semibold transition-colors
-                                   {{ $defaultBeepLeadIn === 5 ? 'bg-blue-600 text-white' : 'bg-gray-800 text-gray-400' }}"
+                                   {{ $defaultBeepLeadIn === BeepLeadIn::Five ? 'bg-blue-600 text-white' : 'bg-gray-800 text-gray-400' }}"
                         >5s</button>
                     </div>
                 </div>
@@ -151,7 +152,7 @@ class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform
         <section>
             <div class="bg-gray-900 rounded-2xl border border-white/5 px-4 py-4">
                 <p class="text-gray-500 text-xs">
-                    Interval Timer · Built with NativePHP Mobile {{ app('nativephp.version', '3.x') }}
+                    Interval Timer · Built with NativePHP Mobile {{ config('nativephp.version', '3.1') }}
                     + Laravel {{ app()->version() }} + PHP 8.5
                 </p>
             </div>
diff --git a/resources/views/livewire/timer-screen.blade.php b/resources/views/livewire/timer-screen.blade.php
index 3e164f8..b405b1f 100644
--- a/resources/views/livewire/timer-screen.blade.php
+++ b/resources/views/livewire/timer-screen.blade.php
@@ -1,3 +1,4 @@
+@php use App\Enum\StateMachine; @endphp
 {{--
     TimerScreen — full-screen timer UI.
 
@@ -8,194 +9,329 @@
 --}}
 <div
     class="flex flex-col h-full"
-    x-data="timerAudio()"
-    wire:init="@if($programId && $state === 'idle') start @endif"
+    x-data="timerAudio"
 >
+    {{-- ── No program loaded: history list ───────────────────────────── --}}
+    @if(! $programId)
+        <div class="flex-1 flex flex-col overflow-hidden">
 
-    {{-- ── Ticker: fires every 1 s when timer is running ────────────────── --}}
-    <div
-        x-data="{ interval: null }"
-        x-init="
-            $watch('$wire.state', state => {
-                clearInterval(interval);
-                if (['running','pause','cooldown'].includes(state)) {
-                    interval = setInterval(() => $wire.tick(), 1000);
-                }
-            });
-            // Boot on first render
-            if (['running','pause','cooldown'].includes($wire.state)) {
-                interval = setInterval(() => $wire.tick(), 1000);
-            }
-        "
-        x-effect="$wire.state"
-        class="hidden"
-    ></div>
+            {{-- Header --}}
+            <div class="flex items-center justify-between px-5 pt-5 pb-3 flex-none">
+                <h2 class="text-white font-bold text-lg">Recent Runs</h2>
+                <a href="/" wire:navigate
+                   class="bg-blue-600 hover:bg-blue-500 text-white text-sm font-semibold px-4 py-2 rounded-xl transition-colors">
+                    Open Library
+                </a>
+            </div>
+
+            {{-- History list --}}
+            @if(count($history) === 0)
+                <div class="flex-1 flex flex-col items-center justify-center text-center px-6">
+                    <div class="w-16 h-16 rounded-full bg-gray-900 flex items-center justify-center mb-4">
+                        <svg class="w-8 h-8 text-gray-600" fill="none" stroke="currentColor" stroke-width="1.5"
+                             viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round"
+                                  d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
+                        </svg>
+                    </div>
+                    <p class="text-gray-500 text-sm">No runs yet — complete a program to see your history here.</p>
+                </div>
+            @else
+                <div class="flex-1 overflow-y-auto px-4 pb-6 space-y-2">
+                    @foreach($history as $entry)
+                        @php
+                            $mins = intdiv($entry['total_duration'], 60);
+                            $secs = $entry['total_duration'] % 60;
+                            $formattedDuration = sprintf('%d:%02d', $mins, $secs);
+                            $formattedDate = \Carbon\Carbon::parse($entry['completed_at'])->diffForHumans();
+                        @endphp
+
+                        @if($entry['program_exists'])
+                            <a href="/timer/{{ $entry['program_id'] }}" wire:navigate
+                               class="flex items-center gap-3 bg-gray-900 hover:bg-gray-800 border border-white/5
+                                      hover:border-white/10 rounded-2xl px-4 py-3.5 transition-colors group">
+                                <div class="w-9 h-9 rounded-full bg-gray-800 group-hover:bg-gray-700 flex items-center
+                                            justify-center flex-none transition-colors">
+                                    <svg class="w-4 h-4 text-blue-400" fill="none" stroke="currentColor"
+                                         stroke-width="2" viewBox="0 0 24 24">
+                                        <path stroke-linecap="round" stroke-linejoin="round" d="M5 3l14 9-14 9V3z"/>
+                                    </svg>
+                                </div>
+                                <div class="flex-1 min-w-0">
+                                    <p class="text-white font-semibold text-sm truncate">{{ $entry['program_name'] }}</p>
+                                    <p class="text-gray-500 text-xs mt-0.5">{{ $formattedDate }}</p>
+                                </div>
+                                <span class="text-gray-400 font-mono text-sm flex-none">{{ $formattedDuration }}</span>
+                            </a>
+                        @else
+                            <div class="flex items-center gap-3 bg-gray-900/50 border border-white/5 rounded-2xl
+                                        px-4 py-3.5 opacity-40 cursor-not-allowed">
+                                <div class="w-9 h-9 rounded-full bg-gray-800 flex items-center justify-center flex-none">
+                                    <svg class="w-4 h-4 text-gray-600" fill="none" stroke="currentColor"
+                                         stroke-width="2" viewBox="0 0 24 24">
+                                        <path stroke-linecap="round" stroke-linejoin="round" d="M5 3l14 9-14 9V3z"/>
+                                    </svg>
+                                </div>
+                                <div class="flex-1 min-w-0">
+                                    <p class="text-gray-500 font-semibold text-sm truncate">{{ $entry['program_name'] }}</p>
+                                    <p class="text-gray-600 text-xs mt-0.5">{{ $formattedDate }} · deleted</p>
+                                </div>
+                                <span class="text-gray-600 font-mono text-sm flex-none">{{ $formattedDuration }}</span>
+                            </div>
+                        @endif
+                    @endforeach
+                </div>
+            @endif
 
-    {{-- ── No program loaded ───────────────────────────────────────────── --}}
-    @if(! $programId)
-    <div class="flex-1 flex flex-col items-center justify-center text-center px-6">
-        <div class="w-20 h-20 rounded-full bg-gray-900 flex items-center justify-center mb-5">
-            <svg class="w-10 h-10 text-gray-600" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
-            </svg>
         </div>
-        <p class="text-gray-400 font-medium text-lg">No program selected</p>
-        <p class="text-gray-600 text-sm mt-1">Go to Library and tap a program to start</p>
-        <a href="/" wire:navigate
-           class="mt-6 bg-blue-600 hover:bg-blue-500 text-white font-semibold px-6 py-3 rounded-2xl transition-colors">
-            Open Library
-        </a>
-    </div>
     @else
 
-    {{-- ── Active timer ────────────────────────────────────────────────── --}}
-
-    {{-- Phase progress bar --}}
-    <div class="h-1 bg-gray-800 flex-none">
-        @if($phaseIndex < collect($phases ?? [])->count() || true)
-        <div
-            class="h-full transition-all duration-1000 ease-linear rounded-r-full"
-            style="background: {{ $phaseColor }}; width: {{ $totalRemaining > 0 && $state !== 'completed' ? '100%' : '0%' }}"
-        ></div>
-        @endif
-    </div>
-
-    {{-- Phase label strip --}}
-    <div
-        class="flex items-center justify-center px-4 pt-4 pb-2"
-    >
-        <div class="flex items-center gap-2">
-            <span
-                class="w-3 h-3 rounded-full flex-shrink-0"
-                style="background: {{ $state === 'pause' ? '#6b7280' : ($state === 'cooldown' ? '#f97316' : $phaseColor) }}"
-            ></span>
-            <span class="text-gray-300 font-semibold text-base">
-                {{ $this->segmentLabel() }}
-            </span>
-            @if($this->repLabel())
-            <span class="text-gray-600 text-sm">— Rep {{ $this->repLabel() }}</span>
-            @endif
+        {{-- ── Active timer ────────────────────────────────────────────────── --}}
+        {{-- Phase strip — one proportional segment per phase --}}
+        @php
+            $totalDuration = collect($phases)->sum(function (array $p) {
+                return ($p['duration'] * $p['repetitions'])
+                     + ($p['pause'] * max(0, $p['repetitions'] - 1));
+            });
+            // Last phase has no cooldown counted; others include it
+            foreach ($phases as $i => $p) {
+                if ($i < count($phases) - 1) {
+                    $totalDuration += $p['cooldown'];
+                }
+            }
+        @endphp
+        <div class="h-1 flex flex-none gap-px bg-gray-900">
+            @foreach($phases as $i => $phase)
+                @php
+                    $phaseDuration = ($phase['duration'] * $phase['repetitions'])
+                                   + ($phase['pause'] * max(0, $phase['repetitions'] - 1))
+                                   + ($i < count($phases) - 1 ? $phase['cooldown'] : 0);
+                    $pct = $totalDuration > 0 ? round($phaseDuration / $totalDuration * 100, 2) : 0;
+                    $isActive  = $i === $phaseIndex && !in_array($state->value, ['IDLE', 'COMPLETED']);
+                    $isDone    = $i < $phaseIndex || $state->value === 'COMPLETED';
+                @endphp
+                <div
+                    class="h-full transition-opacity duration-300"
+                    style="width: {{ $pct }}%;
+                           background: {{ $phase['color'] }};
+                           opacity: {{ $isActive ? '1' : ($isDone ? '0.2' : '0.35') }}"
+                ></div>
+            @endforeach
         </div>
-    </div>
 
-    {{-- ── BIG countdown ───────────────────────────────────────────────── --}}
-    <div class="flex-1 flex flex-col items-center justify-center px-6">
+        @php
+            $ringColor = match($state->value) {
+                'PAUSE', 'PAUSED' => '#6b7280',
+                'COOLDOWN'        => '#f97316',
+                'COMPLETED'       => '#22c55e',
+                default           => $phaseColor,
+            };
+            $ringOpacity = $state->value === 'PAUSED' ? '0.4' : '1';
+            $circumference = 2 * M_PI * 120;
+            $progress = ($programTotalDuration > 0 && !in_array($state->value, ['IDLE', 'PREPARE']))
+                ? $totalRemaining / $programTotalDuration
+                : 1.0;
+            $dashOffset = $circumference * (1 - $progress);
+        @endphp
 
-        {{-- Main digit --}}
+        {{-- ── Ring + inner content ────────────────────────────────────────── --}}
         <div
-            class="text-[96px] font-black leading-none tabular-nums transition-colors duration-500
-                   {{ $state === 'completed' ? 'text-green-400' : '' }}"
-            :class="{
-                'cooldown-glow': '{{ $state }}' === 'cooldown',
-                'opacity-50':    '{{ $state }}' === 'paused',
+            class="flex-1 flex flex-col items-center justify-center px-4"
+            x-data="{
+                holdTimer: null,
+                holding: false,
+                longPressEnabled() {
+                    const platform = '{{ config('app.long_press_pause', 'all') }}';
+                    if (platform === 'all') return true;
+                    return navigator.userAgent.toLowerCase().includes('android');
+                },
+                startHold(e) {
+                    if (!this.longPressEnabled()) return;
+                    if (!['RUNNING', 'PAUSE', 'COOLDOWN'].includes($wire.state)) return;
+                    this.holding = true;
+                    this.holdTimer = setTimeout(() => {
+                        $wire.pause();
+                        this.holding = false;
+                    }, 1500);
+                },
+                cancelHold() {
+                    clearTimeout(this.holdTimer);
+                    this.holdTimer = null;
+                    this.holding = false;
+                }
             }"
+            @pointerdown="startHold"
+            @pointerup="cancelHold"
+            @pointercancel="cancelHold"
+            @pointerleave="cancelHold"
         >
-            {{ $state === 'completed' ? '✓' : $this->formattedRemaining() }}
+
+            <div
+                class="relative w-[min(92vw,380px)] aspect-square transition-opacity duration-300"
+                :class="{ 'opacity-60': holding }"
+            >
+                {{-- SVG ring --}}
+                <svg
+                    viewBox="0 0 260 260"
+                    class="w-full h-full -rotate-90"
+                    aria-hidden="true"
+                >
+                    {{-- Track --}}
+                    <circle
+                        cx="130" cy="130" r="120"
+                        fill="none"
+                        stroke="#1f2937"
+                        stroke-width="5"
+                    />
+                    {{-- Progress --}}
+                    <circle
+                        cx="130" cy="130" r="120"
+                        fill="none"
+                        stroke="{{ $ringColor }}"
+                        stroke-width="5"
+                        stroke-linecap="round"
+                        stroke-dasharray="{{ $circumference }}"
+                        stroke-dashoffset="{{ $dashOffset }}"
+                        opacity="{{ $ringOpacity }}"
+                        style="transition: stroke-dashoffset 0.9s linear, stroke 0.5s ease, opacity 0.5s ease;"
+                    />
+                </svg>
+
+                {{-- Inner content --}}
+                <div class="absolute inset-0 flex flex-col items-center justify-center gap-1">
+
+                    {{-- Phase / state label --}}
+                    <span class="text-gray-400 font-semibold text-xl leading-tight tracking-wide">
+                        {{ $this->segmentLabel() }}
+                    </span>
+
+                    {{-- Main countdown --}}
+                    <span
+                        class="font-black tabular-nums leading-none
+                               {{ $state->value === 'COMPLETED' ? 'text-green-400 text-[72px]' : 'text-white text-[72px]' }}"
+                        :class="{ 'cooldown-glow': '{{ $state->value }}' === 'COOLDOWN' }"
+                    >
+                        {{ $state->value === 'COMPLETED' ? '✓' : $this->formattedRemaining() }}
+                    </span>
+
+                    {{-- Rep counter --}}
+                    @if($this->repLabel())
+                        <span class="text-gray-500 text-base leading-tight">
+                            Rep {{ $this->repLabel() }}
+                        </span>
+                    @endif
+
+                </div>
+            </div>
+
+            {{-- State messages below ring --}}
+            @if($state->value === 'COMPLETED')
+                <p class="text-green-300 font-semibold text-base mt-4 animate-pulse">
+                    Program Complete!
+                </p>
+            @elseif($state->value === 'COOLDOWN')
+                <p class="text-orange-300/70 text-sm font-medium mt-4 tracking-wide animate-pulse">
+                    Take deep breaths
+                </p>
+            @endif
+
+            {{-- Total remaining --}}
+            @if(in_array($state->value, ['RUNNING', 'PAUSE', 'COOLDOWN', 'PAUSED']) && $totalRemaining > 0)
+                <p class="text-gray-600 text-sm mt-3">
+                    {{ $this->formattedTotal() }} total remaining
+                </p>
+            @endif
+
+            {{-- Hold-to-pause hint (ambient, non-intrusive) --}}
+            @if(in_array($state->value, ['RUNNING', 'PAUSE', 'COOLDOWN']))
+                <p
+                    class="text-gray-800 text-xs mt-2 select-none"
+                    x-show="longPressEnabled()"
+                >
+                    Hold to pause
+                </p>
+            @endif
+
         </div>
 
-        {{-- Completed message --}}
-        @if($state === 'completed')
-        <p class="text-green-300 font-semibold text-xl mt-3 animate-pulse">
-            Program Complete!
-        </p>
-        @endif
-
-        {{-- Cooldown breathing prompt --}}
-        @if($state === 'cooldown')
-        <p class="text-orange-300/70 text-sm font-medium mt-3 tracking-wide animate-pulse">
-            Take deep breaths
-        </p>
-        @endif
-
-        {{-- Paused label --}}
-        @if($state === 'paused')
-        <p class="text-gray-500 text-base mt-3">Paused</p>
-        @endif
-
-        {{-- Total remaining --}}
-        @if(in_array($state, ['running', 'pause', 'cooldown', 'paused']) && $totalRemaining > 0)
-        <p class="text-gray-600 text-sm mt-5">
-            {{ $this->formattedTotal() }} total remaining
-        </p>
-        @endif
-
-    </div>
-
-    {{-- ── Controls ───────────────────────────────────────────────────── --}}
-    <div class="flex-none px-6 pb-6 space-y-3">
-
-        {{-- Primary action --}}
-        @if($state === 'idle')
-        <button
-            wire:click="start"
-            class="w-full bg-blue-600 hover:bg-blue-500 active:bg-blue-700 text-white font-bold
+        {{-- ── Controls ───────────────────────────────────────────────────── --}}
+        <div class="flex-none px-6 pb-6 space-y-3">
+
+            {{-- Primary action --}}
+            @if($state === StateMachine::idle)
+                <button
+                    wire:click="start"
+                    class="w-full bg-blue-600 hover:bg-blue-500 active:bg-blue-700 text-white font-bold
                    text-xl py-5 rounded-3xl transition-colors shadow-lg shadow-blue-900/40"
-        >
-            Start
-        </button>
+                >
+                    Start
+                </button>
 
-        @elseif($state === 'paused')
-        <button
-            wire:click="resume"
-            class="w-full bg-blue-600 hover:bg-blue-500 active:bg-blue-700 text-white font-bold
+            @elseif($state === StateMachine::prepare)
+                {{-- No primary action during prepare — user just waits --}}
+
+            @elseif($state === StateMachine::paused)
+                <button
+                    wire:click="resume"
+                    class="w-full bg-blue-600 hover:bg-blue-500 active:bg-blue-700 text-white font-bold
                    text-xl py-5 rounded-3xl transition-colors"
-        >
-            Resume
-        </button>
+                >
+                    Resume
+                </button>
 
-        @elseif($state === 'completed')
-        <button
-            wire:click="restart"
-            class="w-full bg-green-600 hover:bg-green-500 active:bg-green-700 text-white font-bold
+            @elseif($state === StateMachine::completed)
+                <button
+                    wire:click="restart"
+                    class="w-full bg-green-600 hover:bg-green-500 active:bg-green-700 text-white font-bold
                    text-xl py-5 rounded-3xl transition-colors"
-        >
-            Run Again
-        </button>
+                >
+                    Run Again
+                </button>
 
-        @else
-        <button
-            wire:click="pause"
-            class="w-full bg-yellow-600 hover:bg-yellow-500 active:bg-yellow-700 text-white font-bold
+            @else
+                <button
+                    wire:click="pause"
+                    class="w-full bg-yellow-600 hover:bg-yellow-500 active:bg-yellow-700 text-white font-bold
                    text-xl py-5 rounded-3xl transition-colors"
-        >
-            Pause
-        </button>
-        @endif
-
-        {{-- Secondary actions row --}}
-        <div class="flex gap-3">
-            <a
-                href="/programs/{{ $programId }}/edit"
-                wire:navigate
-                class="flex-1 flex items-center justify-center gap-2 bg-gray-900 hover:bg-gray-800
+                >
+                    Pause
+                </button>
+            @endif
+
+            {{-- Secondary actions row --}}
+            <div class="flex gap-3">
+                <a
+                    href="/programs/{{ $programId }}/edit"
+                    wire:navigate
+                    class="flex-1 flex items-center justify-center gap-2 bg-gray-900 hover:bg-gray-800
                        text-gray-400 hover:text-white font-semibold py-3.5 rounded-2xl transition-colors
                        border border-white/5"
-            >
-                <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round"
-                          d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Z"/>
-                </svg>
-                Edit
-            </a>
-
-            @if(! in_array($state, ['idle', 'completed']))
-            <button
-                wire:click="discard"
-                wire:confirm="Discard this run? No history will be saved."
-                class="flex-1 flex items-center justify-center gap-2 bg-gray-900 hover:bg-gray-800
+                >
+                    <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round"
+                              d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Z"/>
+                    </svg>
+                    Edit
+                </a>
+
+                @if(! in_array($state->value, ['IDLE', 'COMPLETED']))
+                    <button
+                        wire:click="discard"
+                        wire:confirm="Discard this run? No history will be saved."
+                        class="flex-1 flex items-center justify-center gap-2 bg-gray-900 hover:bg-gray-800
                        text-gray-600 hover:text-red-400 font-semibold py-3.5 rounded-2xl transition-colors
                        border border-white/5"
-            >
-                <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round"
-                          d="M6 18 18 6M6 6l12 12"/>
-                </svg>
-                Discard
-            </button>
-            @endif
-        </div>
+                    >
+                        <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round"
+                                  d="M6 18 18 6M6 6l12 12"/>
+                        </svg>
+                        Discard
+                    </button>
+                @endif
+            </div>
 
-    </div>
+        </div>
 
     @endif
 </div>
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
deleted file mode 100644
index 5f83753..0000000
--- a/resources/views/welcome.blade.php
+++ /dev/null
@@ -1,225 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <title>{{ config('app.name', 'Laravel') }}</title>
-
-        <!-- Fonts -->
-        <link rel="preconnect" href="https://fonts.bunny.net">
-        <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
-
-        <!-- Styles / Scripts -->
-        @if (file_exists(public_path('build/manifest.json')) || file_exists(public_path('hot')))
-            @vite(['resources/css/app.css', 'resources/js/app.js'])
-        @else
-            <style>
-                /*! tailwindcss v4.0.7 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-900:oklch(40.1% .17 325.612);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-\[6\.6rem\]{margin-top:-6.6rem}.-mt-px{margin-top:-1px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-8{margin-left:calc(var(--spacing) * -8)}.-ml-px{margin-left:-1px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-12{margin-left:calc(var(--spacing) * 12)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[335\/364\]{aspect-ratio:335/364}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-14{height:calc(var(--spacing) * 14)}.h-14\.5{height:calc(var(--spacing) * 14.5)}.h-16{height:calc(var(--spacing) * 16)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-\[438px\]{width:438px}.w-auto{width:auto}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[335px\]{max-width:335px}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-\[\#19140035\]{border-color:#19140035}.border-\[\#e3e3e0\]{border-color:#e3e3e0}.border-black{border-color:var(--color-black)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-transparent{border-color:#0000}.bg-\[\#1b1b18\]{background-color:#1b1b18}.bg-\[\#FDFDFC\]{background-color:#fdfdfc}.bg-\[\#dbdbd7\]{background-color:#dbdbd7}.bg-\[\#fff2f2\]{background-color:#fff2f2}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[13px\]{font-size:13px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#1B1B18\],.text-\[\#1b1b18\]{color:#1b1b18}.text-\[\#706f6c\]{color:#706f6c}.text-\[\#F3BEC7\]{color:#f3bec7}.text-\[\#F8B803\]{color:#f8b803}.text-\[\#F53003\],.text-\[\#f53003\]{color:#f53003}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-100{opacity:1}.mix-blend-color{mix-blend-mode:color}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-multiply{mix-blend-mode:multiply}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0px 0px 1px 0px var(--tw-shadow-color,#00000008), 0px 1px 2px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#1a1a0029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-750{--tw-duration:.75s;transition-duration:.75s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[--stroke-color\:\#1B1B18\]{--stroke-color:#1b1b18}.not-has-\[nav\]\:hidden:not(:has(:is(nav))){display:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing) * 0)}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.before\:bottom-1\/2:before{content:var(--tw-content);bottom:50%}.before\:left-\[0\.4rem\]:before{content:var(--tw-content);left:.4rem}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-\[\#e3e3e0\]:before{content:var(--tw-content);border-color:#e3e3e0}@media(hover:hover){.hover\:border-\[\#1915014a\]:hover{border-color:#1915014a}.hover\:border-\[\#19140035\]:hover{border-color:#19140035}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media(min-width:40rem){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pt-0{padding-top:calc(var(--spacing) * 0)}}@media(min-width:64rem){.lg\:mt-10{margin-top:calc(var(--spacing) * 10)}.lg\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.lg\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.lg\:-ml-px{margin-left:-1px}.lg\:ml-0{margin-left:calc(var(--spacing) * 0)}.lg\:block{display:block}.lg\:aspect-auto{aspect-ratio:auto}.lg\:w-\[438px\]{width:438px}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:grow{flex-grow:1}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.lg\:rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.lg\:rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-20{padding:calc(var(--spacing) * 20)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pb-10{padding-bottom:calc(var(--spacing) * 10)}}.rtl\:flex-row-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media(prefers-color-scheme:dark){.dark\:border-\[\#3E3E3A\]{border-color:#3e3e3a}.dark\:border-\[\#eeeeec\]{border-color:#eeeeec}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:bg-\[\#0a0a0a\]{background-color:#0a0a0a}.dark\:bg-\[\#1D0002\]{background-color:#1d0002}.dark\:bg-\[\#3E3E3A\]{background-color:#3e3e3a}.dark\:bg-\[\#161615\]{background-color:#161615}.dark\:bg-\[\#eeeeec\]{background-color:#eeeeec}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:text-\[\#1C1C1A\]{color:#1c1c1a}.dark\:text-\[\#4B0600\]{color:#4b0600}.dark\:text-\[\#391800\]{color:#391800}.dark\:text-\[\#733000\]{color:#733000}.dark\:text-\[\#A1A09A\]{color:#a1a09a}.dark\:text-\[\#EDEDEC\]{color:#ededec}.dark\:text-\[\#F61500\]{color:#f61500}.dark\:text-\[\#FF4433\]{color:#f43}.dark\:text-black{color:var(--color-black)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}.dark\:mix-blend-hard-light{mix-blend-mode:hard-light}.dark\:mix-blend-normal{mix-blend-mode:normal}.dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#fffaed2d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:\[--stroke-color\:\#FF750F\]{--stroke-color:#ff750f}.dark\:before\:border-\[\#3E3E3A\]:before{content:var(--tw-content);border-color:#3e3e3a}@media(hover:hover){.dark\:hover\:border-\[\#3E3E3A\]:hover{border-color:#3e3e3a}.dark\:hover\:border-\[\#62605b\]:hover{border-color:#62605b}.dark\:hover\:border-white:hover{border-color:var(--color-white)}.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.dark\:hover\:bg-white:hover{background-color:var(--color-white)}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}@starting-style{.starting\:opacity-0{opacity:0}}@media(prefers-reduced-motion:no-preference){@starting-style{.motion-safe\:starting\:-translate-x-\[26px\]{--tw-translate-x: -26px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@starting-style{.motion-safe\:starting\:-translate-x-\[51px\]{--tw-translate-x: -51px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@starting-style{.motion-safe\:starting\:-translate-x-\[78px\]{--tw-translate-x: -78px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@starting-style{.motion-safe\:starting\:-translate-x-\[102px\]{--tw-translate-x: -102px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@starting-style{.motion-safe\:starting\:translate-y-6{--tw-translate-y:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
-            </style>
-        @endif
-    </head>
-    <body class="bg-[#FDFDFC] dark:bg-[#0a0a0a] text-[#1b1b18] flex p-6 lg:p-8 items-center lg:justify-center min-h-screen flex-col">
-        <header class="w-full lg:max-w-4xl max-w-[335px] text-sm mb-6 not-has-[nav]:hidden">
-            @if (Route::has('login'))
-                <nav class="flex items-center justify-end gap-4">
-                    @auth
-                        <a
-                            href="{{ url('/dashboard') }}"
-                            class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] border-[#19140035] hover:border-[#1915014a] border text-[#1b1b18] dark:border-[#3E3E3A] dark:hover:border-[#62605b] rounded-sm text-sm leading-normal"
-                        >
-                            Dashboard
-                        </a>
-                    @else
-                        <a
-                            href="{{ route('login') }}"
-                            class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] text-[#1b1b18] border border-transparent hover:border-[#19140035] dark:hover:border-[#3E3E3A] rounded-sm text-sm leading-normal"
-                        >
-                            Log in
-                        </a>
-
-                        @if (Route::has('register'))
-                            <a
-                                href="{{ route('register') }}"
-                                class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] border-[#19140035] hover:border-[#1915014a] border text-[#1b1b18] dark:border-[#3E3E3A] dark:hover:border-[#62605b] rounded-sm text-sm leading-normal">
-                                Register
-                            </a>
-                        @endif
-                    @endauth
-                </nav>
-            @endif
-        </header>
-        <div class="flex items-center justify-center w-full transition-opacity opacity-100 duration-750 lg:grow starting:opacity-0">
-            <main class="flex max-w-[335px] w-full flex-col-reverse lg:max-w-4xl lg:flex-row">
-                <div class="text-[13px] leading-[20px] flex-1 p-6 pb-6 lg:p-20 lg:pb-10 bg-white dark:bg-[#161615] dark:text-[#EDEDEC] shadow-[inset_0px_0px_0px_1px_rgba(26,26,0,0.16)] dark:shadow-[inset_0px_0px_0px_1px_#fffaed2d] rounded-bl-lg rounded-br-lg lg:rounded-tl-lg lg:rounded-br-none">
-                    <h1 class="mb-1 font-medium">Let's get started</h1>
-                    <p class="mb-2 text-[#706f6c] dark:text-[#A1A09A]">With so many options available to you,<br /> we suggest you start with the following:</p>
-                    <ul class="flex flex-col mb-4 lg:mb-6">
-                        <li class="flex items-center gap-4 py-2 relative before:border-l before:border-[#e3e3e0] dark:before:border-[#3E3E3A] before:top-1/2 before:bottom-0 before:left-[0.4rem] before:absolute">
-                            <span class="relative py-1 bg-white dark:bg-[#161615]">
-                                <span class="flex items-center justify-center rounded-full bg-[#FDFDFC] dark:bg-[#161615] shadow-[0px_0px_1px_0px_rgba(0,0,0,0.03),0px_1px_2px_0px_rgba(0,0,0,0.06)] w-3.5 h-3.5 border dark:border-[#3E3E3A] border-[#e3e3e0]">
-                                    <span class="rounded-full bg-[#dbdbd7] dark:bg-[#3E3E3A] w-1.5 h-1.5"></span>
-                                </span>
-                            </span>
-                            <span>
-                                Read the
-                                <a href="https://laravel.com/docs" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 text-[#f53003] dark:text-[#FF4433] ml-1">
-                                    <span>Documentation</span>
-                                    <svg
-                                        width="10"
-                                        height="11"
-                                        viewBox="0 0 10 11"
-                                        fill="none"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                        class="w-2.5 h-2.5"
-                                    >
-                                        <path
-                                            d="M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001"
-                                            stroke="currentColor"
-                                            stroke-linecap="square"
-                                        />
-                                    </svg>
-                                </a>
-                            </span>
-                        </li>
-                        <li class="flex items-center gap-4 py-2 relative before:border-l before:border-[#e3e3e0] dark:before:border-[#3E3E3A] before:bottom-1/2 before:top-0 before:left-[0.4rem] before:absolute">
-                            <span class="relative py-1 bg-white dark:bg-[#161615]">
-                                <span class="flex items-center justify-center rounded-full bg-[#FDFDFC] dark:bg-[#161615] shadow-[0px_0px_1px_0px_rgba(0,0,0,0.03),0px_1px_2px_0px_rgba(0,0,0,0.06)] w-3.5 h-3.5 border dark:border-[#3E3E3A] border-[#e3e3e0]">
-                                    <span class="rounded-full bg-[#dbdbd7] dark:bg-[#3E3E3A] w-1.5 h-1.5"></span>
-                                </span>
-                            </span>
-                            <span>
-                                Watch video tutorials at
-                                <a href="https://laracasts.com" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 text-[#f53003] dark:text-[#FF4433] ml-1">
-                                    <span>Laracasts</span>
-                                    <svg
-                                        width="10"
-                                        height="11"
-                                        viewBox="0 0 10 11"
-                                        fill="none"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                        class="w-2.5 h-2.5"
-                                    >
-                                        <path
-                                            d="M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001"
-                                            stroke="currentColor"
-                                            stroke-linecap="square"
-                                        />
-                                    </svg>
-                                </a>
-                            </span>
-                        </li>
-                    </ul>
-                    <ul class="flex gap-3 text-sm leading-normal">
-                        <li>
-                            <a href="https://cloud.laravel.com" target="_blank" class="inline-block dark:bg-[#eeeeec] dark:border-[#eeeeec] dark:text-[#1C1C1A] dark:hover:bg-white dark:hover:border-white hover:bg-black hover:border-black px-5 py-1.5 bg-[#1b1b18] rounded-sm border border-black text-white text-sm leading-normal">
-                                Deploy now
-                            </a>
-                        </li>
-                    </ul>
-
-                    <p class="mt-6 lg:mt-10 text-[#706f6c] dark:text-[#A1A09A]">
-                        v{{ app()->version() }}
-                        <a href="https://github.com/laravel/laravel/blob/13.x/CHANGELOG.md" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 text-[#f53003] dark:text-[#FF4433] ml-1">
-                            <span>View changelog</span>
-                            <svg
-                                width="10"
-                                height="11"
-                                viewBox="0 0 10 11"
-                                fill="none"
-                                xmlns="http://www.w3.org/2000/svg"
-                                class="w-2.5 h-2.5"
-                            >
-                                <path
-                                    d="M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                />
-                            </svg>
-                        </a>
-                    </p>
-                </div>
-                <div class="bg-[#fff2f2] dark:bg-[#1D0002] relative lg:-ml-px -mb-px lg:mb-0 rounded-t-lg lg:rounded-t-none lg:rounded-r-lg aspect-[335/364] lg:aspect-auto w-full lg:w-[438px] shrink-0 overflow-hidden">
-                    {{-- Laravel Logo --}}
-                    <svg class="w-full text-[#F53003] dark:text-[#F61500] transition-all translate-y-0 opacity-100 max-w-none duration-750 starting:opacity-0 motion-safe:starting:translate-y-6" viewBox="0 0 438 104" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M17.2036 -3H0V102.197H49.5189V86.7187H17.2036V-3Z" fill="currentColor" />
-                        <path d="M110.256 41.6337C108.061 38.1275 104.945 35.3731 100.905 33.3681C96.8667 31.3647 92.8016 30.3618 88.7131 30.3618C83.4247 30.3618 78.5885 31.3389 74.201 33.2923C69.8111 35.2456 66.0474 37.928 62.9059 41.3333C59.7643 44.7401 57.3198 48.6726 55.5754 53.1293C53.8287 57.589 52.9572 62.274 52.9572 67.1813C52.9572 72.1925 53.8287 76.8995 55.5754 81.3069C57.3191 85.7173 59.7636 89.6241 62.9059 93.0293C66.0474 96.4361 69.8119 99.1155 74.201 101.069C78.5885 103.022 83.4247 103.999 88.7131 103.999C92.8016 103.999 96.8667 102.997 100.905 100.994C104.945 98.9911 108.061 96.2359 110.256 92.7282V102.195H126.563V32.1642H110.256V41.6337ZM108.76 75.7472C107.762 78.4531 106.366 80.8078 104.572 82.8112C102.776 84.8161 100.606 86.4183 98.0637 87.6206C95.5202 88.823 92.7004 89.4238 89.6103 89.4238C86.5178 89.4238 83.7252 88.823 81.2324 87.6206C78.7388 86.4183 76.5949 84.8161 74.7998 82.8112C73.004 80.8078 71.6319 78.4531 70.6856 75.7472C69.7356 73.0421 69.2644 70.1868 69.2644 67.1821C69.2644 64.1758 69.7356 61.3205 70.6856 58.6154C71.6319 55.9102 73.004 53.5571 74.7998 51.5522C76.5949 49.5495 78.738 47.9451 81.2324 46.7427C83.7252 45.5404 86.5178 44.9396 89.6103 44.9396C92.7012 44.9396 95.5202 45.5404 98.0637 46.7427C100.606 47.9451 102.776 49.5487 104.572 51.5522C106.367 53.5571 107.762 55.9102 108.76 58.6154C109.756 61.3205 110.256 64.1758 110.256 67.1821C110.256 70.1868 109.756 73.0421 108.76 75.7472Z" fill="currentColor" />
-                        <path d="M242.805 41.6337C240.611 38.1275 237.494 35.3731 233.455 33.3681C229.416 31.3647 225.351 30.3618 221.262 30.3618C215.974 30.3618 211.138 31.3389 206.75 33.2923C202.36 35.2456 198.597 37.928 195.455 41.3333C192.314 44.7401 189.869 48.6726 188.125 53.1293C186.378 57.589 185.507 62.274 185.507 67.1813C185.507 72.1925 186.378 76.8995 188.125 81.3069C189.868 85.7173 192.313 89.6241 195.455 93.0293C198.597 96.4361 202.361 99.1155 206.75 101.069C211.138 103.022 215.974 103.999 221.262 103.999C225.351 103.999 229.416 102.997 233.455 100.994C237.494 98.9911 240.611 96.2359 242.805 92.7282V102.195H259.112V32.1642H242.805V41.6337ZM241.31 75.7472C240.312 78.4531 238.916 80.8078 237.122 82.8112C235.326 84.8161 233.156 86.4183 230.614 87.6206C228.07 88.823 225.251 89.4238 222.16 89.4238C219.068 89.4238 216.275 88.823 213.782 87.6206C211.289 86.4183 209.145 84.8161 207.35 82.8112C205.554 80.8078 204.182 78.4531 203.236 75.7472C202.286 73.0421 201.814 70.1868 201.814 67.1821C201.814 64.1758 202.286 61.3205 203.236 58.6154C204.182 55.9102 205.554 53.5571 207.35 51.5522C209.145 49.5495 211.288 47.9451 213.782 46.7427C216.275 45.5404 219.068 44.9396 222.16 44.9396C225.251 44.9396 228.07 45.5404 230.614 46.7427C233.156 47.9451 235.326 49.5487 237.122 51.5522C238.917 53.5571 240.312 55.9102 241.31 58.6154C242.306 61.3205 242.806 64.1758 242.806 67.1821C242.805 70.1868 242.305 73.0421 241.31 75.7472Z" fill="currentColor" />
-                        <path d="M438 -3H421.694V102.197H438V-3Z" fill="currentColor" />
-                        <path d="M139.43 102.197H155.735V48.2834H183.712V32.1665H139.43V102.197Z" fill="currentColor" />
-                        <path d="M324.49 32.1665L303.995 85.794L283.498 32.1665H266.983L293.748 102.197H314.242L341.006 32.1665H324.49Z" fill="currentColor" />
-                        <path d="M376.571 30.3656C356.603 30.3656 340.797 46.8497 340.797 67.1828C340.797 89.6597 356.094 104 378.661 104C391.29 104 399.354 99.1488 409.206 88.5848L398.189 80.0226C398.183 80.031 389.874 90.9895 377.468 90.9895C363.048 90.9895 356.977 79.3111 356.977 73.269H411.075C413.917 50.1328 398.775 30.3656 376.571 30.3656ZM357.02 61.0967C357.145 59.7487 359.023 43.3761 376.442 43.3761C393.861 43.3761 395.978 59.7464 396.099 61.0967H357.02Z" fill="currentColor" />
-                    </svg>
-
-                    {{-- 13 --}}
-                    <svg class="w-[438px] max-w-none relative -mt-[6.6rem] -ml-8 lg:ml-0 [--stroke-color:#1B1B18] dark:[--stroke-color:#FF750F]" viewBox="0 0 440 392" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <g class="mix-blend-darken dark:mix-blend-normal transition-all delay-300 opacity-100 duration-750 starting:opacity-0 text-[#1B1B18] dark:text-black">
-                            <mask id="path-1-mask" maskUnits="userSpaceOnUse" x="-0.328613" y="103" width="338" height="299" fill="black">
-                                <rect fill="white" x="-0.328613" y="103" width="338" height="299"/>
-                                <path d="M234.936 400.8C204.136 400.8 178.936 392.4 159.336 375.6C140.136 358.8 130.536 337 130.536 310.2H200.736C200.736 318.2 203.736 324.8 209.736 330C215.736 335.2 223.736 337.8 233.736 337.8C243.336 337.8 251.136 335 257.136 329.4C263.536 323.8 266.736 316.6 266.736 307.8C266.736 299.8 263.936 293.2 258.336 288C252.736 282.8 245.536 280.2 236.736 280.2H199.536V218.4H236.736C243.536 218.4 249.336 216 254.136 211.2C258.936 206.4 261.336 200.4 261.336 193.2C261.336 184.8 258.736 178.2 253.536 173.4C248.336 168.6 241.736 166.2 233.736 166.2C226.536 166.2 220.336 168.4 215.136 172.8C210.336 177.2 207.936 182.8 207.936 189.6H141.336C141.336 164.8 150.136 144.6 167.736 129C185.336 113 207.936 105 235.536 105C263.136 105 285.536 112.2 302.736 126.6C320.336 141 329.136 160 329.136 183.6C329.136 200.8 324.536 214.8 315.336 225.6C306.136 236 294.336 243.2 279.936 247.2C297.136 252 310.736 260.2 320.736 271.8C331.136 283.4 336.336 298 336.336 315.6C336.336 340.4 326.936 360.8 308.136 376.8C289.336 392.8 264.936 400.8 234.936 400.8Z"/>
-                                <path d="M26.8714 167.6H1.67139V105.2H94.6714V400.2H26.8714V167.6Z"/>
-                            </mask>
-                            <path d="M234.936 400.8C204.136 400.8 178.936 392.4 159.336 375.6C140.136 358.8 130.536 337 130.536 310.2H200.736C200.736 318.2 203.736 324.8 209.736 330C215.736 335.2 223.736 337.8 233.736 337.8C243.336 337.8 251.136 335 257.136 329.4C263.536 323.8 266.736 316.6 266.736 307.8C266.736 299.8 263.936 293.2 258.336 288C252.736 282.8 245.536 280.2 236.736 280.2H199.536V218.4H236.736C243.536 218.4 249.336 216 254.136 211.2C258.936 206.4 261.336 200.4 261.336 193.2C261.336 184.8 258.736 178.2 253.536 173.4C248.336 168.6 241.736 166.2 233.736 166.2C226.536 166.2 220.336 168.4 215.136 172.8C210.336 177.2 207.936 182.8 207.936 189.6H141.336C141.336 164.8 150.136 144.6 167.736 129C185.336 113 207.936 105 235.536 105C263.136 105 285.536 112.2 302.736 126.6C320.336 141 329.136 160 329.136 183.6C329.136 200.8 324.536 214.8 315.336 225.6C306.136 236 294.336 243.2 279.936 247.2C297.136 252 310.736 260.2 320.736 271.8C331.136 283.4 336.336 298 336.336 315.6C336.336 340.4 326.936 360.8 308.136 376.8C289.336 392.8 264.936 400.8 234.936 400.8Z" fill="currentColor"/>
-                            <path d="M26.8714 167.6H1.67139V105.2H94.6714V400.2H26.8714V167.6Z" fill="currentColor"/>
-                            <path d="M234.936 400.8C204.136 400.8 178.936 392.4 159.336 375.6C140.136 358.8 130.536 337 130.536 310.2H200.736C200.736 318.2 203.736 324.8 209.736 330C215.736 335.2 223.736 337.8 233.736 337.8C243.336 337.8 251.136 335 257.136 329.4C263.536 323.8 266.736 316.6 266.736 307.8C266.736 299.8 263.936 293.2 258.336 288C252.736 282.8 245.536 280.2 236.736 280.2H199.536V218.4H236.736C243.536 218.4 249.336 216 254.136 211.2C258.936 206.4 261.336 200.4 261.336 193.2C261.336 184.8 258.736 178.2 253.536 173.4C248.336 168.6 241.736 166.2 233.736 166.2C226.536 166.2 220.336 168.4 215.136 172.8C210.336 177.2 207.936 182.8 207.936 189.6H141.336C141.336 164.8 150.136 144.6 167.736 129C185.336 113 207.936 105 235.536 105C263.136 105 285.536 112.2 302.736 126.6C320.336 141 329.136 160 329.136 183.6C329.136 200.8 324.536 214.8 315.336 225.6C306.136 236 294.336 243.2 279.936 247.2C297.136 252 310.736 260.2 320.736 271.8C331.136 283.4 336.336 298 336.336 315.6C336.336 340.4 326.936 360.8 308.136 376.8C289.336 392.8 264.936 400.8 234.936 400.8Z" stroke="var(--stroke-color)" stroke-width="2.4" mask="url(#path-1-mask)"/>
-                            <path d="M26.8714 167.6H1.67139V105.2H94.6714V400.2H26.8714V167.6Z" stroke="var(--stroke-color)" stroke-width="2.4" mask="url(#path-1-mask)"/>
-                        </g>
-
-                        <g class="transition-all delay-400 opacity-100 duration-750 starting:opacity-0 motion-safe:starting:-translate-x-[26px] text-[#F3BEC7] dark:text-[#4B0600]">
-                            <mask id="path-2-mask" maskUnits="userSpaceOnUse" x="25.3357" y="103" width="338" height="299" fill="black">
-                                <rect fill="white" x="25.3357" y="103" width="338" height="299"/>
-                                <path d="M260.6 400.8C229.8 400.8 204.6 392.4 185 375.6C165.8 358.8 156.2 337 156.2 310.2H226.4C226.4 318.2 229.4 324.8 235.4 330C241.4 335.2 249.4 337.8 259.4 337.8C269 337.8 276.8 335 282.8 329.4C289.2 323.8 292.4 316.6 292.4 307.8C292.4 299.8 289.6 293.2 284 288C278.4 282.8 271.2 280.2 262.4 280.2H225.2V218.4H262.4C269.2 218.4 275 216 279.8 211.2C284.6 206.4 287 200.4 287 193.2C287 184.8 284.4 178.2 279.2 173.4C274 168.6 267.4 166.2 259.4 166.2C252.2 166.2 246 168.4 240.8 172.8C236 177.2 233.6 182.8 233.6 189.6H167C167 164.8 175.8 144.6 193.4 129C211 113 233.6 105 261.2 105C288.8 105 311.2 112.2 328.4 126.6C346 141 354.8 160 354.8 183.6C354.8 200.8 350.2 214.8 341 225.6C331.8 236 320 243.2 305.6 247.2C322.8 252 336.4 260.2 346.4 271.8C356.8 283.4 362 298 362 315.6C362 340.4 352.6 360.8 333.8 376.8C315 392.8 290.6 400.8 260.6 400.8Z"/>
-                                <path d="M52.5357 167.6H27.3357V105.2H120.336V400.2H52.5357V167.6Z"/>
-                            </mask>
-                            <path d="M260.6 400.8C229.8 400.8 204.6 392.4 185 375.6C165.8 358.8 156.2 337 156.2 310.2H226.4C226.4 318.2 229.4 324.8 235.4 330C241.4 335.2 249.4 337.8 259.4 337.8C269 337.8 276.8 335 282.8 329.4C289.2 323.8 292.4 316.6 292.4 307.8C292.4 299.8 289.6 293.2 284 288C278.4 282.8 271.2 280.2 262.4 280.2H225.2V218.4H262.4C269.2 218.4 275 216 279.8 211.2C284.6 206.4 287 200.4 287 193.2C287 184.8 284.4 178.2 279.2 173.4C274 168.6 267.4 166.2 259.4 166.2C252.2 166.2 246 168.4 240.8 172.8C236 177.2 233.6 182.8 233.6 189.6H167C167 164.8 175.8 144.6 193.4 129C211 113 233.6 105 261.2 105C288.8 105 311.2 112.2 328.4 126.6C346 141 354.8 160 354.8 183.6C354.8 200.8 350.2 214.8 341 225.6C331.8 236 320 243.2 305.6 247.2C322.8 252 336.4 260.2 346.4 271.8C356.8 283.4 362 298 362 315.6C362 340.4 352.6 360.8 333.8 376.8C315 392.8 290.6 400.8 260.6 400.8Z" fill="currentColor"/>
-                            <path d="M52.5357 167.6H27.3357V105.2H120.336V400.2H52.5357V167.6Z" fill="currentColor"/>
-                            <path d="M260.6 400.8C229.8 400.8 204.6 392.4 185 375.6C165.8 358.8 156.2 337 156.2 310.2H226.4C226.4 318.2 229.4 324.8 235.4 330C241.4 335.2 249.4 337.8 259.4 337.8C269 337.8 276.8 335 282.8 329.4C289.2 323.8 292.4 316.6 292.4 307.8C292.4 299.8 289.6 293.2 284 288C278.4 282.8 271.2 280.2 262.4 280.2H225.2V218.4H262.4C269.2 218.4 275 216 279.8 211.2C284.6 206.4 287 200.4 287 193.2C287 184.8 284.4 178.2 279.2 173.4C274 168.6 267.4 166.2 259.4 166.2C252.2 166.2 246 168.4 240.8 172.8C236 177.2 233.6 182.8 233.6 189.6H167C167 164.8 175.8 144.6 193.4 129C211 113 233.6 105 261.2 105C288.8 105 311.2 112.2 328.4 126.6C346 141 354.8 160 354.8 183.6C354.8 200.8 350.2 214.8 341 225.6C331.8 236 320 243.2 305.6 247.2C322.8 252 336.4 260.2 346.4 271.8C356.8 283.4 362 298 362 315.6C362 340.4 352.6 360.8 333.8 376.8C315 392.8 290.6 400.8 260.6 400.8Z" stroke="var(--stroke-color)" stroke-width="2.4" mask="url(#path-2-mask)"/>
-                            <path d="M52.5357 167.6H27.3357V105.2H120.336V400.2H52.5357V167.6Z" stroke="var(--stroke-color)" stroke-width="2.4" mask="url(#path-2-mask)"/>
-                        </g>
-                        
-                        <g class="mix-blend-color dark:mix-blend-hard-light transition-all delay-400 opacity-100 duration-750 starting:opacity-0 motion-safe:starting:-translate-x-[51px] text-[#F8B803] dark:text-[#391800]">
-                            <mask id="path-3-mask" maskUnits="userSpaceOnUse" x="51" y="103" width="338" height="299" fill="black">
-                                <rect fill="white" x="51" y="103" width="338" height="299"/>
-                                <path d="M286.264 400.8C255.464 400.8 230.264 392.4 210.664 375.6C191.464 358.8 181.864 337 181.864 310.2H252.064C252.064 318.2 255.064 324.8 261.064 330C267.064 335.2 275.064 337.8 285.064 337.8C294.664 337.8 302.464 335 308.464 329.4C314.864 323.8 318.064 316.6 318.064 307.8C318.064 299.8 315.264 293.2 309.664 288C304.064 282.8 296.864 280.2 288.064 280.2H250.864V218.4H288.064C294.864 218.4 300.664 216 305.464 211.2C310.264 206.4 312.664 200.4 312.664 193.2C312.664 184.8 310.064 178.2 304.864 173.4C299.664 168.6 293.064 166.2 285.064 166.2C277.864 166.2 271.664 168.4 266.464 172.8C261.664 177.2 259.264 182.8 259.264 189.6H192.664C192.664 164.8 201.464 144.6 219.064 129C236.664 113 259.264 105 286.864 105C314.464 105 336.864 112.2 354.064 126.6C371.664 141 380.464 160 380.464 183.6C380.464 200.8 375.864 214.8 366.664 225.6C357.464 236 345.664 243.2 331.264 247.2C348.464 252 362.064 260.2 372.064 271.8C382.464 283.4 387.664 298 387.664 315.6C387.664 340.4 378.264 360.8 359.464 376.8C340.664 392.8 316.264 400.8 286.264 400.8Z"/>
-                                <path d="M78.2 167.6H53V105.2H146V400.2H78.2V167.6Z"/>
-                            </mask>
-                            <path d="M286.264 400.8C255.464 400.8 230.264 392.4 210.664 375.6C191.464 358.8 181.864 337 181.864 310.2H252.064C252.064 318.2 255.064 324.8 261.064 330C267.064 335.2 275.064 337.8 285.064 337.8C294.664 337.8 302.464 335 308.464 329.4C314.864 323.8 318.064 316.6 318.064 307.8C318.064 299.8 315.264 293.2 309.664 288C304.064 282.8 296.864 280.2 288.064 280.2H250.864V218.4H288.064C294.864 218.4 300.664 216 305.464 211.2C310.264 206.4 312.664 200.4 312.664 193.2C312.664 184.8 310.064 178.2 304.864 173.4C299.664 168.6 293.064 166.2 285.064 166.2C277.864 166.2 271.664 168.4 266.464 172.8C261.664 177.2 259.264 182.8 259.264 189.6H192.664C192.664 164.8 201.464 144.6 219.064 129C236.664 113 259.264 105 286.864 105C314.464 105 336.864 112.2 354.064 126.6C371.664 141 380.464 160 380.464 183.6C380.464 200.8 375.864 214.8 366.664 225.6C357.464 236 345.664 243.2 331.264 247.2C348.464 252 362.064 260.2 372.064 271.8C382.464 283.4 387.664 298 387.664 315.6C387.664 340.4 378.264 360.8 359.464 376.8C340.664 392.8 316.264 400.8 286.264 400.8Z" fill="currentColor"/>
-                            <path d="M78.2 167.6H53V105.2H146V400.2H78.2V167.6Z" fill="currentColor"/>
-                            <path d="M286.264 400.8C255.464 400.8 230.264 392.4 210.664 375.6C191.464 358.8 181.864 337 181.864 310.2H252.064C252.064 318.2 255.064 324.8 261.064 330C267.064 335.2 275.064 337.8 285.064 337.8C294.664 337.8 302.464 335 308.464 329.4C314.864 323.8 318.064 316.6 318.064 307.8C318.064 299.8 315.264 293.2 309.664 288C304.064 282.8 296.864 280.2 288.064 280.2H250.864V218.4H288.064C294.864 218.4 300.664 216 305.464 211.2C310.264 206.4 312.664 200.4 312.664 193.2C312.664 184.8 310.064 178.2 304.864 173.4C299.664 168.6 293.064 166.2 285.064 166.2C277.864 166.2 271.664 168.4 266.464 172.8C261.664 177.2 259.264 182.8 259.264 189.6H192.664C192.664 164.8 201.464 144.6 219.064 129C236.664 113 259.264 105 286.864 105C314.464 105 336.864 112.2 354.064 126.6C371.664 141 380.464 160 380.464 183.6C380.464 200.8 375.864 214.8 366.664 225.6C357.464 236 345.664 243.2 331.264 247.2C348.464 252 362.064 260.2 372.064 271.8C382.464 283.4 387.664 298 387.664 315.6C387.664 340.4 378.264 360.8 359.464 376.8C340.664 392.8 316.264 400.8 286.264 400.8Z" stroke="var(--stroke-color)" stroke-width="2.4" mask="url(#path-3-mask)"/>
-                            <path d="M78.2 167.6H53V105.2H146V400.2H78.2V167.6Z" stroke="var(--stroke-color)" stroke-width="2.4" mask="url(#path-3-mask)"/>
-                        </g>
-                        
-                        <g class="mix-blend-multiply dark:mix-blend-normal transition-all delay-400 opacity-100 duration-750 starting:opacity-0 motion-safe:starting:-translate-x-[78px] text-[#F3BEC7] dark:text-[#733000]">
-                            <mask id="path-4-mask" maskUnits="userSpaceOnUse" x="76.6643" y="103" width="338" height="299" fill="black">
-                                <rect fill="white" x="76.6643" y="103" width="338" height="299"/>
-                                <path d="M311.929 400.8C281.129 400.8 255.929 392.4 236.329 375.6C217.129 358.8 207.529 337 207.529 310.2H277.729C277.729 318.2 280.729 324.8 286.729 330C292.729 335.2 300.729 337.8 310.729 337.8C320.329 337.8 328.129 335 334.129 329.4C340.529 323.8 343.729 316.6 343.729 307.8C343.729 299.8 340.929 293.2 335.329 288C329.729 282.8 322.529 280.2 313.729 280.2H276.529V218.4H313.729C320.529 218.4 326.329 216 331.129 211.2C335.929 206.4 338.329 200.4 338.329 193.2C338.329 184.8 335.729 178.2 330.529 173.4C325.329 168.6 318.729 166.2 310.729 166.2C303.529 166.2 297.329 168.4 292.129 172.8C287.329 177.2 284.929 182.8 284.929 189.6H218.329C218.329 164.8 227.129 144.6 244.729 129C262.329 113 284.929 105 312.529 105C340.129 105 362.529 112.2 379.729 126.6C397.329 141 406.129 160 406.129 183.6C406.129 200.8 401.529 214.8 392.329 225.6C383.129 236 371.329 243.2 356.929 247.2C374.129 252 387.729 260.2 397.729 271.8C408.129 283.4 413.329 298 413.329 315.6C413.329 340.4 403.929 360.8 385.129 376.8C366.329 392.8 341.929 400.8 311.929 400.8Z"/>
-                                <path d="M103.864 167.6H78.6643V105.2H171.664V400.2H103.864V167.6Z"/>
-                            </mask>
-                            <path d="M311.929 400.8C281.129 400.8 255.929 392.4 236.329 375.6C217.129 358.8 207.529 337 207.529 310.2H277.729C277.729 318.2 280.729 324.8 286.729 330C292.729 335.2 300.729 337.8 310.729 337.8C320.329 337.8 328.129 335 334.129 329.4C340.529 323.8 343.729 316.6 343.729 307.8C343.729 299.8 340.929 293.2 335.329 288C329.729 282.8 322.529 280.2 313.729 280.2H276.529V218.4H313.729C320.529 218.4 326.329 216 331.129 211.2C335.929 206.4 338.329 200.4 338.329 193.2C338.329 184.8 335.729 178.2 330.529 173.4C325.329 168.6 318.729 166.2 310.729 166.2C303.529 166.2 297.329 168.4 292.129 172.8C287.329 177.2 284.929 182.8 284.929 189.6H218.329C218.329 164.8 227.129 144.6 244.729 129C262.329 113 284.929 105 312.529 105C340.129 105 362.529 112.2 379.729 126.6C397.329 141 406.129 160 406.129 183.6C406.129 200.8 401.529 214.8 392.329 225.6C383.129 236 371.329 243.2 356.929 247.2C374.129 252 387.729 260.2 397.729 271.8C408.129 283.4 413.329 298 413.329 315.6C413.329 340.4 403.929 360.8 385.129 376.8C366.329 392.8 341.929 400.8 311.929 400.8Z" fill="currentColor"/>
-                            <path d="M103.864 167.6H78.6643V105.2H171.664V400.2H103.864V167.6Z" fill="currentColor"/>
-                            <path d="M311.929 400.8C281.129 400.8 255.929 392.4 236.329 375.6C217.129 358.8 207.529 337 207.529 310.2H277.729C277.729 318.2 280.729 324.8 286.729 330C292.729 335.2 300.729 337.8 310.729 337.8C320.329 337.8 328.129 335 334.129 329.4C340.529 323.8 343.729 316.6 343.729 307.8C343.729 299.8 340.929 293.2 335.329 288C329.729 282.8 322.529 280.2 313.729 280.2H276.529V218.4H313.729C320.529 218.4 326.329 216 331.129 211.2C335.929 206.4 338.329 200.4 338.329 193.2C338.329 184.8 335.729 178.2 330.529 173.4C325.329 168.6 318.729 166.2 310.729 166.2C303.529 166.2 297.329 168.4 292.129 172.8C287.329 177.2 284.929 182.8 284.929 189.6H218.329C218.329 164.8 227.129 144.6 244.729 129C262.329 113 284.929 105 312.529 105C340.129 105 362.529 112.2 379.729 126.6C397.329 141 406.129 160 406.129 183.6C406.129 200.8 401.529 214.8 392.329 225.6C383.129 236 371.329 243.2 356.929 247.2C374.129 252 387.729 260.2 397.729 271.8C408.129 283.4 413.329 298 413.329 315.6C413.329 340.4 403.929 360.8 385.129 376.8C366.329 392.8 341.929 400.8 311.929 400.8Z" stroke="var(--stroke-color)" stroke-width="2.4" mask="url(#path-4-mask)"/>
-                            <path d="M103.864 167.6H78.6643V105.2H171.664V400.2H103.864V167.6Z" stroke="var(--stroke-color)" stroke-width="2.4" mask="url(#path-4-mask)"/>
-                        </g>
-                        
-                        <g class="mix-blend-hard-light transition-all delay-400 opacity-100 duration-750 starting:opacity-0 motion-safe:starting:-translate-x-[102px] text-[#F3BEC7] dark:text-[#4B0600]">
-                            <mask id="path-5-mask" maskUnits="userSpaceOnUse" x="102.329" y="103" width="338" height="299" fill="black">
-                                <rect fill="white" x="102.329" y="103" width="338" height="299"/>
-                                <path d="M337.593 400.8C306.793 400.8 281.593 392.4 261.993 375.6C242.793 358.8 233.193 337 233.193 310.2H303.393C303.393 318.2 306.393 324.8 312.393 330C318.393 335.2 326.393 337.8 336.393 337.8C345.993 337.8 353.793 335 359.793 329.4C366.193 323.8 369.393 316.6 369.393 307.8C369.393 299.8 366.593 293.2 360.993 288C355.393 282.8 348.193 280.2 339.393 280.2H302.193V218.4H339.393C346.193 218.4 351.993 216 356.793 211.2C361.593 206.4 363.993 200.4 363.993 193.2C363.993 184.8 361.393 178.2 356.193 173.4C350.993 168.6 344.393 166.2 336.393 166.2C329.193 166.2 322.993 168.4 317.793 172.8C312.993 177.2 310.593 182.8 310.593 189.6H243.993C243.993 164.8 252.793 144.6 270.393 129C287.993 113 310.593 105 338.193 105C365.793 105 388.193 112.2 405.393 126.6C422.993 141 431.793 160 431.793 183.6C431.793 200.8 427.193 214.8 417.993 225.6C408.793 236 396.993 243.2 382.593 247.2C399.793 252 413.393 260.2 423.393 271.8C433.793 283.4 438.993 298 438.993 315.6C438.993 340.4 429.593 360.8 410.793 376.8C391.993 392.8 367.593 400.8 337.593 400.8Z"/>
-                                <path d="M129.529 167.6H104.329V105.2H197.329V400.2H129.529V167.6Z"/>
-                            </mask>
-                            <path d="M337.593 400.8C306.793 400.8 281.593 392.4 261.993 375.6C242.793 358.8 233.193 337 233.193 310.2H303.393C303.393 318.2 306.393 324.8 312.393 330C318.393 335.2 326.393 337.8 336.393 337.8C345.993 337.8 353.793 335 359.793 329.4C366.193 323.8 369.393 316.6 369.393 307.8C369.393 299.8 366.593 293.2 360.993 288C355.393 282.8 348.193 280.2 339.393 280.2H302.193V218.4H339.393C346.193 218.4 351.993 216 356.793 211.2C361.593 206.4 363.993 200.4 363.993 193.2C363.993 184.8 361.393 178.2 356.193 173.4C350.993 168.6 344.393 166.2 336.393 166.2C329.193 166.2 322.993 168.4 317.793 172.8C312.993 177.2 310.593 182.8 310.593 189.6H243.993C243.993 164.8 252.793 144.6 270.393 129C287.993 113 310.593 105 338.193 105C365.793 105 388.193 112.2 405.393 126.6C422.993 141 431.793 160 431.793 183.6C431.793 200.8 427.193 214.8 417.993 225.6C408.793 236 396.993 243.2 382.593 247.2C399.793 252 413.393 260.2 423.393 271.8C433.793 283.4 438.993 298 438.993 315.6C438.993 340.4 429.593 360.8 410.793 376.8C391.993 392.8 367.593 400.8 337.593 400.8Z" fill="currentColor"/>
-                            <path d="M129.529 167.6H104.329V105.2H197.329V400.2H129.529V167.6Z" fill="currentColor"/>
-                            <path d="M337.593 400.8C306.793 400.8 281.593 392.4 261.993 375.6C242.793 358.8 233.193 337 233.193 310.2H303.393C303.393 318.2 306.393 324.8 312.393 330C318.393 335.2 326.393 337.8 336.393 337.8C345.993 337.8 353.793 335 359.793 329.4C366.193 323.8 369.393 316.6 369.393 307.8C369.393 299.8 366.593 293.2 360.993 288C355.393 282.8 348.193 280.2 339.393 280.2H302.193V218.4H339.393C346.193 218.4 351.993 216 356.793 211.2C361.593 206.4 363.993 200.4 363.993 193.2C363.993 184.8 361.393 178.2 356.193 173.4C350.993 168.6 344.393 166.2 336.393 166.2C329.193 166.2 322.993 168.4 317.793 172.8C312.993 177.2 310.593 182.8 310.593 189.6H243.993C243.993 164.8 252.793 144.6 270.393 129C287.993 113 310.593 105 338.193 105C365.793 105 388.193 112.2 405.393 126.6C422.993 141 431.793 160 431.793 183.6C431.793 200.8 427.193 214.8 417.993 225.6C408.793 236 396.993 243.2 382.593 247.2C399.793 252 413.393 260.2 423.393 271.8C433.793 283.4 438.993 298 438.993 315.6C438.993 340.4 429.593 360.8 410.793 376.8C391.993 392.8 367.593 400.8 337.593 400.8Z" stroke="var(--stroke-color)" stroke-width="2.4" mask="url(#path-5-mask)"/>
-                            <path d="M129.529 167.6H104.329V105.2H197.329V400.2H129.529V167.6Z" stroke="var(--stroke-color)" stroke-width="2.4" mask="url(#path-5-mask)"/>
-                        </g>
-                    </svg>
-                    <div class="absolute inset-0 rounded-t-lg lg:rounded-t-none lg:rounded-r-lg shadow-[inset_0px_0px_0px_1px_rgba(26,26,0,0.16)] dark:shadow-[inset_0px_0px_0px_1px_#fffaed2d]"></div>
-                </div>
-            </main>
-        </div>
-
-        @if (Route::has('login'))
-            <div class="h-14.5 hidden lg:block"></div>
-        @endif
-    </body>
-</html>
diff --git a/routes/console.php b/routes/console.php
index 3c9adf1..b3d9bbc 100644
--- a/routes/console.php
+++ b/routes/console.php
@@ -1,8 +1 @@
 <?php
-
-use Illuminate\Foundation\Inspiring;
-use Illuminate\Support\Facades\Artisan;
-
-Artisan::command('inspire', function () {
-    $this->comment(Inspiring::quote());
-})->purpose('Display an inspiring quote');
diff --git a/tests/Feature/ExampleTest.php b/tests/Feature/ExampleTest.php
deleted file mode 100644
index 8364a84..0000000
--- a/tests/Feature/ExampleTest.php
+++ /dev/null
@@ -1,19 +0,0 @@
-<?php
-
-namespace Tests\Feature;
-
-// use Illuminate\Foundation\Testing\RefreshDatabase;
-use Tests\TestCase;
-
-class ExampleTest extends TestCase
-{
-    /**
-     * A basic test example.
-     */
-    public function test_the_application_returns_a_successful_response(): void
-    {
-        $response = $this->get('/');
-
-        $response->assertStatus(200);
-    }
-}
diff --git a/tests/Pest.php b/tests/Pest.php
index 48d27ea..3839087 100644
--- a/tests/Pest.php
+++ b/tests/Pest.php
@@ -9,8 +9,7 @@
 |
 | All tests under Unit/Timer/ use the full Laravel TestCase so they get a
 | real app container with Storage::fake(), Event::fake(), etc.
-| Feature tests always use the Laravel TestCase.
 |
 */
 
-uses(Tests\TestCase::class)->in('Unit/Timer', 'Feature');
+uses(Tests\TestCase::class)->in('Unit/Timer');
diff --git a/tests/TestCase.php b/tests/TestCase.php
index fe1ffc2..d7c5d5f 100644
--- a/tests/TestCase.php
+++ b/tests/TestCase.php
@@ -2,9 +2,10 @@
 
 namespace Tests;
 
+use Illuminate\Foundation\Testing\RefreshDatabase;
 use Illuminate\Foundation\Testing\TestCase as BaseTestCase;
 
 abstract class TestCase extends BaseTestCase
 {
-    //
+    use RefreshDatabase;
 }
diff --git a/tests/Unit/ExampleTest.php b/tests/Unit/ExampleTest.php
deleted file mode 100644
index 5773b0c..0000000
--- a/tests/Unit/ExampleTest.php
+++ /dev/null
@@ -1,16 +0,0 @@
-<?php
-
-namespace Tests\Unit;
-
-use PHPUnit\Framework\TestCase;
-
-class ExampleTest extends TestCase
-{
-    /**
-     * A basic test example.
-     */
-    public function test_that_true_is_true(): void
-    {
-        $this->assertTrue(true);
-    }
-}
diff --git a/tests/Unit/Timer/BeepLogicTest.php b/tests/Unit/Timer/BeepLogicTest.php
index d59847d..d252dd3 100644
--- a/tests/Unit/Timer/BeepLogicTest.php
+++ b/tests/Unit/Timer/BeepLogicTest.php
@@ -2,30 +2,36 @@
 
 declare(strict_types=1);
 
-use App\Timer\Phase;
 use App\Enum\BeepLeadIn;
-use App\Enum\StateMachine;
-use App\Timer\TimerProgram;
+use App\Models\Program;
 use App\Timer\TimerRunner;
-use Illuminate\Support\Facades\Storage;
 
 // ── Helper ─────────────────────────────────────────────────────────────────────
 // Returns an object so mutations from the closure are visible to the caller.
 // (PHP array destructuring copies values; stdClass passes by handle.)
 
-function beepRunner(int $duration, int $reps = 1, int $pause = 0, int $cooldown = 0, int $leadIn = 3): object
+function createProgram(string $name, array $phases = [], int $leadIn = 3): Program
 {
-    Storage::fake();
+    $prog = Program::create([
+        'name' => $name,
+        'beep_lead_in' => BeepLeadIn::from($leadIn),
+    ]);
 
-    $prog = TimerProgram::create('Beep Test');
-    $prog->beepLeadIn = BeepLeadIn::fromNumberToEnum($leadIn);
-    $prog->addPhase(new Phase('Work', $duration, $reps, $pause, $cooldown, '#3b82f6'));
-    $prog->save();
+    foreach ($phases as $index => $phase) {
+        $prog->phases()->create(array_merge($phase, ['sort_order' => $index]));
+    }
 
-    $ctx         = new \stdClass();
-    $ctx->beeps  = [];
+    return $prog;
+}
+
+function createBeepRunner(array $phases = [], int $leadIn = 3): object
+{
+    $prog = createProgram('Beep Test', $phases, $leadIn);
+
+    $ctx = new stdClass();
+    $ctx->beeps = [];
     $ctx->runner = new TimerRunner();
-    $ctx->runner->load(TimerProgram::load($prog->id));
+    $ctx->runner->load($prog->load('phases'));
 
     $ctx->runner->onBeep(function (string $reason) use ($ctx): void {
         $ctx->beeps[] = $reason;
@@ -33,141 +39,244 @@ function beepRunner(int $duration, int $reps = 1, int $pause = 0, int $cooldown
 
     $ctx->runner->start();
 
+    // Advance through the 5-second PREPARE countdown before each test begins.
+    for ($i = 0; $i < 5; $i++) $ctx->runner->tick();
+    $ctx->beeps = []; // discard prepare countdown beeps
+
     return $ctx;
 }
 
-// ── Lead-in 3s ────────────────────────────────────────────────────────────────
-
-test('beep fires during last 3 seconds of a 10s rep (3s lead-in)', function (): void {
-    $ctx = beepRunner(duration: 10, leadIn: 3);
+function createPhase(string $name, int $duration, int $reps = 1, int $pause = 0, int $cooldown = 0, string $color = "#3b82f6"): array
+{
+    return [
+        'label' => $name,
+        'duration' => $duration,
+        'repetitions' => $reps,
+        'pause' => $pause,
+        'cooldown' => $cooldown,
+        'color' => $color,
+    ];
+}
 
-    // 7 ticks brings remaining from 10 → 3 (the lead-in window)
-    for ($i = 0; $i < 7; $i++) $ctx->runner->tick();
+// ── Prepare beep ──────────────────────────────────────────────────────────────
 
-    expect($ctx->beeps)->toContain('countdown');
-});
+test('prepare beep fires once per tick during the 5s prepare countdown', function (): void {
+    $prog = createProgram('Prepare beep test', [
+        createPhase('Work', duration: 10),
+    ]);
 
-test('beep fires exactly 3 times during last 3 seconds of 10s rep', function (): void {
-    $ctx = beepRunner(duration: 10, leadIn: 3);
+    $beeps = [];
+    $runner = new TimerRunner();
+    $runner->load($prog->load('phases'));
+    $runner->onBeep(function (string $reason) use (&$beeps): void {
+        $beeps[] = $reason;
+    });
+    $runner->start(); // enters PREPARE (remaining = 5)
 
-    for ($i = 0; $i < 10; $i++) $ctx->runner->tick();
+    for ($i = 0; $i < 5; $i++) $runner->tick();
 
-    $countdownCount = count(array_filter($ctx->beeps, fn ($r) => $r === 'countdown'));
-    expect($countdownCount)->toBe(3);
+    $prepareCount = count(array_filter($beeps, fn($r) => $r === 'prepare'));
+    // Ticks bring remaining 5→4→3→2→1→0 (beginFirstRep); beep fires while remaining > 0
+    expect($prepareCount)->toBe(4)
+        ->and($beeps)->not->toContain('countdown');
 });
 
-// ── Lead-in 5s ────────────────────────────────────────────────────────────────
+// ── Lead-in 3s ────────────────────────────────────────────────────────────────
 
-test('beep fires 5 times during last 5 seconds with 5s lead-in', function (): void {
-    $ctx = beepRunner(duration: 15, leadIn: 5);
+test('beep fires during last 3 seconds of a 10s rep (3s lead-in)',
+    /**
+     * @throws JsonException
+     */
+    function (): void {
+        $ctx = createBeepRunner([
+            createPhase(name: 'Work', duration: 10),
+        ],
+        );
 
-    for ($i = 0; $i < 15; $i++) $ctx->runner->tick();
+        // 7 ticks bring remaining from 10 → 3 (the lead-in window)
+        for ($i = 0; $i < 7; $i++) $ctx->runner->tick();
 
-    $countdownCount = count(array_filter($ctx->beeps, fn ($r) => $r === 'countdown'));
-    expect($countdownCount)->toBe(5);
-});
+        expect($ctx->beeps)->toContain('countdown');
+    });
 
-// ── Short segment fallback ────────────────────────────────────────────────────
+test('beep fires exactly 3 times during last 3 seconds of 10s rep',
+    function (): void {
+        $ctx = createBeepRunner([
+            createPhase(name: 'Work', duration: 10),
+        ],
+        );
 
-test('segment shorter than lead-in fires beep from second 1 (2s segment, 3s lead-in)', function (): void {
-    $ctx = beepRunner(duration: 2, leadIn: 3);
+        for ($i = 0; $i < 10; $i++) $ctx->runner->tick();
 
-    for ($i = 0; $i < 2; $i++) $ctx->runner->tick();
+        $countdownCount = count(array_filter($ctx->beeps, fn($r) => $r === 'countdown'));
+        expect($countdownCount)->toBe(3);
+    });
 
-    $countdownCount = count(array_filter($ctx->beeps, fn ($r) => $r === 'countdown'));
-    expect($countdownCount)->toBeGreaterThanOrEqual(1);
-});
+// ── Lead-in 5s ────────────────────────────────────────────────────────────────
+test('beep fires 5 times during last 5 seconds with 5s lead-in',
+    /**
+     * @throws JsonException
+     */
+    function (): void {
+        $ctx = createBeepRunner([
+            createPhase(name: 'Work', duration: 15),
+        ], leadIn: 5,
+        );
+
+        for ($i = 0; $i < 15; $i++) $ctx->runner->tick();
+
+        $countdownCount = count(array_filter($ctx->beeps, fn($r) => $r === 'countdown'));
+        expect($countdownCount)->toBe(5);
+    });
 
-// ── Fires on rep end ──────────────────────────────────────────────────────────
+// ── Short segment fallback ────────────────────────────────────────────────────
 
-test('rep_end beep fires when rep expires', function (): void {
-    $ctx = beepRunner(duration: 5);
+test('segment shorter than lead-in fires beep from second 1 (2s segment, 3s lead-in)',
+    /**
+     * @throws JsonException
+     */
+    function (): void {
+        $ctx = createBeepRunner(
+            [
+                createPhase(name: 'Work', duration: 2),
+            ],
+        );
+
+        for ($i = 0; $i < 2; $i++) $ctx->runner->tick();
+
+        $countdownCount = count(array_filter($ctx->beeps, fn($r) => $r === 'countdown'));
+        expect($countdownCount)->toBeGreaterThanOrEqual(1);
+    });
 
-    for ($i = 0; $i < 5; $i++) $ctx->runner->tick();
+// ── Fires on rep end ──────────────────────────────────────────────────────────
 
-    expect($ctx->beeps)->toContain('rep_end');
-});
+test('rep_end beep fires when rep expires',
+    /**
+     * @throws JsonException
+     */
+    function (): void {
+        $ctx = createBeepRunner(
+            [
+                createPhase(name: 'Work', duration: 5),
+            ],
+        );
 
-// ── Fires on pause end ────────────────────────────────────────────────────────
+        for ($i = 0; $i < 5; $i++) $ctx->runner->tick();
 
-test('pause_end beep fires when inter-rep pause expires', function (): void {
-    $ctx = beepRunner(duration: 5, reps: 2, pause: 3);
+        expect($ctx->beeps)->toContain('rep_end');
+    });
 
-    // Rep 1 (5 ticks) then pause (3 ticks)
-    for ($i = 0; $i < 8; $i++) $ctx->runner->tick();
+// ── Fires on pause end ────────────────────────────────────────────────────────
 
-    expect($ctx->beeps)->toContain('pause_end');
-});
+test('pause_end beep fires when inter-rep pause expires',
+    /**
+     * @throws JsonException
+     */
+    function (): void {
+        $ctx = createBeepRunner(
+            [
+                createPhase(name: 'Work', duration: 5, reps: 2, pause: 3),
+            ],
+        );
+
+        // Rep 1 (5 ticks) then pause (3 ticks)
+        for ($i = 0; $i < 8; $i++) $ctx->runner->tick();
+
+        expect($ctx->beeps)->toContain('pause_end');
+    });
 
 // ── Fires on cooldown end ─────────────────────────────────────────────────────
 
-test('cooldown_end beep fires when cooldown expires', function (): void {
-    $ctx = beepRunner(duration: 5, cooldown: 3);
-
-    // Rep (5 ticks) + cooldown (3 ticks)
-    for ($i = 0; $i < 8; $i++) $ctx->runner->tick();
-
-    expect($ctx->beeps)->toContain('cooldown_end');
-});
+test('cooldown_end beep fires when cooldown expires',
+    /**
+     * @throws JsonException
+     */
+    function (): void {
+        $ctx = createBeepRunner(
+            [
+                createPhase(name: 'Work', duration: 5, cooldown: 3),
+                createPhase(name: 'Rest', duration: 5, cooldown: 3),
+            ],
+        );
+
+        // Rep (5 ticks) + cooldown (3 ticks)
+        for ($i = 0; $i < 8; $i++) $ctx->runner->tick();
+
+        expect($ctx->beeps)->toContain('cooldown_end');
+    });
 
 // ── rep_end does NOT fire during pause or cooldown segments ──────────────────
 
-test('rep_end does not fire when pause segment expires', function (): void {
-    $ctx = beepRunner(duration: 5, reps: 2, pause: 3);
-
-    // Only tick through the pause (ticks 6–8)
-    for ($i = 0; $i < 8; $i++) $ctx->runner->tick();
-
-    // rep_end fires once (end of rep 1). pause_end fires once (end of pause).
-    // rep_end must NOT fire a second time at end of pause.
-    $repEnds   = count(array_filter($ctx->beeps, fn ($r) => $r === 'rep_end'));
-    $pauseEnds = count(array_filter($ctx->beeps, fn ($r) => $r === 'pause_end'));
-
-    expect($repEnds)->toBe(1)
-        ->and($pauseEnds)->toBe(1);
-});
+test('rep_end does not fire when pause segment expires',
+    /**
+     * @throws JsonException
+     */
+    function (): void {
+        $ctx = createBeepRunner(
+            [
+                createPhase(name: 'Work', duration: 5, reps: 2, pause: 3),
+            ],
+        );
+
+        // Only tick through the pause (ticks 6–8)
+        for ($i = 0; $i < 8; $i++) $ctx->runner->tick();
+
+        // rep_end fires once (end of rep 1). pause_end fires once (end of pause).
+        // rep_end must NOT fire a second time at the end of the pause.
+        $repEnds = count(array_filter($ctx->beeps, fn($r) => $r === 'rep_end'));
+        $pauseEnds = count(array_filter($ctx->beeps, fn($r) => $r === 'pause_end'));
+
+        expect($repEnds)->toBe(1)
+            ->and($pauseEnds)->toBe(1);
+    });
 
 // ── Pause beep ────────────────────────────────────────────────────────────────
 
-test('onPauseBeep fires exactly once when user pauses', function (): void {
-    Storage::fake();
-    $prog = TimerProgram::create('Pause beep test');
-    $prog->addPhase(new Phase('Work', 20, 1, 0, 0, '#3b82f6'));
-    $prog->save();
+test('onPauseBeep fires exactly once when user pauses',
+    /**
+     * @throws JsonException
+     */
+    function (): void {
+        $prog = Program::query()->create(['name' => 'Pause beep test']);
+        $prog->phases()->create(['label' => 'Work', 'duration' => 20, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
 
-    $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
+        $runner = new TimerRunner();
+        $runner->load($prog->load('phases'));
 
-    $pauseBeepCount = 0;
-    $runner->onPauseBeep(function () use (&$pauseBeepCount): void {
-        $pauseBeepCount++;
-    });
-
-    $runner->start();
-    $runner->tick();
-    $runner->pause();
+        $pauseBeepCount = 0;
+        $runner->onPauseBeep(function () use (&$pauseBeepCount): void {
+            $pauseBeepCount++;
+        });
 
-    expect($pauseBeepCount)->toBe(1);
-});
+        $runner->start();
+        for ($i = 0; $i < 5; $i++) $runner->tick(); // skip prepare
+        $runner->tick();
+        $runner->pause();
 
-test('onPauseBeep does not fire on resume', function (): void {
-    Storage::fake();
-    $prog = TimerProgram::create('Resume test');
-    $prog->addPhase(new Phase('Work', 20, 1, 0, 0, '#3b82f6'));
-    $prog->save();
-
-    $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
-
-    $pauseBeepCount = 0;
-    $runner->onPauseBeep(function () use (&$pauseBeepCount): void {
-        $pauseBeepCount++;
+        expect($pauseBeepCount)->toBe(1);
     });
 
-    $runner->start();
-    $runner->tick();
-    $runner->pause();
-    $runner->resume();  // must not fire another pause beep
-
-    expect($pauseBeepCount)->toBe(1);
-});
+test('onPauseBeep does not fire on resume',
+    /**
+     * @throws JsonException
+     */
+    function (): void {
+        $prog = Program::query()->create(['name' => 'Resume test']);
+        $prog->phases()->create(['label' => 'Work', 'duration' => 20, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
+
+        $runner = new TimerRunner();
+        $runner->load($prog->load('phases'));
+
+        $pauseBeepCount = 0;
+        $runner->onPauseBeep(function () use (&$pauseBeepCount): void {
+            $pauseBeepCount++;
+        });
+
+        $runner->start();
+        for ($i = 0; $i < 5; $i++) $runner->tick(); // skip prepare
+        $runner->tick();
+        $runner->pause();
+        $runner->resume();  // must not fire another pause beep
+
+        expect($pauseBeepCount)->toBe(1);
+    });
diff --git a/tests/Unit/Timer/DurationCalcTest.php b/tests/Unit/Timer/DurationCalcTest.php
index cbf699d..3bffc02 100644
--- a/tests/Unit/Timer/DurationCalcTest.php
+++ b/tests/Unit/Timer/DurationCalcTest.php
@@ -2,29 +2,24 @@
 
 declare(strict_types=1);
 
-use App\Timer\Phase;
-use App\Timer\TimerProgram;
-use Illuminate\Support\Facades\Storage;
+use App\Models\Program;
 
 // Helper: build a program with given phases without touching Storage
-function makeProgram(array $phaseDefs): TimerProgram
+function makeProgram(array $phaseDefs): Program
 {
-    Storage::fake();
-
-    $prog = TimerProgram::create('Test');
-    foreach ($phaseDefs as $def) {
-        $prog->addPhase(new Phase(...$def));
+    $prog = Program::create(['name' => 'Test']);
+    foreach ($phaseDefs as $i => $def) {
+        $prog->phases()->create(array_merge(['sort_order' => $i], $def));
     }
-    $prog->save();
 
-    return TimerProgram::load($prog->id);
+    return $prog->load('phases');
 }
 
 // ── Formula: (duration×reps) + (pause×(reps-1)) + cooldown ──────────────────
 
 test('single phase no pause no cooldown', function (): void {
     $prog = makeProgram([
-        ['Work', 30, 1, 0, 0, '#3b82f6'],
+        ['label' => 'Work', 'duration' => 30, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6'],
     ]);
     expect($prog->totalDuration())->toBe(30);
 });
@@ -50,7 +45,7 @@ function makeProgram(array $phaseDefs): TimerProgram
     $prog = makeProgram([
         ['label' => 'Work', 'duration' => 10, 'repetitions' => 2, 'pause' => 5, 'cooldown' => 8, 'color' => '#3b82f6'],
     ]);
-    expect($prog->totalDuration())->toBe(33);
+    expect($prog->totalDuration())->toBe(25);
 });
 
 test('multiple phases summed correctly', function (): void {
@@ -63,15 +58,12 @@ function makeProgram(array $phaseDefs): TimerProgram
         ['label' => 'Work',   'duration' => 10, 'repetitions' => 3, 'pause' => 5,  'cooldown' => 0,  'color' => '#3b82f6'],
         ['label' => 'Cool',   'duration' => 20, 'repetitions' => 1, 'pause' => 0,  'cooldown' => 10, 'color' => '#6b7280'],
     ]);
-    expect($prog->totalDuration())->toBe(100);
+    expect($prog->totalDuration())->toBe(90);
 });
 
 test('zero-duration program returns zero', function (): void {
-    Storage::fake();
-    $prog = TimerProgram::create('Empty');
-    $prog->save();
-    $loaded = TimerProgram::load($prog->id);
-    expect($loaded->totalDuration())->toBe(0);
+    $prog = Program::create(['name' => 'Empty']);
+    expect($prog->totalDuration())->toBe(0);
 });
 
 // ── formattedDuration ─────────────────────────────────────────────────────────
diff --git a/tests/Unit/Timer/EndSoundTest.php b/tests/Unit/Timer/EndSoundTest.php
index d13b277..4ce4a45 100644
--- a/tests/Unit/Timer/EndSoundTest.php
+++ b/tests/Unit/Timer/EndSoundTest.php
@@ -3,45 +3,37 @@
 declare(strict_types=1);
 
 use App\Events\ProgramCompleted;
-use App\Timer\Phase;
-use App\Timer\TimerProgram;
+use App\Models\Program;
 use App\Timer\TimerRunner;
 use Illuminate\Support\Facades\Event;
-use Illuminate\Support\Facades\Storage;
 
 // ── ProgramCompleted event ────────────────────────────────────────────────────
 
 test('ProgramCompleted dispatched exactly once on program finish', function (): void {
-    Storage::fake();
     Event::fake([ProgramCompleted::class]);
 
-    $prog = TimerProgram::create('End sound test');
-    $prog->endSound = 'triple';
-    $prog->addPhase(new Phase('Work', 3, 1, 0, 0, '#3b82f6'));
-    $prog->save();
+    $prog = Program::create(['name' => 'End sound test', 'end_sound' => 'triple']);
+    $prog->phases()->create(['label' => 'Work', 'duration' => 3, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
 
     $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
+    $runner->load($prog);
     $runner->start();
-
+    for ($i = 0; $i < 5; $i++) $runner->tick(); // skip prepare
     for ($i = 0; $i < 3; $i++) $runner->tick();
 
     Event::assertDispatchedTimes(ProgramCompleted::class, 1);
 });
 
 test('ProgramCompleted carries correct endSound', function (): void {
-    Storage::fake();
     Event::fake([ProgramCompleted::class]);
 
-    $prog = TimerProgram::create('Chime test');
-    $prog->endSound = 'chime';
-    $prog->addPhase(new Phase('Work', 2, 1, 0, 0, '#3b82f6'));
-    $prog->save();
+    $prog = Program::create(['name' => 'Chime test', 'end_sound' => 'chime']);
+    $prog->phases()->create(['label' => 'Work', 'duration' => 2, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
 
     $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
+    $runner->load($prog);
     $runner->start();
-
+    for ($i = 0; $i < 5; $i++) $runner->tick(); // skip prepare
     for ($i = 0; $i < 2; $i++) $runner->tick();
 
     Event::assertDispatched(ProgramCompleted::class, function (ProgramCompleted $e): bool {
@@ -50,15 +42,13 @@
 });
 
 test('ProgramCompleted not dispatched while timer is still running', function (): void {
-    Storage::fake();
     Event::fake([ProgramCompleted::class]);
 
-    $prog = TimerProgram::create('Not done yet');
-    $prog->addPhase(new Phase('Work', 10, 1, 0, 0, '#3b82f6'));
-    $prog->save();
+    $prog = Program::create(['name' => 'Not done yet']);
+    $prog->phases()->create(['label' => 'Work', 'duration' => 10, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
 
     $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
+    $runner->load($prog);
     $runner->start();
 
     // Only tick 5 of 10 seconds
@@ -68,15 +58,13 @@
 });
 
 test('ProgramCompleted not dispatched on discard', function (): void {
-    Storage::fake();
     Event::fake([ProgramCompleted::class]);
 
-    $prog = TimerProgram::create('Discard test');
-    $prog->addPhase(new Phase('Work', 5, 1, 0, 0, '#3b82f6'));
-    $prog->save();
+    $prog = Program::create(['name' => 'Discard test']);
+    $prog->phases()->create(['label' => 'Work', 'duration' => 5, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
 
     $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
+    $runner->load($prog);
     $runner->start();
     $runner->tick();
     $runner->discard();
@@ -85,17 +73,15 @@
 });
 
 test('ProgramCompleted carries total duration', function (): void {
-    Storage::fake();
     Event::fake([ProgramCompleted::class]);
 
-    $prog = TimerProgram::create('Duration test');
-    $prog->addPhase(new Phase('Work', 5, 2, 3, 0, '#3b82f6')); // 5+3+5 = 13
-    $prog->save();
+    $prog = Program::create(['name' => 'Duration test']);
+    $prog->phases()->create(['label' => 'Work', 'duration' => 5, 'repetitions' => 2, 'pause' => 3, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
 
     $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
+    $runner->load($prog);
     $runner->start();
-
+    for ($i = 0; $i < 5; $i++) $runner->tick(); // skip prepare
     // Rep 1 (5) + pause (3) + rep 2 (5) = 13 ticks
     for ($i = 0; $i < 13; $i++) $runner->tick();
 
diff --git a/tests/Unit/Timer/LifecycleTest.php b/tests/Unit/Timer/LifecycleTest.php
index d1a59b5..15ff78d 100644
--- a/tests/Unit/Timer/LifecycleTest.php
+++ b/tests/Unit/Timer/LifecycleTest.php
@@ -4,24 +4,20 @@
 
 use App\Enum\StateMachine;
 use App\Events\ProgramCompleted;
-use App\Timer\Phase;
-use App\Timer\TimerProgram;
+use App\Models\Program;
 use App\Timer\TimerRunner;
 use Illuminate\Support\Facades\Event;
-use Illuminate\Support\Facades\Storage;
 
 // ── Pause resumes from exact position ────────────────────────────────────────
 
 test('pause preserves exact remaining seconds and resumes correctly', function (): void {
-    Storage::fake();
-
-    $prog = TimerProgram::create('Lifecycle');
-    $prog->addPhase(new Phase('Work', 20, 1, 0, 0, '#3b82f6'));
-    $prog->save();
+    $prog = Program::create(['name' => 'Lifecycle']);
+    $prog->phases()->create(['label' => 'Work', 'duration' => 20, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
 
     $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
+    $runner->load($prog);
     $runner->start();
+    for ($i = 0; $i < 5; $i++) $runner->tick(); // skip prepare
 
     // Run 7 seconds → 13 remaining
     for ($i = 0; $i < 7; $i++) $runner->tick();
@@ -42,15 +38,13 @@
 // ── Pause mid-pause-segment ────────────────────────────────────────────────────
 
 test('user can pause during inter-rep pause and resume to pause state', function (): void {
-    Storage::fake();
-
-    $prog = TimerProgram::create('Mid-pause test');
-    $prog->addPhase(new Phase('Work', 5, 2, 10, 0, '#3b82f6'));
-    $prog->save();
+    $prog = Program::create(['name' => 'Mid-pause test']);
+    $prog->phases()->create(['label' => 'Work', 'duration' => 5, 'repetitions' => 2, 'pause' => 10, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
 
     $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
+    $runner->load($prog);
     $runner->start();
+    for ($i = 0; $i < 5; $i++) $runner->tick(); // skip prepare
 
     // Finish rep 1 (5 ticks) → enter pause
     for ($i = 0; $i < 5; $i++) $runner->tick();
@@ -73,15 +67,13 @@
 // ── Discard → no history / no event ──────────────────────────────────────────
 
 test('discard does not dispatch ProgramCompleted', function (): void {
-    Storage::fake();
     Event::fake([ProgramCompleted::class]);
 
-    $prog = TimerProgram::create('Kill test');
-    $prog->addPhase(new Phase('Work', 30, 1, 0, 0, '#3b82f6'));
-    $prog->save();
+    $prog = Program::create(['name' => 'Kill test']);
+    $prog->phases()->create(['label' => 'Work', 'duration' => 30, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
 
     $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
+    $runner->load($prog);
     $runner->start();
     for ($i = 0; $i < 15; $i++) $runner->tick(); // half-way
     $runner->discard();
@@ -94,32 +86,27 @@
 // ── last_used_at updated on completion only ────────────────────────────────────
 
 test('last_used_at is null before program completes', function (): void {
-    Storage::fake();
-
-    $prog = TimerProgram::create('No touch yet');
-    $prog->addPhase(new Phase('Work', 5, 1, 0, 0, '#3b82f6'));
-    $prog->save();
+    $prog = Program::create(['name' => 'No touch yet']);
+    $prog->phases()->create(['label' => 'Work', 'duration' => 5, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
 
     $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
+    $runner->load($prog);
     $runner->start();
     for ($i = 0; $i < 3; $i++) $runner->tick(); // not done yet
 
-    expect(TimerProgram::load($prog->id)->lastUsedAt)->toBeNull();
+    expect(Program::find($prog->id)->last_used_at)->toBeNull();
 });
 
 test('last_used_at is set after program completes', function (): void {
-    Storage::fake();
-
-    $prog = TimerProgram::create('Touch on complete');
-    $prog->addPhase(new Phase('Work', 3, 1, 0, 0, '#3b82f6'));
-    $prog->save();
+    $prog = Program::create(['name' => 'Touch on complete']);
+    $prog->phases()->create(['label' => 'Work', 'duration' => 3, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
 
     $runner = new TimerRunner();
-    $runner->load(TimerProgram::load($prog->id));
+    $runner->load($prog);
     $runner->start();
+    for ($i = 0; $i < 5; $i++) $runner->tick(); // skip prepare
     for ($i = 0; $i < 3; $i++) $runner->tick();
 
     expect($runner->cursor()->isCompleted())->toBeTrue();
-    expect(TimerProgram::load($prog->id)->lastUsedAt)->not->toBeNull();
+    expect(Program::find($prog->id)->last_used_at)->not->toBeNull();
 });
diff --git a/tests/Unit/Timer/SettingsTest.php b/tests/Unit/Timer/SettingsTest.php
index 51dc4b8..46bfe99 100644
--- a/tests/Unit/Timer/SettingsTest.php
+++ b/tests/Unit/Timer/SettingsTest.php
@@ -3,81 +3,38 @@
 declare(strict_types=1);
 
 use App\Enum\BeepLeadIn;
-use App\Timer\AppSettings;
-use App\Timer\TimerProgram;
-use Illuminate\Support\Facades\Storage;
+use App\Models\Setting;
 
-beforeEach(function (): void {
-    Storage::fake();
-});
-
-// ── Default values ────────────────────────────────────────────────────────────
+test('settings load with defaults when no row exists', function (): void {
+    $s = Setting::current();
 
-test('settings load with defaults when no file exists', function (): void {
-    $s = AppSettings::load();
-
-    expect($s->defaultBeepLeadIn)->toBe(BeepLeadIn::Three)
-        ->and($s->defaultEndSound)->toBe('triple')
-        ->and($s->soundMode)->toBe('beep')
+    expect($s->default_beep_lead_in)->toBe(BeepLeadIn::Three)
+        ->and($s->default_end_sound)->toBe('triple')
+        ->and($s->sound_mode)->toBe('beep')
         ->and($s->volume)->toBe(0.8)
-        ->and($s->keepScreenOn)->toBeTrue();
+        ->and($s->keep_screen_on)->toBeTrue();
 });
 
-// ── Save / load round-trip ────────────────────────────────────────────────────
-
 test('settings save and reload correctly', function (): void {
-    $s = AppSettings::load();
-    $s->defaultBeepLeadIn = BeepLeadIn::Five;
-    $s->defaultEndSound   = 'chime';
-    $s->soundMode         = 'voice';
-    $s->volume            = 0.5;
-    $s->keepScreenOn      = false;
-    $s->save();
-
-    $loaded = AppSettings::load();
-    expect($loaded->defaultBeepLeadIn)->toBe(BeepLeadIn::Five)
-        ->and($loaded->defaultEndSound)->toBe('chime')
-        ->and($loaded->soundMode)->toBe('voice')
+    $s = Setting::current();
+    $s->update([
+        'default_beep_lead_in' => BeepLeadIn::Five,
+        'default_end_sound'    => 'chime',
+        'sound_mode'           => 'voice',
+        'volume'               => 0.5,
+        'keep_screen_on'       => false,
+    ]);
+
+    $loaded = Setting::current();
+    expect($loaded->default_beep_lead_in)->toBe(BeepLeadIn::Five)
+        ->and($loaded->default_end_sound)->toBe('chime')
+        ->and($loaded->sound_mode)->toBe('voice')
         ->and($loaded->volume)->toBe(0.5)
-        ->and($loaded->keepScreenOn)->toBeFalse();
-});
-
-test('settings writes to storage/app/settings.json', function (): void {
-    $s = AppSettings::load();
-    $s->save();
-    expect(Storage::exists('settings.json'))->toBeTrue();
-});
-
-// ── Per-program seeding ───────────────────────────────────────────────────────
-
-test('new program inherits beepLeadIn from settings', function (): void {
-    $settings = AppSettings::load();
-    $settings->defaultBeepLeadIn = BeepLeadIn::Five;
-    $settings->save();
-
-    $prog = TimerProgram::create('Seeded');
-    expect($prog->beepLeadIn)->toBe(BeepLeadIn::Five);
-});
-
-test('new program inherits endSound from settings', function (): void {
-    $settings = AppSettings::load();
-    $settings->defaultEndSound = 'chime';
-    $settings->save();
-
-    $prog = TimerProgram::create('Seeded chime');
-    expect($prog->endSound)->toBe('chime');
+        ->and($loaded->keep_screen_on)->toBeFalse();
 });
 
-test('per-program beepLeadIn can be overridden independently of global', function (): void {
-    $settings = AppSettings::load();
-    $settings->defaultBeepLeadIn = BeepLeadIn::Three;
-    $settings->save();
-
-    $prog = TimerProgram::create('Override');
-    $prog->beepLeadIn = BeepLeadIn::Five;
-    $prog->save();
-
-    $loaded = TimerProgram::load($prog->id);
-    expect($loaded->beepLeadIn)->toBe(BeepLeadIn::Five)
-        ->and(AppSettings::load()->defaultBeepLeadIn)->toBe(BeepLeadIn::Three);
+test('settings.current() creates a DB row', function (): void {
+    expect(Setting::count())->toBe(0);
+    Setting::current();
+    expect(Setting::count())->toBe(1);
 });
diff --git a/tests/Unit/Timer/TimerProgramTest.php b/tests/Unit/Timer/TimerProgramTest.php
index 2490a72..744762e 100644
--- a/tests/Unit/Timer/TimerProgramTest.php
+++ b/tests/Unit/Timer/TimerProgramTest.php
@@ -3,54 +3,43 @@
 declare(strict_types=1);
 
 use App\Enum\BeepLeadIn;
-use App\Timer\AppSettings;
-use App\Timer\Phase;
-use App\Timer\TimerProgram;
-use Illuminate\Support\Facades\Storage;
-
-beforeEach(function (): void {
-    Storage::fake();
-
-    $s = AppSettings::load();
-    $s->defaultBeepLeadIn = BeepLeadIn::Three;
-    $s->defaultEndSound   = 'triple';
-    $s->save();
-});
-
-// ── create() ──────────────────────────────────────────────────────────────────
-
-test('create seeds beepLeadIn and endSound from settings', function (): void {
-    $prog = TimerProgram::create('My Workout');
-
-    expect($prog->beepLeadIn)->toBe(BeepLeadIn::Three)
-        ->and($prog->endSound)->toBe('triple')
-        ->and($prog->name)->toBe('My Workout')
-        ->and($prog->phases)->toBeArray()->toBeEmpty();
-});
+use App\Models\Program;
+use Illuminate\Database\Eloquent\ModelNotFoundException;
 
 test('create assigns a uuid id', function (): void {
-    $prog = TimerProgram::create('Test');
-    expect($prog->id)->toBeString()->not->toBeEmpty();
+    $prog = Program::create(['name' => 'Test']);
+    expect($prog->id)->toBeString()->not->toBeEmpty()->toHaveLength(36);
 });
 
-// ── save() / load() round-trip (pipe-operator chain) ─────────────────────────
+test('program is persisted and retrievable by id', function (): void {
+    $prog = Program::create(['name' => 'Persist Test']);
 
-test('save writes json file under programs directory', function (): void {
-    $prog = TimerProgram::create('Test');
-    $prog->save();
-    expect(Storage::exists("programs/{$prog->id}.json"))->toBeTrue();
+    $found = Program::find($prog->id);
+    expect($found)->not->toBeNull()
+        ->and($found->name)->toBe('Persist Test');
 });
 
-test('load returns same data that was saved', function (): void {
-    $prog = TimerProgram::create('Round-trip');
-    $prog->addPhase(new Phase('Work', 30, 3, 5, 10, '#3b82f6'));
-    $prog->save();
-
-    $loaded = TimerProgram::load($prog->id);
+test('findOrFail returns same data that was saved', function (): void {
+    $prog = Program::create([
+        'name' => 'Round-trip',
+        'beep_lead_in' => BeepLeadIn::Three,
+        'end_sound' => 'triple',
+    ]);
+    $prog->phases()->create([
+        'label' => 'Work',
+        'duration' => 30,
+        'repetitions' => 3,
+        'pause' => 5,
+        'cooldown' => 10,
+        'color' => '#3b82f6',
+        'sort_order' => 0,
+    ]);
+
+    $loaded = Program::findOrFail($prog->id);
 
     expect($loaded->name)->toBe('Round-trip')
-        ->and($loaded->beepLeadIn)->toBe(BeepLeadIn::Three)
-        ->and($loaded->endSound)->toBe('triple')
+        ->and($loaded->beep_lead_in)->toBe(BeepLeadIn::Three)
+        ->and($loaded->end_sound)->toBe('triple')
         ->and($loaded->phases)->toHaveCount(1)
         ->and($loaded->phases[0]->label)->toBe('Work')
         ->and($loaded->phases[0]->duration)->toBe(30)
@@ -59,69 +48,63 @@
         ->and($loaded->phases[0]->cooldown)->toBe(10);
 });
 
-test('load throws RuntimeException for unknown id', function (): void {
-    expect(fn () => TimerProgram::load('does-not-exist'))->toThrow(\RuntimeException::class);
+test('findOrFail throws ModelNotFoundException for unknown id', function (): void {
+    expect(fn () => Program::findOrFail('00000000-0000-0000-0000-000000000000'))->toThrow(ModelNotFoundException::class);
 });
 
-test('loaded program is an instance of TimerProgram', function (): void {
-    $prog = TimerProgram::create('Pipe test');
-    $prog->save();
-    expect(TimerProgram::load($prog->id))->toBeInstanceOf(TimerProgram::class);
+test('loaded program is an instance of Program', function (): void {
+    $prog = Program::create(['name' => 'Type test']);
+    expect(Program::find($prog->id))->toBeInstanceOf(Program::class);
 });
 
-// ── addPhase / 10-phase cap ───────────────────────────────────────────────────
-
 test('can add up to 10 phases', function (): void {
-    $prog = TimerProgram::create('10-phases');
+    $prog = Program::create(['name' => '10-phases']);
     for ($i = 0; $i < 10; $i++) {
-        $prog->addPhase(new Phase("Phase {$i}", 10, 1, 0, 0, '#3b82f6'));
+        $prog->addPhase(['label' => "Phase {$i}", 'duration' => 10, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6']);
     }
-    expect($prog->phases)->toHaveCount(10);
+    expect($prog->phases()->count())->toBe(10);
 });
 
 test('adding 11th phase throws OverflowException', function (): void {
-    $prog = TimerProgram::create('Overflow');
+    $prog = Program::create(['name' => 'Overflow']);
     for ($i = 0; $i < 10; $i++) {
-        $prog->addPhase(new Phase("P{$i}", 5, 1, 0, 0, '#3b82f6'));
+        $prog->addPhase(['label' => "P{$i}", 'duration' => 5, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6']);
     }
-    expect(fn () => $prog->addPhase(new Phase('Too many', 5, 1, 0, 0, '#3b82f6')))
+    expect(fn () => $prog->addPhase(['label' => 'Too many', 'duration' => 5, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6']))
         ->toThrow(\OverflowException::class);
 });
 
-// ── Phase 50-rep cap ──────────────────────────────────────────────────────────
-
 test('phase with 50 repetitions is valid', function (): void {
-    $phase = new Phase('Max reps', 10, 50, 5, 0, '#3b82f6');
+    $prog = Program::create(['name' => 'Reps test']);
+    $phase = $prog->phases()->create(['label' => 'Max reps', 'duration' => 10, 'repetitions' => 50, 'pause' => 5, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]);
     expect($phase->repetitions)->toBe(50);
 });
 
 test('phase with 51 repetitions throws RangeException', function (): void {
-    expect(fn () => new Phase('Too many reps', 10, 51, 0, 0, '#3b82f6'))
+    $prog = Program::create(['name' => 'Reps test']);
+    expect(fn () => $prog->phases()->create(['label' => 'Too many reps', 'duration' => 10, 'repetitions' => 51, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]))
         ->toThrow(\RangeException::class);
 });
 
 test('phase with 0 repetitions throws RangeException', function (): void {
-    expect(fn () => new Phase('Zero reps', 10, 0, 0, 0, '#3b82f6'))
+    $prog = Program::create(['name' => 'Reps test']);
+    expect(fn () => $prog->phases()->create(['label' => 'Zero reps', 'duration' => 10, 'repetitions' => 0, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6', 'sort_order' => 0]))
         ->toThrow(\RangeException::class);
 });
 
-// ── all() ─────────────────────────────────────────────────────────────────────
-
 test('all returns all saved programs', function (): void {
-    $a = TimerProgram::create('A'); $a->save();
-    $b = TimerProgram::create('B'); $b->save();
-    expect(TimerProgram::all())->toHaveCount(2);
+    Program::create(['name' => 'A']);
+    Program::create(['name' => 'B']);
+    expect(Program::all())->toHaveCount(2);
 });
 
-test('all returns empty array when no programs exist', function (): void {
-    expect(TimerProgram::all())->toBeArray()->toBeEmpty();
+test('all returns empty collection when no programs exist', function (): void {
+    expect(Program::all())->toBeEmpty();
 });
 
-// ── delete() ─────────────────────────────────────────────────────────────────
-
-test('delete removes the json file', function (): void {
-    $prog = TimerProgram::create('Delete me');
-    $prog->save();
+test('delete removes the program from database', function (): void {
+    $prog = Program::create(['name' => 'Delete me']);
+    $id = $prog->id;
     $prog->delete();
-    expect(Storage::exists("programs/{$prog->id}.json"))->toBeFalse();
+    expect(Program::find($id))->toBeNull();
 });
diff --git a/tests/Unit/Timer/TimerRunnerTest.php b/tests/Unit/Timer/TimerRunnerTest.php
index d8f59f8..c416b89 100644
--- a/tests/Unit/Timer/TimerRunnerTest.php
+++ b/tests/Unit/Timer/TimerRunnerTest.php
@@ -3,11 +3,9 @@
 declare(strict_types=1);
 
 use App\Enum\StateMachine;
-use App\Timer\Phase;
+use App\Models\Program;
 use App\Timer\TimerCursor;
-use App\Timer\TimerProgram;
 use App\Timer\TimerRunner;
-use Illuminate\Support\Facades\Storage;
 
 // ── Helpers ───────────────────────────────────────────────────────────────────
 
@@ -16,23 +14,49 @@ function freshRunner(): TimerRunner
     return new TimerRunner();
 }
 
-function onePhaseProgram(int $duration = 10, int $reps = 1, int $pause = 0, int $cooldown = 0): TimerProgram
+/** Tick through the 5-second PREPARE countdown so the runner enters RUNNING. */
+function skipPrepare(TimerRunner $runner): void
 {
-    Storage::fake();
-    $prog = TimerProgram::create('Single Phase');
-    $prog->addPhase(new Phase('Work', $duration, $reps, $pause, $cooldown, '#3b82f6'));
-    $prog->save();
-    return TimerProgram::load($prog->id);
+    for ($i = 0; $i < 5; $i++) $runner->tick();
 }
 
-function twoPhaseProgram(): TimerProgram
+function onePhaseProgram(int $duration = 10, int $reps = 1, int $pause = 0, int $cooldown = 0): Program
 {
-    Storage::fake();
-    $prog = TimerProgram::create('Two Phases');
-    $prog->addPhase(new Phase('Work', 5, 2, 2, 3, '#3b82f6'));
-    $prog->addPhase(new Phase('Rest', 8, 1, 0, 0, '#22c55e'));
-    $prog->save();
-    return TimerProgram::load($prog->id);
+    $prog = Program::create(['name' => 'Single Phase']);
+    $prog->phases()->create([
+        'label' => 'Work',
+        'duration' => $duration,
+        'repetitions' => $reps,
+        'pause' => $pause,
+        'cooldown' => $cooldown,
+        'color' => '#3b82f6',
+        'sort_order' => 0,
+    ]);
+    return $prog->load('phases');
+}
+
+function twoPhaseProgram(): Program
+{
+    $prog = Program::create(['name' => 'Two Phases']);
+    $prog->phases()->create([
+        'label' => 'Work',
+        'duration' => 5,
+        'repetitions' => 2,
+        'pause' => 2,
+        'cooldown' => 3,
+        'color' => '#3b82f6',
+        'sort_order' => 0,
+    ]);
+    $prog->phases()->create([
+        'label' => 'Rest',
+        'duration' => 8,
+        'repetitions' => 1,
+        'pause' => 0,
+        'cooldown' => 0,
+        'color' => '#22c55e',
+        'sort_order' => 1,
+    ]);
+    return $prog->load('phases');
 }
 
 // ── idle state ────────────────────────────────────────────────────────────────
@@ -49,34 +73,53 @@ function twoPhaseProgram(): TimerProgram
 });
 
 test('start without load throws RuntimeException', function (): void {
-    expect(fn () => freshRunner()->start())->toThrow(\RuntimeException::class);
+    expect(fn() => freshRunner()->start())->toThrow(\RuntimeException::class);
 });
 
 test('start with empty program throws RuntimeException', function (): void {
-    Storage::fake();
-    $prog = TimerProgram::create('Empty'); $prog->save();
+    $prog = Program::create(['name' => 'Empty']);
     $runner = freshRunner();
-    $runner->load(TimerProgram::load($prog->id));
-    expect(fn () => $runner->start())->toThrow(\RuntimeException::class);
+    $runner->load($prog);
+    expect(fn() => $runner->start())->toThrow(\RuntimeException::class);
 });
 
-// ── idle → running ────────────────────────────────────────────────────────────
+// ── idle → prepare ────────────────────────────────────────────────────────────
+
+test('start transitions to prepare state with 5s remaining', function (): void {
+    $runner = freshRunner();
+    $runner->load(onePhaseProgram(10));
+    $runner->start();
+
+    expect($runner->cursor()->state)->toBe(StateMachine::prepare)
+        ->and($runner->cursor()->remaining)->toBe(5);
+});
 
-test('start transitions to running state', function (): void {
+test('after 5 prepare ticks runner enters running state', function (): void {
     $runner = freshRunner();
     $runner->load(onePhaseProgram(10));
     $runner->start();
+    skipPrepare($runner);
 
     expect($runner->cursor()->state)->toBe(StateMachine::running)
         ->and($runner->cursor()->remaining)->toBe(10);
 });
 
+test('pause is a no-op during prepare', function (): void {
+    $runner = freshRunner();
+    $runner->load(onePhaseProgram(10));
+    $runner->start();
+    $runner->pause();
+
+    expect($runner->cursor()->state)->toBe(StateMachine::prepare);
+});
+
 // ── running → pause (inter-rep) ───────────────────────────────────────────────
 
 test('tick at rep end with pause configured enters pause state', function (): void {
     $runner = freshRunner();
     $runner->load(onePhaseProgram(duration: 5, reps: 2, pause: 3));
     $runner->start();
+    skipPrepare($runner);
 
     for ($i = 0; $i < 5; $i++) $runner->tick();
 
@@ -90,6 +133,7 @@ function twoPhaseProgram(): TimerProgram
     $runner = freshRunner();
     $runner->load(onePhaseProgram(duration: 5, reps: 2, pause: 3));
     $runner->start();
+    skipPrepare($runner);
 
     for ($i = 0; $i < 5; $i++) $runner->tick();
     for ($i = 0; $i < 3; $i++) $runner->tick();
@@ -100,15 +144,16 @@ function twoPhaseProgram(): TimerProgram
 
 // ── running → cooldown ────────────────────────────────────────────────────────
 
-test('last rep with cooldown enters cooldown state', function (): void {
+test('last rep with cooldown does not enter cooldown state', function (): void {
     $runner = freshRunner();
-    $runner->load(onePhaseProgram(duration: 5, reps: 1, cooldown: 4));
+    $runner->load(onePhaseProgram(duration: 5, cooldown: 4));
     $runner->start();
+    skipPrepare($runner);
 
     for ($i = 0; $i < 5; $i++) $runner->tick();
 
-    expect($runner->cursor()->state)->toBe(StateMachine::cooldown)
-        ->and($runner->cursor()->remaining)->toBe(4);
+    expect($runner->cursor()->state)->toBe(StateMachine::completed)
+        ->and($runner->cursor()->remaining)->toBe(0);
 });
 
 // ── cooldown → completed (single phase) ───────────────────────────────────────
@@ -117,9 +162,10 @@ function twoPhaseProgram(): TimerProgram
     $completed = false;
 
     $runner = freshRunner();
-    $prog   = onePhaseProgram(duration: 3, reps: 1, cooldown: 2);
+    $prog = onePhaseProgram(duration: 3, reps: 1, cooldown: 2);
     $runner->load($prog);
     $runner->start();
+    skipPrepare($runner);
 
     $runner->onTick(function (TimerCursor $c) use (&$completed): void {
         if ($c->isCompleted()) $completed = true;
@@ -137,6 +183,7 @@ function twoPhaseProgram(): TimerProgram
     $runner = freshRunner();
     $runner->load(twoPhaseProgram());
     $runner->start();
+    skipPrepare($runner);
 
     for ($i = 0; $i < 5; $i++) $runner->tick();  // rep 0
     for ($i = 0; $i < 2; $i++) $runner->tick();  // pause
@@ -153,6 +200,7 @@ function twoPhaseProgram(): TimerProgram
     $runner = freshRunner();
     $runner->load(onePhaseProgram(10));
     $runner->start();
+    skipPrepare($runner);
     $runner->tick();
     $runner->pause();
 
@@ -164,6 +212,7 @@ function twoPhaseProgram(): TimerProgram
     $runner = freshRunner();
     $runner->load(onePhaseProgram(10));
     $runner->start();
+    skipPrepare($runner);
     $runner->tick();
     $runner->pause();
     $runner->resume();
@@ -176,6 +225,7 @@ function twoPhaseProgram(): TimerProgram
     $runner = freshRunner();
     $runner->load(onePhaseProgram(duration: 5, reps: 2, pause: 5));
     $runner->start();
+    skipPrepare($runner);
 
     for ($i = 0; $i < 5; $i++) $runner->tick(); // into pause state
     $runner->pause();
@@ -187,12 +237,11 @@ function twoPhaseProgram(): TimerProgram
 // ── 10-phase limit ────────────────────────────────────────────────────────────
 
 test('program rejects 11th phase', function (): void {
-    Storage::fake();
-    $prog = TimerProgram::create('Overflow');
+    $prog = Program::create(['name' => 'Overflow']);
     for ($i = 0; $i < 10; $i++) {
-        $prog->addPhase(new Phase("P{$i}", 5, 1, 0, 0, '#3b82f6'));
+        $prog->addPhase(['label' => "P{$i}", 'duration' => 5, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6']);
     }
-    expect(fn () => $prog->addPhase(new Phase('P11', 5, 1, 0, 0, '#3b82f6')))
+    expect(fn() => $prog->addPhase(['label' => 'P11', 'duration' => 5, 'repetitions' => 1, 'pause' => 0, 'cooldown' => 0, 'color' => '#3b82f6']))
         ->toThrow(\OverflowException::class);
 });
 
diff --git a/version.json b/version.json
new file mode 100644
index 0000000..a25a174
--- /dev/null
+++ b/version.json
@@ -0,0 +1,4 @@
+{
+    "version": "1.0.0",
+    "version_code": 1
+}

From d5dfcc733cc5253a09563da7c4c91d76f7fa297a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Buci=C4=87?= <nikola.bucic@gmail.com>
Date: Mon, 13 Apr 2026 16:36:40 +0200
Subject: [PATCH 2/4] ci: add PR test workflow

Runs the Pest suite on every pull request (opened, synchronize, reopened)
using PHP 8.5, SQLite in-memory, and a Composer cache for fast reruns.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .github/workflows/run-tests.yml | 39 +++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 .github/workflows/run-tests.yml

diff --git a/.github/workflows/run-tests.yml b/.github/workflows/run-tests.yml
new file mode 100644
index 0000000..a7b832a
--- /dev/null
+++ b/.github/workflows/run-tests.yml
@@ -0,0 +1,39 @@
+name: Run Tests
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: '8.5'
+          extensions: zip, sqlite3, pdo_sqlite
+          coverage: none
+
+      - name: Cache Composer dependencies
+        uses: actions/cache@v4
+        with:
+          path: vendor
+          key: ${{ runner.os }}-composer-${{ hashFiles('composer.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-composer-
+
+      - name: Install dependencies
+        run: composer install --no-interaction --prefer-dist --optimize-autoloader
+
+      - name: Copy environment file
+        run: cp .env.example .env
+
+      - name: Generate application key
+        run: php artisan key:generate
+
+      - name: Run tests
+        run: composer test
\ No newline at end of file

From d0e4a54c4c0b0a3f12e3c3c2270bad9b11f5f2ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Buci=C4=87?= <nikola.bucic@gmail.com>
Date: Mon, 13 Apr 2026 16:37:02 +0200
Subject: [PATCH 3/4] ci: fix bump-version trigger branch and add
 workflow_dispatch

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .github/workflows/bump-version.yml | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/bump-version.yml b/.github/workflows/bump-version.yml
index 6ccda15..eb666a5 100644
--- a/.github/workflows/bump-version.yml
+++ b/.github/workflows/bump-version.yml
@@ -2,7 +2,10 @@ name: Bump Version
 
 on:
   push:
-    branches: [main]
+    branches:
+      - master
+  workflow_dispatch:
+
 
 jobs:
   bump:

From cf981a43de19a9208d7e59607dc1637fd3c1bed1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Buci=C4=87?= <nikola.bucic@gmail.com>
Date: Mon, 13 Apr 2026 16:45:50 +0200
Subject: [PATCH 4/4] fix: register Tests\ namespace in autoload-dev

Pest could not resolve Tests\TestCase because the namespace was missing
from composer.json autoload-dev mappings.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 composer.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/composer.json b/composer.json
index eec89f2..e84e93a 100644
--- a/composer.json
+++ b/composer.json
@@ -33,7 +33,8 @@
     },
     "autoload-dev": {
         "psr-4": {
-            "App\\": "app/"
+            "App\\": "app/",
+            "Tests\\": "tests/"
         }
     },
     "scripts": {