Design pass (all themes + chat UI), model picker, reduce-motion toggle

- Aero: blue gradients back on the active segment and every primary
  (Review due, the card's Study button, the composer's send button); a
  frosted backing behind the page heading and the All decks label; a
  bottom-weighted rail tint; chat header/composer/welcome panels; calmer
  orbs; stronger card veil + a stronger blur bake.
- Dark/Light: a dedicated --track token makes progress bars read (the
  first attempt shifted --surface-sunken and the pixel scan caught the
  sheet-contrast regression); brighter dark secondary text; darker light
  segmented labels and difficulty tints; stronger light card border and
  shadow.
- Chat UI: friendly model chip ("Gemma 4 31B") with the raw name in a
  tooltip, larger chips, plain centered disclaimer, vertically centered
  welcome panel, distinct chat-plus icon for new chat.
- Chat models: every chat-capable model from the server's /api/tags is
  selectable (favourites first, search field when long, live-list
  validation in the route); default CHAT_MODEL_DEFAULT or gemma4:31b.
- Reduce motion: Settings toggle (default off) that parks the scene,
  collapses CSS animations and drives framer-motion's calm mode.
- Folders hint, "New" badge on fresh decks.

Contrast: 0 findings, axe clean, mobile 126/126, chat 102/102, wizard
95/95, regression 44/44, i18n 13/13, native 33/33.
Version 0.4.6, SW -> freezmo-v71.

components/DeckCard.tsx

@@ -225,9 +225,17 @@ export function DeckCard({
               ) : null}
             </span>
             {/* Desktop always shows the same two fields. */}
-            <span className="hidden lg:inline">
-              <span aria-hidden> · </span>
-              {deck.attempts > 0 ? plural(deck.attempts, "deck.runs") : t("deck.notPlayed")}
+            <span className="hidden lg:inline-flex items-center">
+              {deck.attempts > 0 ? (
+                <>
+                  <span aria-hidden> · </span>
+                  {plural(deck.attempts, "deck.runs")}
+                </>
+              ) : (
+                <span className="tint-sky ml-1 rounded-full px-2 py-0.5 text-[10.5px] font-semibold">
+                  {t("deck.new")}
+                </span>
+              )}
             </span>
           </p>
         </div>
@@ -343,7 +351,7 @@ export function DeckCard({
           {t("deck.study")}
         </Link>
         <div className="relative z-10 hidden lg:flex lg:justify-end">
-          <Link href={`/deck/${deck.id}`} className="btn-secondary h-9 px-4 text-[13px]">
+          <Link href={`/deck/${deck.id}`} className="btn-primary h-9 px-4 text-[13px]">
             <PlayIcon className="size-4" />
             {t("deck.study")}
           </Link>