Initial commit -- Core Cooldown v0.1.0

Portable Windows break timer to prevent RSI and eye strain.
Tauri v2 + Svelte 5 + Tailwind CSS v4. No installer, no telemetry,
no data leaves the machine. CC0 public domain.

src/lib/components/Titlebar.svelte

@@ -0,0 +1,83 @@
+<script lang="ts">
+  import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
+
+  const appWindow = getCurrentWebviewWindow();
+</script>
+
+<!-- Invisible drag region – traffic lights on the right -->
+<div
+  data-tauri-drag-region
+  class="group absolute top-0 left-0 right-0 z-50 flex h-10 items-center justify-end pr-3.5 select-none"
+>
+  <!-- Centered app name -->
+  <span
+    class="pointer-events-none absolute inset-0 flex items-center justify-center
+           text-[11px] font-semibold tracking-[0.3em] text-[#383838] uppercase"
+    style="font-family: 'Space Mono', monospace;"
+  >
+    Core Cooldown
+  </span>
+
+  <!-- Traffic light buttons (order: maximize, minimize, close → close is rightmost) -->
+  <div class="flex items-center gap-[8px] opacity-10 transition-opacity duration-300 group-hover:opacity-100">
+    <!-- Maximize (green) -->
+    <button
+      aria-label="Maximize"
+      class="traffic-btn group/btn relative flex h-[15px] w-[15px] items-center justify-center
+             rounded-full bg-[#27C93F] transition-all duration-150
+             hover:brightness-110"
+      onclick={() => appWindow.toggleMaximize()}
+    >
+      <svg
+        class="absolute opacity-0 transition-opacity duration-150 group-hover/btn:opacity-100"
+        width="8"
+        height="8"
+        viewBox="0 0 8 8"
+        fill="none"
+      >
+        <polyline points="1,5 1,7 3,7" stroke="#006500" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+        <polyline points="7,3 7,1 5,1" stroke="#006500" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+        <line x1="1" y1="7" x2="7" y2="1" stroke="#006500" stroke-width="1.2" stroke-linecap="round" />
+      </svg>
+    </button>
+
+    <!-- Minimize (yellow) -->
+    <button
+      aria-label="Minimize"
+      class="traffic-btn group/btn relative flex h-[15px] w-[15px] items-center justify-center
+             rounded-full bg-[#FFBD2E] transition-all duration-150
+             hover:brightness-110"
+      onclick={() => appWindow.minimize()}
+    >
+      <svg
+        class="absolute opacity-0 transition-opacity duration-150 group-hover/btn:opacity-100"
+        width="8"
+        height="2"
+        viewBox="0 0 8 2"
+        fill="none"
+      >
+        <line x1="1" y1="1" x2="7" y2="1" stroke="#995700" stroke-width="1.3" stroke-linecap="round" />
+      </svg>
+    </button>
+
+    <!-- Close (red) — rightmost -->
+    <button
+      aria-label="Close"
+      class="traffic-btn group/btn relative flex h-[15px] w-[15px] items-center justify-center
+             rounded-full bg-[#FF5F57] transition-all duration-150
+             hover:brightness-110"
+      onclick={() => appWindow.close()}
+    >
+      <svg
+        class="absolute opacity-0 transition-opacity duration-150 group-hover/btn:opacity-100"
+        width="8"
+        height="8"
+        viewBox="0 0 8 8"
+        fill="none"
+      >
+        <line x1="1.5" y1="1.5" x2="6.5" y2="6.5" stroke="#4a0002" stroke-width="1.3" stroke-linecap="round" />
+        <line x1="6.5" y1="1.5" x2="1.5" y2="6.5" stroke="#4a0002" stroke-width="1.3" stroke-linecap="round" />
+      </svg>
+    </button>
+  </div>
+</div>