diff --git a/README.md b/README.md
index 391fe82a..e7d0d24e 100644
--- a/README.md
+++ b/README.md
@@ -128,7 +128,7 @@ against a throwaway database.
   (on a Linux host; on a macOS host there is no Terminal view yet, see
   Requirements). Viewing a window never moves your own terminal. → [docs/mirroring.md](docs/mirroring.md)
 - **Session switcher, sidebar and search.** A bottom bar with Recent, Waiting,
-  Pins and All (and a pin button for the session you are on), and a sidebar
+  Pins and All, picked by an icon (and a ⋯ menu to pin the session you are on), and a sidebar
   that lists every session like channels in a chat app: the chief first (if
   you turned one on), then the sessions waiting on you, then the rest by
   recency, the long-idle ones folded under **Idle**. The search opens with the
diff --git a/docs/mirroring.md b/docs/mirroring.md
index 00c77b83..8f591150 100644
--- a/docs/mirroring.md
+++ b/docs/mirroring.md
@@ -165,8 +165,8 @@ host's MCP endpoint for its Claude Code sessions ([attention.md](attention.md#mi
   listed as `offline` for a day. The database holds `mirror_tokens`, as sha256
   hashes, and your pins (below), both under row-level security.
 - **Pins.** On a session's own page (a window's Rendered view, an agent's chat
-  page, or the Terminal view of either) the session switcher has a pin button
-  beside its search that pins or unpins that session — a window with no
+  page, or the Terminal view of either) the session switcher's **⋯** menu, at
+  its right end, has **Pin this session** / **Unpin this session** — a window with no
   Rendered view is pinned from its Terminal view. Your pins are the session switcher's **Pins** view (below),
   on every device you sign in on, and come first in its **All** view.
   A mirrored pin is the window's address — host, session and tmux window id —
@@ -177,8 +177,9 @@ host's MCP endpoint for its Claude Code sessions ([attention.md](attention.md#mi
 - **The session switcher.** The bar under the message box of a window's
   Rendered view and an agent's chat page, and at the bottom of the Terminal
   view of either (whether or not that view can send), so you switch sessions
-  without going back to the Rendered view. Its left button opens a menu of four
-  views: **Recent** (the entries you last opened, on any device), **Waiting**
+  without going back to the Rendered view. Its left button shows the current
+  view's icon — a clock, a bell, a pin, a grid — and opens a menu of four
+  views, each named beside its icon: **Recent** (the entries you last opened, on any device), **Waiting**
   (the entries waiting on you: an agent or a Claude Code session called
   `attention_ask`, a mirrored Claude Code session stopped at a prompt or
   holding an `AskUserQuestion` picker — the [attention queue](attention.md)'s
diff --git a/e2e/tests/agents-list-ux.spec.ts b/e2e/tests/agents-list-ux.spec.ts
index b2d3e0c7..6dcae6a0 100644
--- a/e2e/tests/agents-list-ux.spec.ts
+++ b/e2e/tests/agents-list-ux.spec.ts
@@ -345,7 +345,7 @@ for (const vp of [
       const pick = page.locator('#switcher-views [data-switcher-pick="waiting"]');
       await expect(pick).toContainText('Waiting on you');
       await press(pick);
-      await expect(page.locator('#switcher-toggle')).toHaveText('Waiting');
+      await expect(page.locator('#switcher-toggle').locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'waiting');
       const viewRow = page.locator('#session-switcher [data-switcher-list="waiting"]');
       await expect(viewRow).toBeVisible();
       const pills = (await viewRow.locator('a[data-switcher-entry]').evaluateAll((els) => els.map((e) => e.getAttribute('href') || ''))).map(key);
diff --git a/e2e/tests/agents-switcher.spec.ts b/e2e/tests/agents-switcher.spec.ts
index 27fec2e2..5e07e23d 100644
--- a/e2e/tests/agents-switcher.spec.ts
+++ b/e2e/tests/agents-switcher.spec.ts
@@ -161,13 +161,13 @@ for (const vp of [
         for (const src of sh.sources) expect(src, `a shift's source is the switcher: ${JSON.stringify(cls.shifts)}`).not.toMatch(/session-switcher|switcher-/);
       }
       await expectNoSidewaysScroll(page);
-      await expect(toggle(page)).toHaveText('Recent');
+      await expect(toggle(page).locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'recent');
       // All holds every entry, the page's own drawn current (one, not a link).
       await toggle(page).click();
       await expect(menu(page)).toBeVisible();
       await menu(page).locator('[data-switcher-pick="all"]').click();
       await expect(menu(page)).toBeHidden();
-      await expect(toggle(page)).toHaveText('All');
+      await expect(toggle(page).locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'all');
       await expect(row(page, 'all')).toBeVisible();
       const n = await listed(page);
       await expect(row(page, 'all').locator('[data-switcher-entry]')).toHaveCount(n);
@@ -339,28 +339,40 @@ for (const vp of [
 
     // THE PIN ON A SESSION'S BAR (operator ask: "a way to pin the current
     // session, the current agent, from within the rendered view"): on a
-    // window's Rendered view the bar's pin toggle pins THAT window — the Pins
+    // window's Rendered view the bar's ⋯ menu's Pin pins THAT window — the Pins
     // view and its count follow at once, a reload keeps it, another session's
     // bar lists it in Pins — and unpins it again. (With the Agents list's card
     // toggles retired, this is the one way to pin: open it, then pin.)
-    test('the bar\'s pin toggle pins and unpins the page\'s own window; the Pins view follows at once', async ({ page }) => {
+    test('the bar\'s ⋯ menu pins and unpins the page\'s own window; the Pins view follows at once', async ({ page }) => {
       test.setTimeout(90_000);
       await ready(page);
       await unpin(page, 'tundra', '@6');
       const view = viewOf('tundra', '@6');
       await page.goto(view);
       const pin = page.locator('#switcher-pin');
+      const more = page.locator('#switcher-more-btn');
+      await expect(more).toBeVisible();
+      await expect(more).toHaveAccessibleName('More for this session');
+      await expect(pin, 'the pin is in the ⋯ menu, not the bar').toBeHidden();
+      const mb = (await more.boundingBox())!, bb = (await bar(page).boundingBox())!;
+      expect([Math.round(mb.width), Math.round(mb.height)], 'a 44px target').toEqual([44, 44]);
+      expect(mb.y >= bb.y - 0.5 && mb.y + mb.height <= bb.y + bb.height + 0.5, 'inside the bar').toBe(true);
+      await (vp.use.hasTouch ? more.tap() : more.click());
+      await expect(page.locator('#switcher-more')).toBeVisible();
+      await expect(more).toHaveAttribute('aria-expanded', 'true');
       await expect(pin).toBeVisible();
-      await expect(pin).toHaveAttribute('aria-pressed', 'false');
+      // Measured once its open animation (a scale) has finished.
+      await page.locator('#switcher-more').evaluate((m) => Promise.all(m.getAnimations().map((a) => a.finished)));
+      await expect(pin).toHaveAttribute('data-pinned', 'false');
       await expect(pin).toHaveAccessibleName('Pin this session');
-      const pb = (await pin.boundingBox())!, bb = (await bar(page).boundingBox())!;
-      expect([Math.round(pb.width), Math.round(pb.height)], 'a 44px target').toEqual([44, 44]);
-      expect(pb.y >= bb.y - 0.5 && pb.y + pb.height <= bb.y + bb.height + 0.5, 'inside the bar').toBe(true);
+      expect(Math.round((await pin.boundingBox())!.height), 'a 44px-tall item').toBeGreaterThanOrEqual(44);
       await expect(menu(page).locator('[data-switcher-count="pins"]')).toHaveText('0');
       try {
         await (vp.use.hasTouch ? pin.tap() : pin.click());
-        await expect(page.locator('#switcher-pin')).toHaveAttribute('aria-pressed', 'true');
-        await expect(page.locator('#switcher-pin')).toHaveAccessibleName('Unpin this session');
+        await expect(page.locator('#switcher-more'), 'the menu closes once used').toBeHidden();
+        await expect(page.locator('#switcher-pin')).toHaveAttribute('data-pinned', 'true');
+        // Its words (the menu is closed: a hidden item has no accessible name).
+        await expect(page.locator('#switcher-pin')).toHaveText('Unpin this session');
         // The Pins view and its count, at once, with no reload: the page's own
         // window, drawn current.
         await expect(menu(page).locator('[data-switcher-count="pins"]')).toHaveText('1');
@@ -368,14 +380,15 @@ for (const vp of [
         await expect(page.locator('[id="switcher-list-pins"]'), 'no nested copy of the row').toHaveCount(1);
         // Kept: a reload draws it pressed, and another session's bar lists it.
         await page.reload();
-        await expect(page.locator('#switcher-pin')).toHaveAttribute('aria-pressed', 'true');
+        await expect(page.locator('#switcher-pin')).toHaveAttribute('data-pinned', 'true');
         await page.goto(MANGO);
         await expect(row(page, 'pins').locator('a[data-switcher-entry]')).toHaveText(['tundra:1']);
-        await expect(page.locator('#switcher-pin'), "mango's own toggle is not pressed").toHaveAttribute('aria-pressed', 'false');
-        // And unpinned from the same toggle.
+        await expect(page.locator('#switcher-pin'), "mango's own item says Pin").toHaveAttribute('data-pinned', 'false');
+        // And unpinned from the same menu.
         await page.goto(view);
+        await page.locator('#switcher-more-btn').click();
         await page.locator('#switcher-pin').click();
-        await expect(page.locator('#switcher-pin')).toHaveAttribute('aria-pressed', 'false');
+        await expect(page.locator('#switcher-pin')).toHaveAttribute('data-pinned', 'false');
         await expect(menu(page).locator('[data-switcher-count="pins"]')).toHaveText('0');
         await expectNoSidewaysScroll(page);
       } finally {
@@ -452,7 +465,7 @@ for (const vp of [
         // Pin the page's own window: it moves to the front of All (pins lead
         // it), and Pins gains it.
         await page.evaluate(() => (document.getElementById('switcher-pin') as HTMLElement).click());
-        await expect(page.locator('#switcher-pin')).toHaveAttribute('aria-pressed', 'true');
+        await expect(page.locator('#switcher-pin')).toHaveAttribute('data-pinned', 'true');
         await expect.poll(async () => (await order())[0], { message: 'the swap reordered All' }).toBe('current');
         expect(before[0], 'control: the page\'s own pill was not first before').not.toBe('current');
         // No nesting, no duplicate ids.
diff --git a/e2e/tests/cls-long-transcript.spec.ts b/e2e/tests/cls-long-transcript.spec.ts
index 235a89f1..0702c86d 100644
--- a/e2e/tests/cls-long-transcript.spec.ts
+++ b/e2e/tests/cls-long-transcript.spec.ts
@@ -267,8 +267,9 @@ test.describe('a 200-message agent transcript', () => {
     const stalls: { label: string; at: (html: string) => number; held?: string }[] = [
       { label: 'before the layout call', at: (html: string) => html.indexOf('<form id="chat-form"') },
       { label: 'inside the session switcher', at: (html: string) => { const n = html.indexOf('id="session-switcher"'); return n < 0 ? -1 : html.indexOf('>', n) + 1; } },
-      // Inside the switcher's toggle, between its icon and its label.
-      { label: "inside the switcher's toggle", at: (html: string) => html.indexOf('<span data-switcher-label') },
+      // Inside the switcher's toggle, between its first view icon (Recent's)
+      // and the others.
+      { label: "inside the switcher's toggle", at: (html: string) => html.indexOf('<span data-switcher-icon="waiting"') },
       // Inside #chat-form, straight after its opening tag: CI's frame (the
       // form 58px with only its first <input>, then 102px) made deterministic.
       { label: 'inside the composer', at: (html: string) => { const n = html.indexOf('<form id="chat-form"'); return n < 0 ? -1 : html.indexOf('>', n) + 1; } },
diff --git a/e2e/tests/composer-switcher.spec.ts b/e2e/tests/composer-switcher.spec.ts
index 5127443e..c0172150 100644
--- a/e2e/tests/composer-switcher.spec.ts
+++ b/e2e/tests/composer-switcher.spec.ts
@@ -158,12 +158,12 @@ test('after a boosted navigation and Back, the chip, Hide, a new ask and the vie
 
   // The view menu still works.
   const toggle = page.locator('#switcher-toggle');
-  await expect(toggle).toHaveText('Recent');
+  await expect(toggle.locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'recent');
   await pickView(page, 'pins');
-  await expect(toggle).toHaveText('Pins');
+  await expect(toggle.locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'pins');
   await expect(row(page, 'pins')).toBeVisible();
   await pickView(page, 'recent');
-  await expect(toggle).toHaveText('Recent');
+  await expect(toggle.locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'recent');
   // The chip reopens; Hide hides again.
   await expect(chip(page)).toHaveText('1 waiting');
   await chip(page).click();
@@ -243,14 +243,15 @@ test('the switcher below the input: Recent without this page, Pins, All with it
   expect(Math.abs(b.y + b.height - (form.y + form.height)), 'in the room the form reserves at its bottom').toBeLessThanOrEqual(1);
   expect(b.y + b.height, 'and on screen').toBeLessThanOrEqual(page.viewportSize()!.height + 1);
 
-  // Every control in the bar is a 44px target.
+  // Every control in the bar is a 44px target. (The ⋯ menu's item is in a
+  // closed popover here: zero-sized, so skipped.)
   const small = await bar(page).locator('a, button').evaluateAll((els) =>
     els.filter((e) => { const r = e.getBoundingClientRect(); return r.width > 0 && (r.height < 44 || r.width < 44); }).map((e) => e.outerHTML.slice(0, 80)));
   expect(small, 'controls under 44px in the bar').toEqual([]);
 
   // Recent: the visits, newest first, without this page.
   const toggle = page.locator('#switcher-toggle');
-  await expect(toggle).toHaveText('Recent');
+  await expect(toggle.locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'recent');
   await expect(row(page, 'recent')).toBeVisible();
   const recent = await hrefs(page, 'recent');
   expect(recent.slice(0, 2), 'newest first').toEqual(['/agents/release-helper', '/agents/notes-tidy']);
@@ -258,14 +259,14 @@ test('the switcher below the input: Recent without this page, Pins, All with it
 
   // Pins.
   await pickView(page, 'pins');
-  await expect(toggle).toHaveText('Pins');
+  await expect(toggle.locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'pins');
   await expect(row(page, 'recent')).toBeHidden();
   await expect(row(page, 'pins')).toBeVisible();
   expect(await hrefs(page, 'pins')).toEqual(['/agents/release-helper']);
 
   // All: every agent, this one drawn as current (not a link).
   await pickView(page, 'all');
-  await expect(toggle).toHaveText('All');
+  await expect(toggle.locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'all');
   const all = row(page, 'all');
   await expect(all).toBeVisible();
   await expect(all.locator('[data-switcher-current]')).toHaveText('docs-sweeper');
@@ -275,12 +276,12 @@ test('the switcher below the input: Recent without this page, Pins, All with it
 
   // Kept: the next page comes up in All, drawn so before it is painted.
   await openAgent(page, 'notes-tidy');
-  await expect(toggle).toHaveText('All');
+  await expect(toggle.locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'all');
   await expect(row(page, 'all')).toBeVisible();
   await expect(row(page, 'recent')).toBeHidden();
   // Back to Recent from the menu.
   await pickView(page, 'recent');
-  await expect(toggle).toHaveText('Recent');
+  await expect(toggle.locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'recent');
 
   // A tap is a navigation to that session.
   await Promise.all([page.waitForURL((u) => u.pathname === '/agents/release-helper'), row(page, 'recent').locator('a[href^="/agents/release-helper?"], a[href="/agents/release-helper"]').first().click()]);
@@ -309,6 +310,95 @@ test('at 390px the bar never widens the page, whatever it holds', async ({ page
   }
 });
 
+// THE COMPACT BAR at a phone's size (the operator asked for icons in place
+// of the view labels, the pin in a three-dots menu, and less padding so more
+// of the session pills show): the pills' row gets the width, the view button
+// shows the view's icon and changes it with the view, and the ⋯ menu pins the
+// session. The Recent row's clientWidth on this page at 390px, measured: 174px
+// on the base (main before this change: a 72px labelled view button, 44px
+// search and pin, 8px gaps, in the pane's 358px), 226px here (three 44×44
+// icon buttons, no gaps). 210 is clear of the base and below this.
+test.describe('phone 390×844, the compact bar', () => {
+  test.use({ viewport: { width: 390, height: 844 }, hasTouch: true, isMobile: true });
+  test('the pills get the width, the view button\'s icon follows the view, and the ⋯ menu pins the session into Pins', async ({ page }) => {
+    await page.addInitScript(() => { try { if (!sessionStorage.getItem('cmp-cleared')) { localStorage.removeItem('muster.switcher.view'); sessionStorage.setItem('cmp-cleared', '1'); } } catch (e) {} });
+    await openAgent(page, 'docs-sweeper');
+    const id = await agentID(page, 'docs-sweeper');
+    await pin(page, id, false);
+    await page.reload();
+    await expect(bar(page)).toBeVisible();
+
+    // More pill width: the shown row's clientWidth.
+    const rowW = await row(page, 'recent').evaluate((el) => el.clientWidth);
+    expect(rowW, 'the pills\' row at 390px (174px on the base, 226px here)').toBeGreaterThanOrEqual(210);
+    // Every icon button: a 44×44 target (operator decision), inside the bar; the bar inside the page.
+    for (const sel of ['#switcher-toggle', '#switcher-search-open', '#switcher-more-btn']) {
+      const b = (await page.locator(sel).boundingBox())!;
+      expect([Math.round(b.width), Math.round(b.height)], `${sel} is 44×44`).toEqual([44, 44]);
+    }
+    const bb = (await bar(page).boundingBox())!;
+    expect(bb.x + bb.width, 'the bar ends inside the viewport').toBeLessThanOrEqual(390 + 0.5);
+
+    // The view button: an icon, no words, named for the view; it changes with
+    // the view and the button does not move or resize.
+    const toggle = page.locator('#switcher-toggle');
+    const shown = toggle.locator('[data-switcher-icon]:visible');
+    await expect(toggle).toHaveText('');
+    await expect(shown).toHaveAttribute('data-switcher-icon', 'recent');
+    await expect(toggle).toHaveAccessibleName('Showing Recent sessions; choose a view');
+    const tb = (await toggle.boundingBox())!;
+    for (const [key, name] of [['all', 'All'], ['waiting', 'Waiting'], ['pins', 'Pins']]) {
+      await toggle.tap();
+      await expect(page.locator(`#switcher-views [data-switcher-pick="${key}"] [data-switcher-menu-icon="${key}"]`), 'the menu draws the icon beside the words').toBeVisible();
+      await page.locator(`#switcher-views [data-switcher-pick="${key}"]`).tap();
+      await expect(page.locator('#switcher-views')).toBeHidden();
+      await expect(shown).toHaveCount(1);
+      await expect(shown).toHaveAttribute('data-switcher-icon', key);
+      await expect(toggle).toHaveAccessibleName(`Showing ${name} sessions; choose a view`);
+      await expect(toggle).toHaveAttribute('title', `Showing ${name} sessions; choose a view`);
+      expect(await toggle.boundingBox(), `the button stays put in ${key}`).toEqual(tb);
+    }
+    // Kept across a load, drawn before paint: Pins' icon, not Recent's.
+    await page.reload();
+    await expect(shown).toHaveAttribute('data-switcher-icon', 'pins');
+    const curPin = row(page, 'pins').locator('[data-switcher-current]');
+    await expect(curPin, 'control: this session is not pinned yet').toHaveCount(0);
+    const count = page.locator('#switcher-views [data-switcher-count="pins"]');
+    const n0 = Number(await count.textContent());
+
+    // The ⋯ menu: opened by a tap, above its button and on screen; Pin pins
+    // this session, the menu closes, and the Pins view holds it at once.
+    const more = page.locator('#switcher-more-btn');
+    const menu = page.locator('#switcher-more');
+    const item = page.locator('#switcher-pin');
+    await expect(item, 'no pin in the bar itself').toBeHidden();
+    await more.tap();
+    await expect(menu).toBeVisible();
+    await expect(more).toHaveAttribute('aria-expanded', 'true');
+    // Measured once its open animation (a rise and a scale) has finished.
+    await menu.evaluate((m) => Promise.all(m.getAnimations().map((a) => a.finished)));
+    const mb = (await menu.boundingBox())!, ob = (await more.boundingBox())!;
+    expect(mb.y + mb.height, 'the menu opens above the ⋯').toBeLessThanOrEqual(ob.y + 0.5);
+    expect(mb.x >= 0 && mb.x + mb.width <= 390 + 0.5, 'the menu is on screen').toBe(true);
+    await expect(item).toHaveAccessibleName('Pin this session');
+    pinned = id;
+    await item.tap();
+    await expect(menu, 'the menu closes once used').toBeHidden();
+    await expect(item).toHaveAttribute('data-pinned', 'true');
+    await expect(curPin, 'the Pins view holds this session').toHaveText('docs-sweeper');
+    await expect(curPin).toBeVisible();
+    await expect(count).toHaveText(String(n0 + 1));
+    // And Unpin from the same menu.
+    await more.tap();
+    await expect(item).toHaveAccessibleName('Unpin this session');
+    await item.tap();
+    await expect(item).toHaveAttribute('data-pinned', 'false');
+    await expect(curPin).toHaveCount(0);
+    await expect(count).toHaveText(String(n0));
+    await page.evaluate(() => { try { localStorage.removeItem('muster.switcher.view'); } catch (e) {} });
+  });
+});
+
 // LAYOUT SHIFT: the agent page with the bar, loaded in each view (the stored
 // choice applied before paint) and with a hidden ask restored, at both sizes.
 //
diff --git a/e2e/tests/host-icons.spec.ts b/e2e/tests/host-icons.spec.ts
index 195b1138..d9c01112 100644
--- a/e2e/tests/host-icons.spec.ts
+++ b/e2e/tests/host-icons.spec.ts
@@ -187,16 +187,16 @@ test.describe('scroll positions', () => {
     const visited = new URL(r.url()).pathname + new URL(r.url()).search;
     expect(before, 'control: the visited window was not in the Recent row yet').not.toContain(visited);
     const pin = page.locator('#switcher-pin');
-    const was = await pin.getAttribute('aria-pressed');
+    const was = await pin.getAttribute('data-pinned');
     try {
       await page.evaluate(() => (document.getElementById('switcher-pin') as HTMLElement).click());
-      await expect(pin).not.toHaveAttribute('aria-pressed', was!);
+      await expect(pin).not.toHaveAttribute('data-pinned', was!);
       await expect.poll(async () => (await hrefs())[0], 'the swap put the visited window first in the Recent row').toBe(visited);
       await page.waitForTimeout(300);
       expect((await pos(page)).x, 'the row kept its offset').toBe(200);
     } finally {
-      if ((await pin.getAttribute('aria-pressed')) !== was) await page.evaluate(() => (document.getElementById('switcher-pin') as HTMLElement).click());
-      await expect(pin).toHaveAttribute('aria-pressed', was!);
+      if ((await pin.getAttribute('data-pinned')) !== was) await page.evaluate(() => (document.getElementById('switcher-pin') as HTMLElement).click());
+      await expect(pin).toHaveAttribute('data-pinned', was!);
     }
   });
 });
diff --git a/e2e/tests/pins.spec.ts b/e2e/tests/pins.spec.ts
index e10c30e7..9f3da1a8 100644
--- a/e2e/tests/pins.spec.ts
+++ b/e2e/tests/pins.spec.ts
@@ -16,7 +16,8 @@ import { clsInit, readCls, settle } from '../lib/cls';
 // The operator asked "Add 'pinned' agents so they appear first in list". The
 // Agents list page — whose cards carried a pin toggle and drew the pinned ones
 // first — is retired: a session is pinned from its own page, by the session
-// switcher's pin toggle (#switcher-pin: "open it, then pin"), and the pinned
+// switcher's ⋯ menu (#switcher-more-btn, its item #switcher-pin: "open it,
+// then pin"), and the pinned
 // entries are the bar's Pins view and lead its All view. The host gives two
 // sessions SYNTHETIC codenames (quince, sable) through its labels file. The
 // entries pinned are the LEAST recently active (the two older windows, a
@@ -94,7 +95,10 @@ async function login(page: Page) {
   signedIn = await page.context().cookies(origin);
 }
 
+// pinToggle is the ⋯ menu's Pin / Unpin item (hidden until the ⋯ opens);
+// moreBtn the ⋯ that opens it.
 const pinToggle = (page: Page) => page.locator('#switcher-pin');
+const moreBtn = (page: Page) => page.locator('#session-switcher #switcher-more-btn');
 const viewRow = (page: Page, key: string) => page.locator(`#session-switcher [data-switcher-list="${key}"]`);
 // rowHrefs is a bar view's entries as their links ("current" for the page's
 // own, which is not one), each agent link without its ?session= query.
@@ -121,15 +125,22 @@ async function open(page: Page, url: string) {
   await rig.waitListed(page, 'pinq');
   await page.addInitScript(() => { try { localStorage.setItem('muster.switcher.view', 'all'); } catch (e) {} });
   await page.goto(origin + url);
-  await expect(pinToggle(page)).toBeVisible({ timeout: 20_000 });
+  await expect(moreBtn(page)).toBeVisible({ timeout: 20_000 });
+  await expect(pinToggle(page)).toBeAttached();
 }
 
-// pinHere taps the page's own pin toggle and waits until it says pinned (or not).
+// pinHere opens the bar's ⋯ menu, taps the page's own Pin (or Unpin) in it and
+// waits until it says pinned (or not) and the menu has closed.
 async function pinHere(page: Page, on: boolean, touch: boolean) {
   const t = pinToggle(page);
-  await expect(t).toHaveAttribute('aria-pressed', on ? 'false' : 'true');
+  await expect(t).toHaveAttribute('data-pinned', on ? 'false' : 'true');
+  await expect(t, 'the pin is in the ⋯ menu, not the bar').toBeHidden();
+  await (touch ? moreBtn(page).tap() : moreBtn(page).click());
+  await expect(t).toBeVisible();
+  await expect(t).toHaveAccessibleName(on ? 'Pin this session' : 'Unpin this session');
   await (touch ? t.tap() : t.click());
-  await expect(t).toHaveAttribute('aria-pressed', on ? 'true' : 'false');
+  await expect(t).toHaveAttribute('data-pinned', on ? 'true' : 'false');
+  await expect(page.locator('#switcher-more'), 'the menu closes once used').toBeHidden();
 }
 
 // noOverflow: the page never scrolls sideways.
@@ -161,7 +172,9 @@ for (const vp of [
       // Pin through the real control, on each one's own page: open it, then pin.
       for (const h of [agentPath, sableHref, quinceHref]) {
         await open(page, h);
-        expect((await pinToggle(page).boundingBox())!.width, 'the toggle is a 44px target').toBeGreaterThanOrEqual(44);
+        const mb = (await moreBtn(page).boundingBox())!;
+        expect(mb.width, 'the ⋯ is a 44px target').toBeGreaterThanOrEqual(44);
+        expect(mb.height, 'the ⋯ is a 44px target').toBeGreaterThanOrEqual(44);
         await pinHere(page, true, touch);
       }
       // On another session's page: Pins holds the three, and All leads with
@@ -184,8 +197,8 @@ for (const vp of [
       await Promise.all([page.waitForURL((u) => u.pathname + u.search === quinceHref), touch ? quince.tap() : quince.click()]);
       expect(new URL(page.url()).searchParams.get('session')).toBe('pinq');
 
-      // UNPIN from the same toggle, on each page.
-      await expect(pinToggle(page)).toHaveAttribute('aria-pressed', 'true');
+      // UNPIN from the same menu, on each page.
+      await expect(pinToggle(page)).toHaveAttribute('data-pinned', 'true');
       await pinHere(page, false, touch);
       for (const h of [sableHref, agentPath]) {
         await open(page, h);
@@ -227,7 +240,7 @@ for (const vp of [
         await page.keyboard.press('Escape');
         // Still pinned: its toggle, and the Pins view.
         await page.reload();
-        await expect(pinToggle(page), 'still pinned').toHaveAttribute('aria-pressed', 'true');
+        await expect(pinToggle(page), 'still pinned').toHaveAttribute('data-pinned', 'true');
         await expect(viewRow(page, 'pins').locator('[data-switcher-current]')).toHaveCount(1);
       } finally {
         if (id) await pinVia(page, false, { kind: 'agent', agent_id: id });
@@ -259,25 +272,31 @@ for (const vp of [
 
     // 🔴 A SHELL WINDOW CAN STILL BE PINNED. Its card's toggle pinned it while
     // the Agents list lived; with the list retired the one way to pin is the
-    // toggle on the session's own page ("open it, then pin"). A plain shell
-    // window's only page is its terminal, which draws the session switcher at
-    // its foot as every Terminal view does — so its pin toggle is the bar's,
-    // as on a Rendered view (the control), and the header has none. It pins
+    // bar's ⋯ menu on the session's own page ("open it, then pin"). A plain
+    // shell window's only page is its terminal, which draws the session
+    // switcher at its foot as every Terminal view does — so its pin is in the
+    // bar's ⋯ menu, as on a Rendered view (the control), and the header has
+    // none. It pins
     // and unpins, and the Pins view follows: on this page at once (the
     // answer's out-of-band rows), and on another session's page.
-    test("a shell window's terminal page carries the pin toggle in its bar, as a Rendered view does", async ({ page }) => {
+    test("a shell window's terminal page carries the pin in its bar's ⋯ menu, as a Rendered view does", async ({ page }) => {
       await open(page, sableHref);
-      await expect(page.locator('#session-switcher #switcher-pin'), "control: the Rendered view's bar has the toggle").toBeVisible();
+      await expect(page.locator('#session-switcher #switcher-more #switcher-pin'), "control: the Rendered view's ⋯ menu has the pin").toBeAttached();
       await page.goto(origin + shellHref);
       await expect(page.locator('#term-host-note, [aria-label="Terminal input"]').first(), 'the terminal page is drawn').toBeAttached();
-      const pin = page.locator('#session-switcher #switcher-pin');
-      await expect(pin, "the terminal bar's pin toggle").toBeVisible();
+      const pin = page.locator('#session-switcher #switcher-more #switcher-pin');
+      await expect(moreBtn(page), "the terminal bar's ⋯").toBeVisible();
       await expect(page.locator('header #switcher-pin'), 'the header has no pin of its own').toHaveCount(0);
-      await expect(page.locator('#switcher-pin'), 'one pin toggle on the page').toHaveCount(1);
+      await expect(page.locator('#switcher-pin'), 'one pin on the page').toHaveCount(1);
       await expect(page.locator('#view-rendered, #view-terminal'), 'a terminal-only window has no view switch').toHaveCount(0);
-      await expect(pin).toHaveAttribute('aria-pressed', 'false');
+      await expect(pin).toHaveAttribute('data-pinned', 'false');
+      // The bar spans the screen here (pinned at the column's foot): its
+      // shown row's width, all of what the compact bar gives the pills.
+      const rowW = await page.locator('#session-switcher [data-switcher-list]:not([hidden])').evaluate((el) => el.clientWidth);
+      if (vp.use.viewport.width === 390) expect(rowW, 'the pills\' row on a 390px Terminal view (182px on the base, 258px here)').toBeGreaterThanOrEqual(240);
+      await moreBtn(page).click();
       await pin.click();
-      await expect(page.locator('#session-switcher #switcher-pin')).toHaveAttribute('aria-pressed', 'true');
+      await expect(page.locator('#session-switcher #switcher-pin')).toHaveAttribute('data-pinned', 'true');
       // The answer's rows, out of band: this page's own Pins row holds it now.
       await expect(page.locator('#session-switcher [data-switcher-list="pins"] [data-switcher-current]'), "this page's Pins row follows").toHaveCount(1);
       try {
@@ -285,8 +304,9 @@ for (const vp of [
         await expect(viewRow(page, 'pins').locator(`a[href="${shellHref.replace(/&/g, '&amp;')}"], a[href="${shellHref}"]`).first(), 'the Pins view holds the shell window').toBeAttached();
       } finally {
         await page.goto(origin + shellHref);
+        await moreBtn(page).click();
         await page.locator('#session-switcher #switcher-pin').click();
-        await expect(page.locator('#session-switcher #switcher-pin')).toHaveAttribute('aria-pressed', 'false');
+        await expect(page.locator('#session-switcher #switcher-pin')).toHaveAttribute('data-pinned', 'false');
       }
     });
 
diff --git a/e2e/tests/switcher-search.spec.ts b/e2e/tests/switcher-search.spec.ts
index 7135f7cc..a0b360e1 100644
--- a/e2e/tests/switcher-search.spec.ts
+++ b/e2e/tests/switcher-search.spec.ts
@@ -126,7 +126,7 @@ for (const vp of [
       await ready(page);
       await page.addInitScript(() => { try { if (!sessionStorage.getItem('sws-cleared')) { localStorage.removeItem('muster.switcher.view'); sessionStorage.setItem('sws-cleared', '1'); } } catch (e) {} });
       await openView(page);
-      await expect(toggle(page)).toHaveText('Recent');
+      await expect(toggle(page).locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'recent');
       await expect(toggle(page)).toHaveAttribute('aria-haspopup', 'menu');
       await expect(toggle(page)).toHaveAttribute('aria-expanded', 'false');
       await expect(menu(page)).toBeHidden();
@@ -162,12 +162,12 @@ for (const vp of [
       // A pick: the view is shown, the menu closes, and it is kept.
       await (vp.w === 390 ? menu(page).locator('[data-switcher-pick="all"]').tap() : menu(page).locator('[data-switcher-pick="all"]').click());
       await expect(menu(page)).toBeHidden();
-      await expect(toggle(page)).toHaveText('All');
+      await expect(toggle(page).locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'all');
       await expect(page.locator('[data-switcher-list="all"]')).toBeVisible();
       await expect(page.locator('[data-switcher-list="recent"]')).toBeHidden();
       expect(await page.evaluate(() => localStorage.getItem('muster.switcher.view'))).toBe('all');
       await page.reload();
-      await expect(toggle(page)).toHaveText('All');
+      await expect(toggle(page).locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'all');
       await expect(page.locator('[data-switcher-list="all"]')).toBeVisible();
 
       // The keyboard: ArrowUp on the button opens with the shown view focused;
@@ -184,7 +184,7 @@ for (const vp of [
       await expect(menu(page).locator('[data-switcher-pick="pins"]')).toBeFocused();
       await page.keyboard.press('Enter');
       await expect(menu(page)).toBeHidden();
-      await expect(toggle(page)).toHaveText('Pins');
+      await expect(toggle(page).locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'pins');
       await expect(toggle(page)).toBeFocused();
       await page.keyboard.press('ArrowDown');
       await expect(menu(page)).toBeVisible();
@@ -192,7 +192,7 @@ for (const vp of [
       await expect(menu(page)).toBeHidden();
       await expect(toggle(page)).toHaveAttribute('aria-expanded', 'false');
       await expect(toggle(page)).toBeFocused();
-      await expect(toggle(page)).toHaveText('Pins');
+      await expect(toggle(page).locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'pins');
 
       // A tap outside closes it, and picks nothing.
       await toggle(page).click();
@@ -200,7 +200,7 @@ for (const vp of [
       const log = (await page.locator('#mv-log').boundingBox())!;
       await page.mouse.click(log.x + log.width / 2, log.y + Math.min(60, log.height / 2));
       await expect(menu(page)).toBeHidden();
-      await expect(toggle(page)).toHaveText('Pins');
+      await expect(toggle(page).locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'pins');
 
       // Reduced motion: it opens at once, no transition.
       await page.emulateMedia({ reducedMotion: 'reduce' });
diff --git a/e2e/tests/terminal.spec.ts b/e2e/tests/terminal.spec.ts
index 68002d52..d36bcc80 100644
--- a/e2e/tests/terminal.spec.ts
+++ b/e2e/tests/terminal.spec.ts
@@ -273,7 +273,7 @@ test.describe('the switcher at 390×844', () => {
     await expect(all).toBeVisible();
     await expect(all.locator('[data-switcher-current]'), 'the page\'s own agent, current').toHaveAttribute('data-switcher-code', name);
     await expect(bar.locator('[data-switcher-list="recent"] [data-switcher-code="' + name + '"]'), 'not in Recent').toHaveCount(0);
-    await expect(bar.locator('#switcher-pin'), 'the bar\'s pin').toHaveCount(1);
+    await expect(bar.locator('#switcher-more #switcher-pin'), 'the bar\'s pin, in its ⋯ menu').toHaveCount(1);
 
     const cls = await readCls(page);
     expect(cls.total, `layout shift ${JSON.stringify(cls.shifts)}`).toBeLessThan(0.01);
diff --git a/e2e/tests/uploads.spec.ts b/e2e/tests/uploads.spec.ts
index 0afe48f1..c888c049 100644
--- a/e2e/tests/uploads.spec.ts
+++ b/e2e/tests/uploads.spec.ts
@@ -389,7 +389,7 @@ for (const vp of [
       // view menu the bar's left button opens.
       await page.locator('#switcher-toggle').click();
       await page.locator('#switcher-views [data-switcher-pick="all"]').click();
-      await expect(page.locator('#switcher-toggle')).toHaveText('All');
+      await expect(page.locator('#switcher-toggle').locator('[data-switcher-icon]:visible')).toHaveAttribute('data-switcher-icon', 'all');
       await expect(bar.locator('[data-switcher-list="all"] [data-switcher-current]')).toHaveAttribute('data-switcher-entry', 'mirror');
     } finally {
       await ctx.close();
diff --git a/internal/api/pins_test.go b/internal/api/pins_test.go
index 540dc6cb..18f76f5f 100644
--- a/internal/api/pins_test.go
+++ b/internal/api/pins_test.go
@@ -377,9 +377,9 @@ func TestTheSwitcherPinToggleAnswersWithItselfAndTheBar(t *testing.T) {
 		t.Fatal("agent 7 was not pinned")
 	}
 	if !strings.HasPrefix(body, `<form method="post" action="/agents/pins/delete" data-switcher-pin=""`) ||
-		!strings.Contains(body, `id="switcher-pin" type="submit" aria-pressed="true" aria-label="Unpin this session"`) ||
+		!strings.Contains(body, `id="switcher-pin" type="submit" role="menuitem" data-pinned="true"`) || !strings.Contains(body, `<span>Unpin this session</span>`) ||
 		!strings.Contains(body, `name="back" value="/agents/idle-newest"`) || !strings.Contains(body, `name="agent_id" value="7"`) {
-		t.Errorf("the answer is not the toggle, pressed, posting Unpin for agent 7:\n%s", body)
+		t.Errorf("the answer is not the ⋯ menu's pin item, pinned, posting Unpin for agent 7:\n%s", body)
 	}
 	pinsRow := regexp.MustCompile(`<div id="switcher-list-pins" hx-swap-oob="innerHTML">(.*?)</div><span id="switcher-count-pins" hx-swap-oob="innerHTML">(\d+)</span>`).FindStringSubmatch(body)
 	if pinsRow == nil || !strings.Contains(pinsRow[1], `aria-current="page"`) || pinsRow[2] != "1" {
@@ -388,7 +388,7 @@ func TestTheSwitcherPinToggleAnswersWithItselfAndTheBar(t *testing.T) {
 
 	rec = pinPost(t, s, h, "/agents/pins/delete", agent7, true)
 	body = rec.Body.String()
-	if mp.pinFor(authz.OperatorUserID).Agents[7] || !strings.Contains(body, `aria-pressed="false" aria-label="Pin this session"`) ||
+	if mp.pinFor(authz.OperatorUserID).Agents[7] || !strings.Contains(body, `role="menuitem" data-pinned="false"`) || !strings.Contains(body, `<span>Pin this session</span>`) ||
 		!strings.Contains(body, `<span id="switcher-count-pins" hx-swap-oob="innerHTML">0</span>`) {
 		t.Errorf("unpin did not answer the unpressed toggle and an empty Pins count:\n%s", body)
 	}
@@ -441,7 +441,7 @@ func TestAPinFromATerminalViewAnswersWithTheBarsRows(t *testing.T) {
 		t.Run(c.name, func(t *testing.T) {
 			rec := pinPost(t, s, h, "/agents/pins", c.form, true)
 			body := rec.Body.String()
-			if rec.Code != http.StatusOK || !strings.Contains(body, `id="switcher-pin" type="submit" aria-pressed="true"`) {
+			if rec.Code != http.StatusOK || !strings.Contains(body, `id="switcher-pin" type="submit" role="menuitem" data-pinned="true"`) {
 				t.Fatalf("the pin = %d, not the pressed toggle:\n%s", rec.Code, body)
 			}
 			if !strings.Contains(body, `name="back" value="`+strings.ReplaceAll(c.form.Get("back"), "&", "&amp;")+`"`) {
diff --git a/internal/ui/pins.go b/internal/ui/pins.go
index 2a3d83e0..20b11d88 100644
--- a/internal/ui/pins.go
+++ b/internal/ui/pins.go
@@ -5,8 +5,8 @@ import (
 )
 
 // The pin routes (internal/api pins.go). The one toggle that posts here is the
-// session switcher's (SwitcherPinToggle): a form with hx-post, answered with
-// the toggle in its new state and the bar's rows out of band. It also carries
+// session switcher's (SwitcherPinToggle, the item of the bar's ⋯ menu): a
+// form with hx-post, answered with the item in its new state and the bar's rows out of band. It also carries
 // method/action, and without JavaScript the server sends the browser back to
 // the session's page.
 const (
@@ -30,5 +30,5 @@ func mirrorPinFields(m MirrorCardView) [][2]string {
 // ⚠ A PIN IS SET AND CLEARED FROM THE SESSION SWITCHER ONLY. The retired Agents
 // list drew pinned entries first and its cards carried a pin toggle; that page
 // is gone. A pinned entry is still ordered first in the switcher (orderList)
-// and shown in its Pins view, and the bar's toggle (switcher_pin.go) pins or
+// and shown in its Pins view, and the bar's ⋯ menu (switcher_pin.go) pins or
 // unpins the page's own session.
diff --git a/internal/ui/switcher.go b/internal/ui/switcher.go
index 9d5d1404..4fcfebf3 100644
--- a/internal/ui/switcher.go
+++ b/internal/ui/switcher.go
@@ -23,7 +23,11 @@ import (
 // depend on sending.
 //
 // FOUR VIEWS, picked from a menu the button on the bar's left opens (it
-// animates open UPWARD, the bar being at the screen's bottom — switcherViewMenu):
+// animates open UPWARD, the bar being at the screen's bottom — switcherViewMenu).
+// The button draws only the shown view's ICON (the operator asked for icons
+// in place of the views' text labels) — a clock, a bell, a pin, a grid —
+// named for a screen reader and on hover by its aria-label and title; the menu
+// lists each view's icon beside its words:
 //
 //   - Recent: the sessions the viewer last OPENED — the server-side,
 //     cross-device list internal/recents keeps (recents.go), newest first.
@@ -59,14 +63,22 @@ import (
 // text field) opens the command palette (palette.go): the same box from either
 // button, finding any session the All view holds.
 //
-// ON A SESSION'S PAGE THE BAR ALSO HAS A PIN (switcherPinToggle), beside the
-// search: it pins or unpins the page's own session — an agent, or the mirrored
-// window — in the viewer's pins (internal/pins), the set the Pins view shows.
+// ON A SESSION'S PAGE THE BAR ALSO HAS A ⋯ MENU (switcherMoreButton, at its
+// right end, after the search) holding Pin / Unpin (SwitcherPinToggle): it
+// pins or unpins the page's own session — an agent, or the mirrored window —
+// in the viewer's pins (internal/pins), the set the Pins view shows. A bar
+// with no page session draws no ⋯ (the pin is all it holds).
+//
+// 🔴 THE BAR IS TIGHT (switcherIconButtonClass, switcherPinnedPad,
+// switcherPillClass): icon buttons keep their 44×44 targets, but the bar has
+// no inset of its own beyond the safe area, no gaps between its controls, and
+// small pill padding — so the row of pills, what the bar is for, gets the
+// width.
 //
 // The bar draws no "+": the task-less dispatch sheet's "+", which the retired
 // Agents list's docked bar carried, is the sidebar's (navDeployButton).
 //
-// 🔴 THE MENU AND THE PALETTE ARE POPOVERS (the top layer), so opening either
+// 🔴 THE MENUS AND THE PALETTE ARE POPOVERS (the top layer), so opening any
 // moves nothing on the page: no layout shift, and no clipping by the
 // composer's box.
 //
@@ -75,8 +87,9 @@ import (
 // filled), its row is h-11 whatever it holds (an entry, an empty-state line),
 // and a view switch only toggles which row is shown. The viewer's choice of
 // view is a per-device convenience kept in localStorage; the inline script
-// right after the bar applies it before the bar is painted, so a page that
-// loads in "All" never shows "Recent" first.
+// right after the bar applies it — the row, and the view button's icon —
+// before the bar is painted, so a page that loads in "All" never shows
+// "Recent" (or its clock) first.
 //
 // 🔴 IT SCROLLS SIDEWAYS INSIDE ITSELF (each row is overflow-x-auto, min-w-0),
 // so thirty long names never widen the page.
@@ -102,16 +115,28 @@ const (
 	SwitcherAll     = "all"
 )
 
-// switcherViews is the menu's views, in order: each view's key, its button
-// label (short: the button is a fixed 4.5rem), its menu item's words, and what
-// its row says when it holds nothing.
-var switcherViews = []struct{ key, label, menu, empty string }{
-	{SwitcherRecent, "Recent", "Recent", "No other recent sessions"},
-	{SwitcherWaiting, "Waiting", "Waiting on you", "Nothing is waiting on you"},
-	{SwitcherPins, "Pins", "Pins", "Nothing pinned"},
-	{SwitcherAll, "All", "All", "No other sessions"},
+// switcherViews is the menu's views, in order: each view's key, its short name
+// (what the view button's accessible name and title say, and its icon's
+// label — the button draws only the icon), its icon (switcherIcon*), its
+// menu item's words, and what its row says when it holds nothing.
+var switcherViews = []struct{ key, name, icon, menu, empty string }{
+	{SwitcherRecent, "Recent", switcherIconClock, "Recent", "No other recent sessions"},
+	{SwitcherWaiting, "Waiting", switcherIconBell, "Waiting on you", "Nothing is waiting on you"},
+	{SwitcherPins, "Pins", switcherIconPin, "Pins", "Nothing pinned"},
+	{SwitcherAll, "All", switcherIconGrid, "All", "No other sessions"},
 }
 
+// The views' icons, each a whole 16px inline SVG, decorative (aria-hidden):
+// what names the view is the element around it (switcherBar's icon span, the
+// menu item's words). A clock for Recent, a bell for Waiting, the pin the
+// pins use for Pins (pins.go), a grid of four for All.
+const (
+	switcherIconClock = `<svg class="h-4 w-4 shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd"/></svg>`
+	switcherIconBell  = `<svg class="h-4 w-4 shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 2a6 6 0 00-6 6c0 1.887-.454 3.665-1.257 5.234a.75.75 0 00.515 1.076 32.91 32.91 0 003.256.508 3.5 3.5 0 006.972 0 32.903 32.903 0 003.256-.508.75.75 0 00.515-1.076A11.448 11.448 0 0116 8a6 6 0 00-6-6zM8.05 14.943a33.54 33.54 0 003.9 0 2 2 0 01-3.9 0z" clip-rule="evenodd"/></svg>`
+	switcherIconPin   = pinIcon
+	switcherIconGrid  = `<svg class="h-4 w-4 shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M4.25 2A2.25 2.25 0 002 4.25v2.5A2.25 2.25 0 004.25 9h2.5A2.25 2.25 0 009 6.75v-2.5A2.25 2.25 0 006.75 2h-2.5zm0 9A2.25 2.25 0 002 13.25v2.5A2.25 2.25 0 004.25 18h2.5A2.25 2.25 0 009 15.75v-2.5A2.25 2.25 0 006.75 11h-2.5zm9-9A2.25 2.25 0 0011 4.25v2.5A2.25 2.25 0 0013.25 9h2.5A2.25 2.25 0 0018 6.75v-2.5A2.25 2.25 0 0015.75 2h-2.5zm0 9A2.25 2.25 0 0011 13.25v2.5A2.25 2.25 0 0013.25 18h2.5A2.25 2.25 0 0018 15.75v-2.5A2.25 2.25 0 0015.75 11h-2.5z" clip-rule="evenodd"/></svg>`
+)
+
 // switcherRecentMax is how many entries Recent shows.
 const switcherRecentMax = 8
 
@@ -364,13 +389,13 @@ func (s *Switcher) view(key string) []SwitcherItem {
 }
 
 // switcherBar is the bar: the view button, one row per view (Recent shown, the
-// others hidden until the script picks them), and the search button — then
-// the view menu and the search palette, both popovers. pinned: the bar spans
-// the screen and is the last thing above its edge — the last row of the
-// Rendered view's pinned composer, or of a Terminal view's column (in flow, at
-// the column's foot) — so it is inset like a composer's rows and padded by the
-// safe-area inset; otherwise (the agent page, inside its already-inset pane)
-// it lines up with the form above it.
+// others hidden until the script picks them), the search button and, on a
+// session's page, the ⋯ — then the view menu and the ⋯ menu, both popovers.
+// pinned: the bar spans the screen and is the last thing above its edge — the
+// last row of the Rendered view's pinned composer, or of a Terminal view's
+// column (in flow, at the column's foot) — so it is inset (switcherPinnedPad)
+// and padded by the safe-area insets; otherwise (the agent page, inside its
+// already-inset pane) it lines up with the form above it.
 // Nothing when s is nil.
 func switcherBar(s *Switcher, pinned bool) g.Node {
 	if s == nil {
@@ -400,16 +425,17 @@ func switcherBar(s *Switcher, pinned bool) g.Node {
 			// also land with the <nav> parsed and its row not yet, a 1px bar at
 			// the bottom that then grew to 45px and moved up by 44 (measured on a
 			// 200-message agent page under a parser stall inside the bar).
-			Class("absolute inset-x-0 bottom-0 border-t border-line bg-bg "+switcherHeight(pinned)+classIf(pinned, " px-3 pb-[env(safe-area-inset-bottom)]")+" [&[data-switcher-pending]]:invisible"),
+			Class("absolute inset-x-0 bottom-0 border-t border-line bg-bg "+switcherHeight(pinned)+classIf(pinned, " "+switcherPinnedPad)+" [&[data-switcher-pending]]:invisible"),
 			// 🔴 AND INVISIBLE UNTIL ITS SCRIPT (straight after it) HAS RUN: a
-			// frame can land mid-bar too, with the toggle's icon parsed and its
-			// label not, and the icon then moved aside for the label (0.00059 at
-			// 390px, with the title, under a parser stall there). The bar's room
-			// is reserved, so its appearing moves nothing; a <noscript> rule
-			// shows it without script.
+			// frame can land mid-bar too, with the button's Recent icon parsed and
+			// the stored view's not yet swapped in (0.00059 at 390px, with the
+			// title, under a parser stall there, when the button still had a
+			// text label). The bar's room is reserved, so its appearing moves
+			// nothing; a <noscript> rule shows it without script.
 			g.Attr("data-switcher-pending", ""),
 			Div(
-				Class("flex h-11 min-w-0 items-center gap-2"),
+				// No gap: each control's 44px box spaces its 32px face from the next.
+				Class("flex h-11 min-w-0 items-center"),
 				Button(
 					ID("switcher-toggle"),
 					Type("button"),
@@ -421,17 +447,28 @@ func switcherBar(s *Switcher, pinned bool) g.Node {
 					g.Attr("aria-controls", switcherMenuID),
 					g.Attr("aria-label", switcherToggleLabel(SwitcherRecent)),
 					g.Attr("title", switcherToggleLabel(SwitcherRecent)),
-					// A fixed width: the label changes on a pick, the row beside it
-					// must not move. 44px tall (the row's height), its face 32px.
-					Class("press group inline-flex h-11 w-[4.5rem] shrink-0 items-center"),
+					// ICON ONLY (the operator asked for an icon in place of the
+					// label): every view's icon is drawn, the shown view's
+					// visible and the others hidden, so a pick (and the stored
+					// view, before paint) only toggles `hidden` inside a fixed
+					// 32px face — nothing beside it moves. A 44×44 target.
+					Class(switcherIconButtonClass),
 					Span(
-						Class("inline-flex h-8 w-full items-center justify-center gap-1 rounded-lg bg-s2 text-xs font-semibold text-fg2 ring-1 ring-inset ring-line transition group-hover:bg-s3 group-aria-expanded:bg-s3 group-aria-expanded:text-fg"),
-						g.Raw(`<svg class="h-3.5 w-3.5 shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M2 5.75A.75.75 0 012.75 5h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 5.75zm0 4.25a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10zm0 4.25a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75a.75.75 0 01-.75-.75z" clip-rule="evenodd"/></svg>`),
-						Span(g.Attr("data-switcher-label", ""), g.Text(switcherViews[0].label)),
+						Class(switcherIconFaceClass+" group-aria-expanded:bg-s3 group-aria-expanded:text-fg"),
+						g.Group(g.Map(switcherViews, func(v struct{ key, name, icon, menu, empty string }) g.Node {
+							return Span(
+								g.Attr("data-switcher-icon", v.key),
+								g.Attr("role", "img"),
+								g.Attr("aria-label", v.name),
+								g.Attr("title", v.name),
+								g.If(v.key != SwitcherRecent, g.Attr("hidden", "")),
+								Class("inline-flex"),
+								g.Raw(v.icon),
+							)
+						})),
 					),
 				),
 				g.Group(rows),
-				switcherPinToggle(s),
 				Button(
 					ID(switcherSearchOpenID),
 					Type("button"),
@@ -444,14 +481,16 @@ func switcherBar(s *Switcher, pinned bool) g.Node {
 					g.Attr("aria-keyshortcuts", "/"),
 					g.Attr("aria-label", "Search sessions"),
 					g.Attr("title", "Search sessions (/)"),
-					Class("press group inline-flex h-11 w-11 shrink-0 items-center justify-center"),
+					Class(switcherIconButtonClass),
 					Span(
-						Class("inline-flex h-8 w-8 items-center justify-center rounded-lg bg-s2 text-fg2 ring-1 ring-inset ring-line transition group-hover:bg-s3"),
+						Class(switcherIconFaceClass),
 						g.Raw(searchIconSVG),
 					),
 				),
+				switcherMoreButton(s),
 			),
 			switcherViewMenu(s),
+			switcherMoreMenu(s),
 		),
 		switcherScript(),
 		NoScript(StyleEl(g.Raw(`#` + SwitcherID + ` { visibility: visible !important; }`))),
@@ -459,12 +498,31 @@ func switcherBar(s *Switcher, pinned bool) g.Node {
 }
 
 // The ids of the view menu and the bar's search button (the palette's own are
-// palette.go's).
+// palette.go's; the ⋯ menu's are switcher_pin.go's).
 const (
 	switcherMenuID       = "switcher-views"
 	switcherSearchOpenID = "switcher-search-open"
 )
 
+// 🔴 THE BAR IS TIGHT SO THE PILLS GET THE ROOM (the operator asked for less
+// padding around and on the bar's buttons, so more of the session pills
+// show). 🔴 BUT EVERY ICON BUTTON — the view button, the search, the ⋯ — KEEPS
+// A 44×44 TARGET (operator decision; e2e/tests/layout.spec.ts measures it):
+// the room comes from elsewhere. The pinned bar has no inset of its own (only
+// the safe-area insets: each button's 44px box already holds its 32px face
+// 6px in from the edge), the bar's row has no gaps between its controls (the
+// same 6px margins space them), and the pills are px-2. Measured at 390px
+// wide, the shown row's clientWidth: 182px → 258px on a Terminal view's
+// screen-wide bar (e2e/tests/pins.spec.ts), 174px → 226px on an agent's chat
+// page, inside its pane (e2e/tests/composer-switcher.spec.ts).
+const (
+	switcherIconButtonClass = "press group inline-flex h-11 w-11 shrink-0 items-center justify-center"
+	switcherIconFaceClass   = "inline-flex h-8 w-8 items-center justify-center rounded-lg bg-s2 text-fg2 ring-1 ring-inset ring-line transition group-hover:bg-s3"
+	// switcherPinnedPad is the pinned bar's inset: the safe-area insets at its
+	// sides and its foot, nothing more.
+	switcherPinnedPad = "pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)] pb-[env(safe-area-inset-bottom)]"
+)
+
 // switcherViewMenu is the menu the view button opens: one radio item per view,
 // the shown one checked, each with how many entries it holds (refreshed with
 // the rows on a restore: RestoreRefreshAttr). A popover (top
@@ -481,6 +539,9 @@ func switcherViewMenu(s *Switcher) g.Node {
 			g.Attr("data-switcher-pick", v.key),
 			Class("group flex min-h-[44px] w-full items-center gap-2 rounded-lg px-3 text-left text-sm font-medium text-fg outline-none transition hover:bg-s2 focus-visible:bg-s2 aria-checked:text-accent"),
 			g.Raw(`<svg class="h-4 w-4 shrink-0 invisible group-aria-checked:visible" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"/></svg>`),
+			// The view's icon, the one the bar's button shows for it — so the
+			// menu teaches what each icon means. Decorative: the words name it.
+			Span(g.Attr("data-switcher-menu-icon", v.key), Class("inline-flex text-fg2 group-aria-checked:text-accent"), g.Raw(v.icon)),
 			Span(Class("flex-1"), g.Text(v.menu)),
 			// The count is redrawn with the rows on a back/forward-cache restore
 			// (restore.go), from the same fresh copy, so it never disagrees with
@@ -571,7 +632,7 @@ func classIf(ok bool, s string) string {
 func switcherToggleLabel(key string) string {
 	for _, v := range switcherViews {
 		if v.key == key {
-			return "Showing " + v.label + " sessions; choose a view"
+			return "Showing " + v.name + " sessions; choose a view"
 		}
 	}
 	return ""
@@ -609,7 +670,7 @@ func switcherRow(s *Switcher, key, empty string, hidden bool) g.Node {
 		// and every entry still links the session it names now.
 		g.Attr(RestoreRefreshAttr, "switcher-"+key),
 		g.If(hidden, g.Attr("hidden", "")),
-		Class("flex min-w-0 flex-1 items-center gap-1.5 overflow-x-auto"),
+		Class("flex min-w-0 flex-1 items-center gap-1 overflow-x-auto"),
 		body,
 	)
 }
@@ -637,6 +698,10 @@ func switcherRefresh(s *Switcher) g.Node {
 // its min-w-0 box), never the page.
 const switcherEntryBoxClass = "inline-flex h-11 shrink-0 items-center"
 
+// switcherPillClass is an entry's drawn 32px pill (the colours follow it):
+// px-2 and gap-1, tight so more pills fit the row.
+const switcherPillClass = "inline-flex h-8 items-center gap-1 rounded-full px-2 text-xs font-semibold ring-1 ring-inset "
+
 // switcherLabelClass is an entry's label: one line, never truncated.
 const switcherLabelClass = "whitespace-nowrap"
 
@@ -646,7 +711,8 @@ func switcherEntry(it SwitcherItem) g.Node {
 	// 🔴 A 44px TAP TARGET AROUND A 32px PILL: the entry fills the bar's h-11
 	// row (every control in the app is a 44px target; e2e/tests/layout.spec.ts
 	// measures it), and only the pill inside it is drawn.
-	const pill = "inline-flex h-8 items-center gap-1.5 rounded-full px-3 text-xs font-semibold ring-1 ring-inset "
+	// Padded px-2 (was px-3: the bar was tightened so more pills show).
+	const pill = switcherPillClass
 	const box = switcherEntryBoxClass
 	// The host's icon (#252): hostMark's fixed
 	// 16px box, server-rendered, so it moves nothing; decorative when the
@@ -795,13 +861,12 @@ var switcherKeyboardJS = `if (!window.__musterSwitcherKb) {
 
 // switcherJS is the bar's script (switcherScript).
 var switcherJS = func() string {
-	views, labels, names := "[", "{", "{"
+	views, names := "[", "{"
 	for i, v := range switcherViews {
 		if i > 0 {
-			views, labels, names = views+",", labels+",", names+","
+			views, names = views+",", names+","
 		}
 		views += strconv.Quote(v.key)
-		labels += strconv.Quote(v.key) + ":" + strconv.Quote(v.label)
 		names += strconv.Quote(v.key) + ":" + strconv.Quote(switcherToggleLabel(v.key))
 	}
 	return `
@@ -812,7 +877,7 @@ var switcherJS = func() string {
   // and after Back an attribute guard left the restored toggle unbound.
   if (!bar || bar.__musterSwitcherBound) return;
   bar.__musterSwitcherBound = true;
-  var VIEWS = ` + views + `], LABELS = ` + labels + `}, NAMES = ` + names + `};
+  var VIEWS = ` + views + `], NAMES = ` + names + `};
   var KEY = '` + switcherViewKey + `';
   var btn = document.getElementById('switcher-toggle');
   var menu = document.getElementById('` + switcherMenuID + `');
@@ -822,7 +887,9 @@ var switcherJS = func() string {
     bar.setAttribute('data-switcher-view', v);
     var rows = bar.querySelectorAll('[data-switcher-list]');
     for (var i = 0; i < rows.length; i++) rows[i].hidden = rows[i].getAttribute('data-switcher-list') !== v;
-    btn.querySelector('[data-switcher-label]').textContent = LABELS[v];
+    // The button's icon: every view's is drawn, the shown one's not hidden.
+    var icons = btn.querySelectorAll('[data-switcher-icon]');
+    for (var j = 0; j < icons.length; j++) icons[j].hidden = icons[j].getAttribute('data-switcher-icon') !== v;
     btn.setAttribute('aria-label', NAMES[v]);
     btn.setAttribute('title', NAMES[v]);
     picks().forEach(function (p) { p.setAttribute('aria-checked', p.getAttribute('data-switcher-pick') === v ? 'true' : 'false'); });
@@ -843,15 +910,19 @@ var switcherJS = func() string {
     var vv = window.visualViewport;
     return vv ? vv.height + vv.offsetTop : window.innerHeight;
   }
-  function placeMenu() {
-    var r = btn.getBoundingClientRect();
-    menu.style.position = 'fixed';
-    menu.style.inset = 'auto';
-    menu.style.margin = '0';
+  // place puts popover m above its button b: left-aligned to it, or — the ⋯
+  // menu, at the bar's right end — right-aligned (right).
+  function place(m, b, right) {
+    var r = b.getBoundingClientRect();
+    m.style.position = 'fixed';
+    m.style.inset = 'auto';
+    m.style.margin = '0';
     var vw = document.documentElement.clientWidth;
-    menu.style.left = Math.max(8, Math.min(Math.round(r.left), vw - 8 - (menu.offsetWidth || 176))) + 'px';
-    menu.style.bottom = Math.max(8, Math.round(window.innerHeight - r.top + 4 - (window.innerHeight - bottomOf()))) + 'px';
+    if (right) m.style.right = Math.max(8, Math.round(vw - r.right)) + 'px';
+    else m.style.left = Math.max(8, Math.min(Math.round(r.left), vw - 8 - (m.offsetWidth || 176))) + 'px';
+    m.style.bottom = Math.max(8, Math.round(window.innerHeight - r.top + 4 - (window.innerHeight - bottomOf()))) + 'px';
   }
+  function placeMenu() { place(menu, btn, false); }
   var focusPick = false;
   // Placed BEFORE it is shown (beforetoggle): placed on toggle, it would be
   // painted once at the popover's default place and then jump.
@@ -901,7 +972,55 @@ var switcherJS = func() string {
     btn.focus();
   });
 
-  window.addEventListener('resize', function () { if (isOpen(menu)) placeMenu(); });
+  // --- the ⋯ menu (switcherMoreMenu; absent on a bar with no page session):
+  // opens UPWARD from its button, right-aligned to it (an arrow key on the
+  // button opens it too, focus on its item; Escape and Tab close it), and
+  // closes once an item is used (the pin's form posts on).
+  var more = document.getElementById('` + switcherMoreID + `');
+  var moreBtn = document.getElementById('` + switcherMoreBtnID + `');
+  var focusMore = false;
+  function moreItems() { return Array.prototype.slice.call(more.querySelectorAll('[role=menuitem]')).filter(function (b) { return !b.hidden; }); }
+  if (more && moreBtn) {
+    more.addEventListener('beforetoggle', function (e) { if (e.newState === 'open') place(more, moreBtn, true); });
+    more.addEventListener('toggle', function (e) {
+      var open = e.newState ? e.newState === 'open' : isOpen(more);
+      moreBtn.setAttribute('aria-expanded', open ? 'true' : 'false');
+      if (open) {
+        place(more, moreBtn, true);
+        var pal = document.getElementById('` + paletteID + `');
+        if (pal) hide(pal);
+        if (focusMore) { var it0 = moreItems()[0]; if (it0) it0.focus(); }
+        focusMore = false;
+      } else if (more.contains(document.activeElement)) {
+        moreBtn.focus();
+      }
+    });
+    moreBtn.addEventListener('click', function () { focusMore = true; });
+    moreBtn.addEventListener('keydown', function (e) {
+      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
+        e.preventDefault();
+        focusMore = true;
+        if (!isOpen(more)) more.showPopover();
+      }
+    });
+    // One item, so no arrows or Home/End to move between items.
+    more.addEventListener('keydown', function (e) {
+      if (e.key === 'Escape') { e.preventDefault(); e.stopPropagation(); hide(more); moreBtn.focus(); }
+      else if (e.key === 'Tab') { hide(more); }
+    });
+    // An item's form is submitted (htmx posts it — its listener is the
+    // form's, so it has run): the menu closes, and focus that was in it goes
+    // back to the ⋯ (focus elsewhere — a pill — is left where it is).
+    more.addEventListener('submit', function () {
+      if (more.contains(document.activeElement)) moreBtn.focus();
+      hide(more);
+    });
+  }
+
+  window.addEventListener('resize', function () {
+    if (isOpen(menu)) placeMenu();
+    if (more && moreBtn && isOpen(more)) place(more, moreBtn, true);
+  });
 
   // The out-of-band refresh rows (switcherOOBJS): bound per window AND
   // VERSION, not under a once-per-window flag — a window still running an
diff --git a/internal/ui/switcher_compact_test.go b/internal/ui/switcher_compact_test.go
new file mode 100644
index 00000000..3cc2a5bb
--- /dev/null
+++ b/internal/ui/switcher_compact_test.go
@@ -0,0 +1,279 @@
+package ui
+
+import (
+	"strings"
+	"testing"
+
+	"golang.org/x/net/html"
+)
+
+// The compact bar (the operator asked for an icon in place of each view's
+// label, the pin moved into a three-dots menu, and less padding). These tests name every id, class and string literally
+// (never through the code's own constants), so they compile, and fail, against
+// the bar before the change.
+
+// cpParse is page as an HTML tree.
+func cpParse(t *testing.T, page string) *html.Node {
+	t.Helper()
+	doc, err := html.Parse(strings.NewReader(page))
+	if err != nil {
+		t.Fatal(err)
+	}
+	return doc
+}
+
+// cpFind is every element under n for which ok holds, in document order.
+func cpFind(n *html.Node, ok func(*html.Node) bool) []*html.Node {
+	var out []*html.Node
+	var walk func(*html.Node)
+	walk = func(c *html.Node) {
+		if c.Type == html.ElementNode && ok(c) {
+			out = append(out, c)
+		}
+		for k := c.FirstChild; k != nil; k = k.NextSibling {
+			walk(k)
+		}
+	}
+	walk(n)
+	return out
+}
+
+// cpByID is the one element of id under n; nil when there is none.
+func cpByID(t *testing.T, n *html.Node, id string) *html.Node {
+	t.Helper()
+	got := cpFind(n, func(e *html.Node) bool { v, _ := svAttr(e, "id"); return v == id })
+	if len(got) > 1 {
+		t.Fatalf("%d elements of id %q", len(got), id)
+	}
+	if len(got) == 0 {
+		return nil
+	}
+	return got[0]
+}
+
+// cpText is n's text, its children's included.
+func cpText(n *html.Node) string {
+	var b strings.Builder
+	var walk func(*html.Node)
+	walk = func(c *html.Node) {
+		if c.Type == html.TextNode {
+			b.WriteString(c.Data)
+		}
+		for k := c.FirstChild; k != nil; k = k.NextSibling {
+			walk(k)
+		}
+	}
+	walk(n)
+	return strings.TrimSpace(b.String())
+}
+
+// cpInside reports whether n is a descendant of an element of id.
+func cpInside(n *html.Node, id string) bool {
+	for p := n.Parent; p != nil; p = p.Parent {
+		if v, _ := svAttr(p, "id"); v == id {
+			return true
+		}
+	}
+	return false
+}
+
+// TestTheViewButtonIsAnIconNamedForEachView: the view button draws NO text,
+// only an icon per view — the shown one (Recent) visible, the others hidden —
+// each a role=img named by the view's name (aria-label and title); the button
+// itself is named for the shown view (aria-label and title). The four icons
+// are four DIFFERENT drawings. The script swaps the icon, not a label. And
+// the menu keeps each view's words, with that view's icon beside them. Red
+// before: the button drew the word "Recent" and no per-view icon.
+func TestTheViewButtonIsAnIconNamedForEachView(t *testing.T) {
+	list, mirrors := switcherFixture()
+	page := renderString(t, switcherBar(NewSwitcher(list, mirrors, nil, SwitcherCurrent{AgentID: 1}), true))
+	doc := cpParse(t, page)
+	btn := cpByID(t, doc, "switcher-toggle")
+	if btn == nil {
+		t.Fatal("no view button")
+	}
+	if got := cpText(btn); got != "" {
+		t.Errorf("the view button draws text %q; want an icon only", got)
+	}
+	for k, want := range map[string]string{"aria-label": "Showing Recent sessions; choose a view", "title": "Showing Recent sessions; choose a view"} {
+		if v, _ := svAttr(btn, k); v != want {
+			t.Errorf("the view button's %s = %q, want %q", k, v, want)
+		}
+	}
+	icons := cpFind(btn, func(e *html.Node) bool { _, ok := svAttr(e, "data-switcher-icon"); return ok })
+	want := []struct{ key, name string }{{"recent", "Recent"}, {"waiting", "Waiting"}, {"pins", "Pins"}, {"all", "All"}}
+	if len(icons) != len(want) {
+		t.Fatalf("the view button holds %d view icons, want %d", len(icons), len(want))
+	}
+	drawn := map[string]string{}
+	for i, w := range want {
+		ic := icons[i]
+		key, _ := svAttr(ic, "data-switcher-icon")
+		role, _ := svAttr(ic, "role")
+		label, _ := svAttr(ic, "aria-label")
+		title, _ := svAttr(ic, "title")
+		_, hidden := svAttr(ic, "hidden")
+		if key != w.key || role != "img" || label != w.name || title != w.name {
+			t.Errorf("icon %d = key %q role %q aria-label %q title %q; want %s, img, %s, %s", i, key, role, label, title, w.key, w.name, w.name)
+		}
+		if hidden != (w.key != "recent") {
+			t.Errorf("icon %s hidden = %v; only Recent's is shown at first", w.key, hidden)
+		}
+		svg := cpFind(ic, func(e *html.Node) bool { return e.Data == "svg" })
+		if len(svg) != 1 {
+			t.Fatalf("icon %s holds %d svgs", w.key, len(svg))
+		}
+		var b strings.Builder
+		if err := html.Render(&b, svg[0]); err != nil {
+			t.Fatal(err)
+		}
+		if other, dup := drawn[b.String()]; dup {
+			t.Errorf("views %s and %s draw the same icon", other, w.key)
+		}
+		drawn[b.String()] = w.key
+	}
+	// The script swaps the icon by data-switcher-icon (before paint, with the
+	// stored view) and names the button; it reads no label span.
+	js := page[strings.Index(page, "<script>"):]
+	if !strings.Contains(js, "[data-switcher-icon]") || strings.Contains(js, "data-switcher-label") {
+		t.Error("the bar's script does not swap the icon (or still writes a text label)")
+	}
+	if strings.Contains(page, "data-switcher-label") {
+		t.Error("the bar still draws a text label")
+	}
+	// The menu: each item its view's words AND its icon (the same drawing).
+	menu := cpByID(t, doc, "switcher-views")
+	for _, w := range []struct{ key, words string }{{"recent", "Recent"}, {"waiting", "Waiting on you"}, {"pins", "Pins"}, {"all", "All"}} {
+		item := cpFind(menu, func(e *html.Node) bool { v, _ := svAttr(e, "data-switcher-pick"); return v == w.key })
+		if len(item) != 1 {
+			t.Fatalf("%d menu items for %s", len(item), w.key)
+		}
+		if !strings.HasPrefix(cpText(item[0]), w.words) {
+			t.Errorf("menu item %s reads %q, want it to start %q", w.key, cpText(item[0]), w.words)
+		}
+		ic := cpFind(item[0], func(e *html.Node) bool { v, _ := svAttr(e, "data-switcher-menu-icon"); return v == w.key })
+		if len(ic) != 1 {
+			t.Errorf("menu item %s has no icon of its own", w.key)
+			continue
+		}
+		var b strings.Builder
+		_ = html.Render(&b, cpFind(ic[0], func(e *html.Node) bool { return e.Data == "svg" })[0])
+		if drawn[b.String()] != w.key {
+			t.Errorf("menu item %s's icon is not the one the button draws for it", w.key)
+		}
+	}
+}
+
+// TestThePinIsInTheMoreMenu: on a session's page the bar draws a ⋯ button — a
+// menu button (popovertarget, aria-haspopup=menu, aria-expanded=false) — at
+// its right end, AFTER the search, opening a popover role=menu that holds the
+// pin's form: posting the subject's fields to pin (unpinned) or unpin
+// (pinned), with view=switcher and the page to come back to, its button a
+// menuitem with the one #switcher-pin id. Red before: no ⋯, the pin a button
+// of its own in the bar.
+func TestThePinIsInTheMoreMenu(t *testing.T) {
+	list, mirrors := switcherFixture() // ag-two and mango:2 (@2) pinned
+	for _, c := range []struct {
+		name, action, pinned, words string
+		cur                         SwitcherCurrent
+		fields                      map[string]string
+	}{
+		{"an unpinned agent", PinPath, "false", "Pin this session", SwitcherCurrent{AgentID: 1},
+			map[string]string{"kind": "agent", "agent_id": "1", "view": "switcher", "back": "/agents/ag-one"}},
+		{"a pinned agent", UnpinPath, "true", "Unpin this session", SwitcherCurrent{AgentID: 2},
+			map[string]string{"kind": "agent", "agent_id": "2", "view": "switcher", "back": "/agents/ag-two"}},
+		{"a pinned window", UnpinPath, "true", "Unpin this session", SwitcherCurrent{Mirror: MirrorRef{Host: "tower", Session: "w", Window: "@2"}},
+			map[string]string{"kind": "mirror", "host": "tower", "session": "w", "window": "@2", "view": "switcher"}},
+		{"an unpinned window on its Terminal view", PinPath, "false", "Pin this session", SwitcherCurrent{Mirror: MirrorRef{Host: "tower", Session: "w", Window: "@1"}, Back: "/mirror/terminal?host=tower"},
+			map[string]string{"kind": "mirror", "host": "tower", "session": "w", "window": "@1", "back": "/mirror/terminal?host=tower"}},
+	} {
+		t.Run(c.name, func(t *testing.T) {
+			page := renderString(t, switcherBar(NewSwitcher(list, mirrors, nil, c.cur), true))
+			doc := cpParse(t, page)
+			btn := cpByID(t, doc, "switcher-more-btn")
+			if btn == nil {
+				t.Fatal("no ⋯ button")
+			}
+			for k, want := range map[string]string{"type": "button", "popovertarget": "switcher-more", "aria-haspopup": "menu", "aria-expanded": "false", "aria-controls": "switcher-more", "aria-label": "More for this session"} {
+				if v, _ := svAttr(btn, k); v != want {
+					t.Errorf("the ⋯ button's %s = %q, want %q", k, v, want)
+				}
+			}
+			if s, m := strings.Index(page, `id="switcher-search-open"`), strings.Index(page, `id="switcher-more-btn"`); s < 0 || m < s {
+				t.Errorf("the ⋯ is not after the search (search %d, ⋯ %d)", s, m)
+			}
+			menu := cpByID(t, doc, "switcher-more")
+			if menu == nil {
+				t.Fatal("no ⋯ menu")
+			}
+			for k, want := range map[string]string{"popover": "", "role": "menu"} {
+				if v, ok := svAttr(menu, k); !ok || v != want {
+					t.Errorf("the ⋯ menu's %s = %q (%v), want %q", k, v, ok, want)
+				}
+			}
+			forms := cpFind(doc, func(e *html.Node) bool { _, ok := svAttr(e, "data-switcher-pin"); return ok })
+			if len(forms) != 1 || !cpInside(forms[0], "switcher-more") {
+				t.Fatalf("%d pin forms, want one inside the ⋯ menu", len(forms))
+			}
+			f := forms[0]
+			for k, want := range map[string]string{"method": "post", "action": c.action, "hx-post": c.action, "hx-target": "this", "hx-swap": "outerHTML"} {
+				if v, _ := svAttr(f, k); v != want {
+					t.Errorf("the pin form's %s = %q, want %q", k, v, want)
+				}
+			}
+			got := map[string]string{}
+			for _, in := range cpFind(f, func(e *html.Node) bool { return e.Data == "input" }) {
+				n, _ := svAttr(in, "name")
+				v, _ := svAttr(in, "value")
+				got[n] = v
+			}
+			for k, v := range c.fields {
+				if got[k] != v {
+					t.Errorf("field %s = %q, want %q", k, got[k], v)
+				}
+			}
+			item := cpByID(t, doc, "switcher-pin")
+			if item == nil || !cpInside(item, "switcher-more") {
+				t.Fatal("no #switcher-pin inside the ⋯ menu")
+			}
+			role, _ := svAttr(item, "role")
+			typ, _ := svAttr(item, "type")
+			pinned, _ := svAttr(item, "data-pinned")
+			if role != "menuitem" || typ != "submit" || pinned != c.pinned || cpText(item) != c.words {
+				t.Errorf("the pin item = role %q type %q data-pinned %q %q; want menuitem submit %s %q", role, typ, pinned, cpText(item), c.pinned, c.words)
+			}
+			if _, bad := svAttr(item, "aria-pressed"); bad {
+				t.Error("a menuitem carries aria-pressed (not allowed on role=menuitem)")
+			}
+		})
+	}
+}
+
+// TestNoStandalonePinInTheBar: the bar's row — what is drawn in the bar
+// itself, outside its popovers — holds no pin form and no pin button; and a
+// bar with no page session (or one not among the entries) draws no ⋯ and no
+// pin at all. Red before: the pin form sat in the row, beside the search.
+func TestNoStandalonePinInTheBar(t *testing.T) {
+	list, mirrors := switcherFixture()
+	page := renderString(t, switcherBar(NewSwitcher(list, mirrors, nil, SwitcherCurrent{AgentID: 1}), true))
+	doc := cpParse(t, page)
+	inRow := cpFind(doc, func(e *html.Node) bool {
+		_, form := svAttr(e, "data-switcher-pin")
+		id, _ := svAttr(e, "id")
+		return (form || id == "switcher-pin") && !cpInside(e, "switcher-more")
+	})
+	if len(inRow) != 0 {
+		t.Errorf("%d pin elements drawn in the bar outside the ⋯ menu", len(inRow))
+	}
+	if cpByID(t, doc, "switcher-pin") == nil {
+		t.Fatal("CONTROL: the page's session has no pin at all")
+	}
+	for name, cur := range map[string]SwitcherCurrent{"no page session": {}, "a session not listed": {AgentID: 99}} {
+		none := renderString(t, switcherBar(NewSwitcher(list, mirrors, nil, cur), true))
+		for _, banned := range []string{"data-switcher-pin", `id="switcher-pin"`, `id="switcher-more"`, `id="switcher-more-btn"`} {
+			if strings.Contains(none, banned) {
+				t.Errorf("%s: the bar draws %s", name, banned)
+			}
+		}
+	}
+}
diff --git a/internal/ui/switcher_pin.go b/internal/ui/switcher_pin.go
index 71e21e05..88cbb29c 100644
--- a/internal/ui/switcher_pin.go
+++ b/internal/ui/switcher_pin.go
@@ -11,37 +11,48 @@ import (
 // THE SESSION SWITCHER'S PIN (operator ask: "a way to pin the current
 // session, the current agent, from within the rendered view"): on a session's
 // page — a dispatched agent's chat, a mirrored window's Rendered view or
-// terminal — the bar holds a pin toggle for the page's OWN session, beside its
-// search. It pins one of the two subjects: the agent (by id), or the
-// mirrored window (host, session, window) — the two subjects internal/pins
+// terminal — the bar's ⋯ menu (switcherMoreMenu) holds Pin / Unpin for the
+// page's OWN session. It pins one of the two subjects: the agent (by id), or
+// the mirrored window (host, session, window) — the two subjects internal/pins
 // has; there is no other kind of pin.
 //
 // It is in the bar, not the header: the Rendered view's header keeps its
 // title at least 150px wide on a 393px phone (e2e/tests/title-room.spec.ts,
 // an operator ask), and one more 44px button there would take that from it.
-// The bar is also where the Pins view it changes is.
+// The bar is also where the Pins view it changes is. And it is in a ⋯ menu,
+// not a button of its own (the operator asked for the pin to move into a
+// three-dots menu), so the bar's width goes to the pills.
 //
-// Posted by htmx, the answer is the toggle in its new state and the bar's
+// Posted by htmx, the answer is the menu item in its new state and the bar's
 // rows and counts out of band (switcherRefresh), so the Pins view and its
-// count follow at once. Without script the form posts and the server sends
-// the browser back to the session's page (back).
+// count follow at once. Without script the ⋯ still opens (a popover the
+// button opens itself), the form posts and the server sends the browser back
+// to the session's page (back).
 
-// SwitcherPinID is the bar's pin toggle button.
+// SwitcherPinID is the pin's menu item (a submit button): one per page.
 const SwitcherPinID = "switcher-pin"
 
+// The ⋯ menu and its button.
+const (
+	switcherMoreID    = "switcher-more"
+	switcherMoreBtnID = "switcher-more-btn"
+	// SwitcherMoreLabel is the ⋯ button's accessible name.
+	SwitcherMoreLabel = "More for this session"
+)
+
 // SwitcherPinView is the form field value that asks the pin routes to answer
-// with the bar's toggle (internal/api pins.go) rather than an empty answer.
+// with the bar's pin item (internal/api pins.go) rather than an empty answer.
 const SwitcherPinView = "switcher"
 
-// switcherPin is the page's own session as the bar's pin toggle posts it.
+// switcherPin is the page's own session as the bar's pin item posts it.
 type switcherPin struct {
 	pinned bool
 	fields [][2]string
 	back   string
 }
 
-// newSwitcherPin is e's pin toggle: its subject's fields (pins.go) and the
-// page to come back to after a post without script.
+// newSwitcherPin is e's pin item: its subject's fields (pins.go) and the page
+// to come back to after a post without script.
 func newSwitcherPin(e listEntry) *switcherPin {
 	if e.agent != nil {
 		return &switcherPin{pinned: e.agent.Pinned, fields: agentPinFields(*e.agent), back: e.agent.PageHref()}
@@ -49,20 +60,60 @@ func newSwitcherPin(e listEntry) *switcherPin {
 	return &switcherPin{pinned: e.mirror.Pinned, fields: mirrorPinFields(*e.mirror), back: MirrorCardHref(*e.mirror)}
 }
 
-// switcherPinToggle is the bar's pin toggle for s's page; nothing when the
-// page is no session, or the entries are not known yet.
-func switcherPinToggle(s *Switcher) g.Node {
+// switcherMoreButton is the bar's ⋯ button, at its right end, opening
+// switcherMoreMenu; nothing when the page is no session (or its session is not
+// among the entries): the pin is all the menu holds.
+//
+// IT WORKS WITHOUT SCRIPT, like the send queue's row menus
+// (sendQueueRowMenu): the menu is a POPOVER the button opens itself
+// (popovertarget), which closes on Escape and on a tap outside with no script,
+// and its item is a real form. The bar's script (switcherJS) opens it on an
+// arrow key too, closes it on Escape (focus back on the ⋯) and Tab, places it
+// above the button and keeps aria-expanded.
+func switcherMoreButton(s *Switcher) g.Node {
+	if s == nil || s.pin == nil {
+		return nil
+	}
+	return Button(
+		ID(switcherMoreBtnID),
+		Type("button"),
+		g.Attr("popovertarget", switcherMoreID),
+		g.Attr("aria-haspopup", "menu"),
+		g.Attr("aria-expanded", "false"),
+		g.Attr("aria-controls", switcherMoreID),
+		g.Attr("aria-label", SwitcherMoreLabel),
+		g.Attr("title", SwitcherMoreLabel),
+		Class(switcherIconButtonClass),
+		Span(
+			Class(switcherIconFaceClass+" group-aria-expanded:bg-s3 group-aria-expanded:text-fg"),
+			g.Raw(`<svg class="h-4 w-4 shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><circle cx="4" cy="10" r="1.75"/><circle cx="10" cy="10" r="1.75"/><circle cx="16" cy="10" r="1.75"/></svg>`),
+		),
+	)
+}
+
+// switcherMoreMenu is the ⋯ menu: a popover (top layer, out of flow — opening
+// it moves nothing) holding the pin item. Nothing when switcherMoreButton is.
+// Its open and close are animated in CSS (web/css/input.css, #switcher-more),
+// as the view menu's are.
+func switcherMoreMenu(s *Switcher) g.Node {
 	if s == nil || s.pin == nil {
 		return nil
 	}
-	return SwitcherPinToggle(s.pin.pinned, s.pin.fields, s.pin.back)
+	return Div(
+		ID(switcherMoreID),
+		g.Attr("popover", ""),
+		g.Attr("role", "menu"),
+		g.Attr("aria-label", "This session"),
+		Class("m-0 min-w-[12rem] rounded-xl border-0 bg-s1 p-1 text-fg shadow-lg ring-1 ring-line"),
+		SwitcherPinToggle(s.pin.pinned, s.pin.fields, s.pin.back),
+	)
 }
 
-// SwitcherPinToggle is the bar's pin toggle: a form posting fields (the
+// SwitcherPinToggle is the ⋯ menu's pin item: a form posting fields (the
 // subject) to PinPath — UnpinPath when pinned — with back, the page to return
-// to without script. Pressed (aria-pressed, the accent) when pinned. A 44px
-// target around a 32px face, like the search beside it, in the bar's fixed
-// h-11 row, so it moves nothing.
+// to without script. Its button is the menu item, named by its words: "Pin
+// this session", or "Unpin this session" (data-pinned="true", in the accent)
+// when pinned.
 func SwitcherPinToggle(pinned bool, fields [][2]string, back string) g.Node {
 	action, label := PinPath, "Pin this session"
 	if pinned {
@@ -72,7 +123,6 @@ func SwitcherPinToggle(pinned bool, fields [][2]string, back string) g.Node {
 		Method("post"),
 		Action(action),
 		g.Attr("data-switcher-pin", ""),
-		Class("shrink-0"),
 		hx("hx-post", action),
 		hx("hx-target", "this"),
 		hx("hx-swap", "outerHTML"),
@@ -86,19 +136,16 @@ func SwitcherPinToggle(pinned bool, fields [][2]string, back string) g.Node {
 		Button(
 			ID(SwitcherPinID),
 			Type("submit"),
-			g.Attr("aria-pressed", strconv.FormatBool(pinned)),
-			g.Attr("aria-label", label),
-			g.Attr("title", label),
+			g.Attr("role", "menuitem"),
+			g.Attr("data-pinned", strconv.FormatBool(pinned)),
 			hx("hx-disabled-elt", "this"),
-			Class("press group inline-flex h-11 w-11 items-center justify-center disabled:opacity-60"),
-			Span(
-				Class("inline-flex h-8 w-8 items-center justify-center rounded-lg bg-s2 text-fg2 ring-1 ring-inset ring-line transition group-hover:bg-s3 group-aria-pressed:bg-accent/15 group-aria-pressed:text-accent group-aria-pressed:ring-accent/40"),
-				g.Raw(pinIcon),
-			),
+			Class("press flex min-h-[44px] w-full items-center gap-2 rounded-lg px-3 text-left text-sm font-semibold text-fg transition hover:bg-s2 focus:bg-s2 focus:outline-none disabled:opacity-60 data-[pinned=true]:text-accent"),
+			g.Raw(pinIcon),
+			Span(g.Text(label)),
 		))...)
 }
 
-// RenderSwitcherPin writes the bar's pin toggle in its new state and, when s
+// RenderSwitcherPin writes the ⋯ menu's pin item in its new state and, when s
 // is not nil, the bar's rows and counts out of band (switcherRefresh).
 func RenderSwitcherPin(w io.Writer, pinned bool, fields [][2]string, back string, s *Switcher) error {
 	if err := SwitcherPinToggle(pinned, fields, back).Render(w); err != nil {
diff --git a/internal/ui/switcher_test.go b/internal/ui/switcher_test.go
index bab061c6..e4f9d89f 100644
--- a/internal/ui/switcher_test.go
+++ b/internal/ui/switcher_test.go
@@ -198,7 +198,7 @@ func TestTheSwitcherBarIsServerRenderedAtAFixedHeight(t *testing.T) {
 	if !strings.HasPrefix(nav, `<nav id="`+SwitcherID+`" aria-label="Switch session" data-switcher-view="recent" data-own-swipe=""`) {
 		t.Errorf("the bar's head:\n%s", nav)
 	}
-	if !strings.Contains(nav, " px-3 pb-[env(safe-area-inset-bottom)]") {
+	if !strings.Contains(nav, " pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)] pb-[env(safe-area-inset-bottom)]") {
 		t.Error("the pinned composer's last row is not inset, or does not pad for the safe area")
 	}
 	toggle := strings.Index(nav, `id="switcher-toggle"`)
@@ -206,11 +206,11 @@ func TestTheSwitcherBarIsServerRenderedAtAFixedHeight(t *testing.T) {
 	if toggle < 0 || first < 0 || toggle > first {
 		t.Fatalf("the toggle is not the bar's first control (toggle at %d, first row at %d)", toggle, first)
 	}
-	if !strings.Contains(nav, `<div class="flex h-11 min-w-0 items-center gap-2">`) {
+	if !strings.Contains(nav, `<div class="flex h-11 min-w-0 items-center">`) {
 		t.Error("the bar's row is not a fixed h-11")
 	}
 	for _, v := range switcherViews {
-		row := regexp.MustCompile(`<div id="` + switcherRowID(v.key) + `" data-switcher-list="` + v.key + `" data-restore-refresh="switcher-` + v.key + `"( hidden="")? class="flex min-w-0 flex-1 items-center gap-1.5 overflow-x-auto"><p data-switcher-empty="" class="truncate text-xs text-muted">` + v.empty + `</p></div>`).FindStringSubmatch(nav)
+		row := regexp.MustCompile(`<div id="` + switcherRowID(v.key) + `" data-switcher-list="` + v.key + `" data-restore-refresh="switcher-` + v.key + `"( hidden="")? class="flex min-w-0 flex-1 items-center gap-1 overflow-x-auto"><p data-switcher-empty="" class="truncate text-xs text-muted">` + v.empty + `</p></div>`).FindStringSubmatch(nav)
 		if row == nil {
 			t.Errorf("%s: no empty row saying %q in:\n%s", v.key, v.empty, nav)
 			continue
@@ -272,7 +272,7 @@ func TestTheSwitcherIsBelowTheInputOnBothPages(t *testing.T) {
 	// composer (measured 61→106px, a 0.0047–0.012 shift at 1280×800).
 	composeTag := view[compose:]
 	composeTag = composeTag[:strings.Index(composeTag, ">")]
-	if !strings.Contains(composeTag, switcherRoom(true)) || !strings.Contains(view, `class="absolute inset-x-0 bottom-0 border-t border-line bg-bg h-[calc(2.8125rem+env(safe-area-inset-bottom))] px-3 pb-[env(safe-area-inset-bottom)] [&amp;[data-switcher-pending]]:invisible"`) {
+	if !strings.Contains(composeTag, switcherRoom(true)) || !strings.Contains(view, `class="absolute inset-x-0 bottom-0 border-t border-line bg-bg h-[calc(2.8125rem+env(safe-area-inset-bottom))] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)] pb-[env(safe-area-inset-bottom)] [&amp;[data-switcher-pending]]:invisible"`) {
 		t.Errorf("the composer does not reserve the bar's room, or the bar is not absolute in it: %s", composeTag)
 	}
 	if !strings.Contains(view, `<body class="`+pinnedShellSwitcherClass) {
diff --git a/internal/ui/switcher_views_test.go b/internal/ui/switcher_views_test.go
index f9f7d640..e2393089 100644
--- a/internal/ui/switcher_views_test.go
+++ b/internal/ui/switcher_views_test.go
@@ -100,71 +100,9 @@ func TestTheWaitingViewDrawsThePageAsCurrentAndSaysWhenEmpty(t *testing.T) {
 	}
 }
 
-// TestThePinToggleIsOnASessionsBarOnly: a session's page — an agent's chat, a
-// mirrored window's view — draws a pin toggle for ITS session in the bar,
-// before the search: posting that subject's fields to pin (unpressed) or unpin
-// (pressed), with view=switcher and the page to come back to. A bar with no
-// page session draws none. Red at the commit
-// before: no toggle anywhere on the bar.
-func TestThePinToggleIsOnASessionsBarOnly(t *testing.T) {
-	list, mirrors := switcherFixture() // ag-two and mango:2 (@2) pinned
-	field := func(form, name string) string {
-		m := regexp.MustCompile(`<input type="hidden" name="` + name + `" value="([^"]*)">`).FindStringSubmatch(form)
-		if m == nil {
-			return "<none>"
-		}
-		return m[1]
-	}
-	toggle := func(page string) string {
-		m := regexp.MustCompile(`<form method="post" action="[^"]*" data-switcher-pin=""[^>]*>.*?</form>`).FindString(page)
-		if m == "" {
-			t.Fatalf("no pin toggle in:\n%s", page)
-		}
-		return m
-	}
-	for _, c := range []struct {
-		name    string
-		cur     SwitcherCurrent
-		action  string
-		pressed string
-		fields  map[string]string
-	}{
-		{"an unpinned agent", SwitcherCurrent{AgentID: 1}, PinPath, "false",
-			map[string]string{"kind": "agent", "agent_id": "1", "view": SwitcherPinView, "back": "/agents/ag-one"}},
-		{"a pinned agent", SwitcherCurrent{AgentID: 2}, UnpinPath, "true",
-			map[string]string{"kind": "agent", "agent_id": "2", "back": "/agents/ag-two"}},
-		{"a pinned window", SwitcherCurrent{Mirror: MirrorRef{Host: "tower", Session: "w", Window: "@2"}}, UnpinPath, "true",
-			map[string]string{"kind": "mirror", "host": "tower", "session": "w", "window": "@2"}},
-		{"an unpinned window", SwitcherCurrent{Mirror: MirrorRef{Host: "tower", Session: "w", Window: "@1"}}, PinPath, "false",
-			map[string]string{"kind": "mirror", "window": "@1"}},
-	} {
-		page := renderString(t, switcherBar(NewSwitcher(list, mirrors, nil, c.cur), true))
-		form := toggle(page)
-		if !strings.Contains(form, `action="`+c.action+`"`) || !strings.Contains(form, `hx-post="`+c.action+`"`) {
-			t.Errorf("%s: the toggle does not post to %s:\n%s", c.name, c.action, form)
-		}
-		if !strings.Contains(form, `id="`+SwitcherPinID+`" type="submit" aria-pressed="`+c.pressed+`"`) {
-			t.Errorf("%s: the toggle is not aria-pressed=%s:\n%s", c.name, c.pressed, form)
-		}
-		for k, v := range c.fields {
-			if got := field(form, k); got != v {
-				t.Errorf("%s: field %s = %q, want %q", c.name, k, got, v)
-			}
-		}
-		if strings.Index(page, `data-switcher-pin=""`) > strings.Index(page, `id="`+switcherSearchOpenID+`"`) {
-			t.Errorf("%s: the toggle is not before the search button", c.name)
-		}
-	}
-	none := renderString(t, switcherBar(NewSwitcher(list, mirrors, nil, SwitcherCurrent{}), true))
-	if strings.Contains(none, "data-switcher-pin") || strings.Contains(none, `id="`+SwitcherPinID+`"`) {
-		t.Error("a bar with no page session draws a pin toggle")
-	}
-	// A page whose session is not among the entries draws none either.
-	gone := renderString(t, switcherBar(NewSwitcher(list, mirrors, nil, SwitcherCurrent{AgentID: 99}), false))
-	if strings.Contains(gone, "data-switcher-pin") {
-		t.Error("a page whose session is not listed draws a pin toggle")
-	}
-}
+// The pin's place — in the bar's ⋯ menu, never the bar itself, and none on a
+// bar with no page session — is switcher_compact_test.go's
+// (TestThePinIsInTheMoreMenu, TestNoStandalonePinInTheBar).
 
 // TestTheSidebarSearchOpensTheOnePalette: every page with the sidebar draws
 // ONE command palette (in the sidebar's root, outside the sliding panel) and a
diff --git a/web/css/input.css b/web/css/input.css
index 2a0d8534..231b52f9 100644
--- a/web/css/input.css
+++ b/web/css/input.css
@@ -566,15 +566,17 @@ html[data-keyboard] [data-switcher-room] > #session-switcher {
 }
 
 /*
- * The session switcher's view menu and search palette (internal/ui/
- * switcher.go). Both are popovers (top layer, out of flow), so their opening
- * moves nothing on the page. They ANIMATE open and closed: the menu grows up
- * out of the view button (the bar is at the screen's bottom), the palette
+ * The session switcher's view menu, its ⋯ menu and the search palette
+ * (internal/ui/switcher.go, switcher_pin.go). All are popovers (top layer,
+ * out of flow), so their opening moves nothing on the page. They ANIMATE open
+ * and closed: the view menu grows up out of the view button at the bar's left
+ * (the bar is at the screen's bottom), the ⋯ menu out of the ⋯ at its right, the palette
  * drops in from above. display and overlay transition discretely, so the
  * close plays before the box leaves the top layer; @starting-style is where an
  * opening starts. Reduced motion: at once, both ways.
  */
 #switcher-views,
+#switcher-more,
 #switcher-search {
   opacity: 0;
   transition:
@@ -583,21 +585,27 @@ html[data-keyboard] [data-switcher-room] > #session-switcher {
     overlay 160ms allow-discrete,
     display 160ms allow-discrete;
 }
-#switcher-views {
+#switcher-views,
+#switcher-more {
   transform: translateY(8px) scale(0.96);
   transform-origin: bottom left;
 }
+#switcher-more {
+  transform-origin: bottom right;
+}
 #switcher-search {
   transform: translateY(-8px) scale(0.98);
   transform-origin: top center;
 }
 #switcher-views:popover-open,
+#switcher-more:popover-open,
 #switcher-search:popover-open {
   opacity: 1;
   transform: none;
 }
 @starting-style {
-  #switcher-views:popover-open {
+  #switcher-views:popover-open,
+  #switcher-more:popover-open {
     opacity: 0;
     transform: translateY(8px) scale(0.96);
   }
@@ -608,6 +616,7 @@ html[data-keyboard] [data-switcher-room] > #session-switcher {
 }
 @media (prefers-reduced-motion: reduce) {
   #switcher-views,
+  #switcher-more,
   #switcher-search {
     transition: none;
   }
diff --git a/web/static/app.css b/web/static/app.css
index 3a719c6a..c9e6a4de 100644
--- a/web/static/app.css
+++ b/web/static/app.css
@@ -1,2 +1,2 @@
 *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
-/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.dark,:root{color-scheme:dark;--mu-bg:17 15 28;--mu-s1:25 22 42;--mu-s2:34 30 55;--mu-s3:45 40 70;--mu-line:47 42 72;--mu-edge:110 103 144;--mu-text:238 235 247;--mu-text2:195 189 217;--mu-muted:154 147 181;--mu-accent:228 181 86;--mu-on-accent:30 22 6;--mu-focus:242 203 120;--mu-danger:209 59 69;--mu-on-danger:255 255 255;--mu-st-open-fg:185 179 211;--mu-st-open-bg:36 32 58;--mu-st-progress-fg:143 184 255;--mu-st-progress-bg:27 37 71;--mu-st-review-fg:215 166 255;--mu-st-review-bg:46 31 69;--mu-st-complete-fg:127 214 164;--mu-st-complete-bg:22 52 40;--mu-st-error-fg:255 143 143;--mu-st-error-bg:61 26 34;--mu-st-warning-fg:255 174 94;--mu-st-warning-bg:58 38 21;--mu-st-running-fg:95 224 192;--mu-st-running-bg:18 51 47;--mu-idle-0:184 187 38;--mu-idle-1:152 151 26;--mu-idle-2:104 157 106;--mu-idle-3:215 153 33;--mu-idle-4:214 93 14;--mu-idle-5:204 36 29;--mu-idle-6:177 98 134;--mu-idle-7:102 92 84}:root:not(.dark){color-scheme:light;--mu-bg:246 244 251;--mu-s1:255 255 255;--mu-s2:238 235 246;--mu-s3:227 223 239;--mu-line:220 215 234;--mu-edge:125 118 153;--mu-text:26 22 48;--mu-text2:68 62 94;--mu-muted:98 92 125;--mu-accent:131 93 15;--mu-on-accent:255 255 255;--mu-focus:107 76 14;--mu-danger:180 38 48;--mu-on-danger:255 255 255;--mu-st-open-fg:79 72 112;--mu-st-open-bg:236 233 245;--mu-st-progress-fg:31 79 176;--mu-st-progress-bg:227 236 255;--mu-st-review-fg:116 40 181;--mu-st-review-bg:243 232 255;--mu-st-complete-fg:28 107 63;--mu-st-complete-bg:226 245 233;--mu-st-error-fg:180 35 47;--mu-st-error-bg:253 231 232;--mu-st-warning-fg:154 75 0;--mu-st-warning-bg:255 238 219;--mu-st-running-fg:13 107 90;--mu-st-running-bg:221 245 239;--mu-idle-0:184 187 38;--mu-idle-1:152 151 26;--mu-idle-2:104 157 106;--mu-idle-3:215 153 33;--mu-idle-4:214 93 14;--mu-idle-5:204 36 29;--mu-idle-6:177 98 134;--mu-idle-7:102 92 84}:root{--glyph-knock:rgb(var(--mu-s1))}[data-identity]{--id-bd:var(--id-bd-d);--id-tt:var(--id-tt-d)}:root:not(.dark) [data-identity]{--id-bd:var(--id-bd-l);--id-tt:var(--id-tt-l)}[hidden]{display:none!important}@media (max-width:639px){input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea{font-size:16px!important;min-height:44px!important}input[type=file]{font-size:16px!important;min-height:44px}summary{min-height:44px}}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.card-enter{animation:card-in .28s cubic-bezier(.16,1,.3,1) both,card-highlight 1.4s ease-out .12s both}.press{transition:transform 80ms ease;touch-action:manipulation}.press:active{transform:scale(.97)}.selecting .card-link:after{pointer-events:none}#session-drawer:focus-visible{position:fixed;top:.75rem;right:.75rem;z-index:60;width:2.75rem;height:2.75rem;margin:0;padding:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;border-radius:.5rem;outline:2px solid rgb(var(--mu-focus));outline-offset:2px}#sidebar-root .sidebar-panel{transform:translateX(-100%);visibility:hidden;transition-property:transform,visibility}#sidebar-root .sidebar-backdrop{opacity:0;pointer-events:none}#sidebar-root[data-open=true] .sidebar-panel{transform:translateX(0);visibility:visible}#sidebar-root[data-open=true] .sidebar-backdrop{opacity:1;pointer-events:auto}@media (min-width:1024px){#sidebar-root:not([data-overlay]) .sidebar-panel{transform:translateX(0);visibility:visible}#sidebar-root:not([data-overlay]) .sidebar-backdrop{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-2{left:.5rem;right:.5rem}.inset-y-0{top:0;bottom:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-2\.5{bottom:.625rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.bottom-\[calc\(1\.5rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(1.5rem + env(safe-area-inset-bottom))}.bottom-\[calc\(6rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(6rem + env(safe-area-inset-bottom))}.bottom-auto{bottom:auto}.bottom-full{bottom:100%}.left-0{left:0}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-\[calc\(1\.5rem\+env\(safe-area-inset-left\)\)\]{left:calc(1.5rem + env(safe-area-inset-left))}.right-0{right:0}.right-3{right:.75rem}.right-\[calc\(1\.5rem\+env\(safe-area-inset-right\)\)\]{right:calc(1.5rem + env(safe-area-inset-right))}.right-\[calc\(env\(safe-area-inset-right\)\+0\.75rem\)\]{right:calc(env(safe-area-inset-right) + .75rem)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-\[calc\(env\(safe-area-inset-top\)\+0\.5rem\)\]{top:calc(env(safe-area-inset-top) + .5rem)}.top-\[max\(0\.5rem\2c 10vh\)\]{top:max(.5rem,10vh)}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[35\]{z-index:35}.m-0{margin:0}.m-auto{margin:auto}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-ml-1{margin-left:-.25rem}.-mr-0\.5{margin-right:-.125rem}.-mt-2{margin-top:-.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[2\.8125rem\]{height:2.8125rem}.h-\[70dvh\]{height:70dvh}.h-\[calc\(2\.8125rem\+env\(safe-area-inset-bottom\)\)\]{height:calc(2.8125rem + env(safe-area-inset-bottom))}.h-\[var\(--mv-vh\2c 100dvh\)\]{height:var(--mv-vh,100dvh)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-56{max-height:14rem}.max-h-8{max-height:2rem}.max-h-\[45vh\]{max-height:45vh}.max-h-\[60dvh\]{max-height:60dvh}.max-h-\[70dvh\]{max-height:70dvh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[min\(24rem\2c 60vh\)\]{max-height:min(24rem,60vh)}.min-h-0{min-height:0}.min-h-11{min-height:2.75rem}.min-h-\[2\.25rem\]{min-height:2.25rem}.min-h-\[2lh\]{min-height:2lh}.min-h-\[32px\]{min-height:32px}.min-h-\[36px\]{min-height:36px}.min-h-\[4\.25rem\]{min-height:4.25rem}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[calc\(100dvh-6rem\)\]{min-height:calc(100dvh - 6rem)}.min-h-\[calc\(2\.75rem\+1px\+env\(safe-area-inset-bottom\)\)\]{min-height:calc(2.75rem + 1px + env(safe-area-inset-bottom))}.min-h-dvh{min-height:100dvh}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[22rem\]{width:22rem}.w-\[4\.5rem\]{width:4.5rem}.w-\[6\.25rem\]{width:6.25rem}.w-\[9\.75rem\]{width:9.75rem}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[min\(28rem\2c calc\(100vw-1rem\)\)\]{width:min(28rem,calc(100vw - 1rem))}.w-\[min\(36rem\2c calc\(100vw-1rem\)\)\]{width:min(36rem,calc(100vw - 1rem))}.w-\[min\(90vw\2c 32rem\)\]{width:min(90vw,32rem)}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[1\.25rem\]{min-width:1.25rem}.min-w-\[1\.5rem\]{min-width:1.5rem}.min-w-\[11rem\]{min-width:11rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[14rem\]{min-width:14rem}.min-w-\[36px\]{min-width:36px}.min-w-\[44px\]{min-width:44px}.min-w-\[6rem\]{min-width:6rem}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[110rem\]{max-width:110rem}.max-w-\[12rem\]{max-width:12rem}.max-w-\[150rem\]{max-width:150rem}.max-w-\[16rem\]{max-width:16rem}.max-w-\[45\%\]{max-width:45%}.max-w-\[50\%\]{max-width:50%}.max-w-\[70ch\]{max-width:70ch}.max-w-\[85\%\]{max-width:85%}.max-w-\[85vw\]{max-width:85vw}.max-w-\[92\%\]{max-width:92%}.max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.max-w-\[calc\(100vw-3rem\)\]{max-width:calc(100vw - 3rem)}.max-w-\[min\(90vw\2c 28rem\)\]{max-width:min(90vw,28rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-bottom-left{transform-origin:bottom left}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%}.translate-x-full,.translate-y-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y:0.5rem}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-line>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--mu-line)/var(--tw-divide-opacity,1))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{text-overflow:clip}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-xl{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-accent\/30{border-color:rgb(var(--mu-accent)/.3)}.border-accent\/40{border-color:rgb(var(--mu-accent)/.4)}.border-accent\/60{border-color:rgb(var(--mu-accent)/.6)}.border-edge{--tw-border-opacity:1;border-color:rgb(var(--mu-edge)/var(--tw-border-opacity,1))}.border-line{--tw-border-opacity:1;border-color:rgb(var(--mu-line)/var(--tw-border-opacity,1))}.border-on-accent\/30{border-color:rgb(var(--mu-on-accent)/.3)}.border-st-warning-fg\/40{border-color:rgb(var(--mu-st-warning-fg)/.4)}.border-transparent{border-color:transparent}.border-l-\[rgb\(var\(--id-bd\)\)\]{border-left-color:rgb(var(--id-bd))}.border-l-transparent{border-left-color:transparent}.bg-accent{--tw-bg-opacity:1;background-color:rgb(var(--mu-accent)/var(--tw-bg-opacity,1))}.bg-accent\/10{background-color:rgb(var(--mu-accent)/.1)}.bg-accent\/15{background-color:rgb(var(--mu-accent)/.15)}.bg-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-bg)/var(--tw-bg-opacity,1))}.bg-bg\/40{background-color:rgb(var(--mu-bg)/.4)}.bg-bg\/50{background-color:rgb(var(--mu-bg)/.5)}.bg-bg\/60{background-color:rgb(var(--mu-bg)/.6)}.bg-bg\/80{background-color:rgb(var(--mu-bg)/.8)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-current{background-color:currentColor}.bg-danger{--tw-bg-opacity:1;background-color:rgb(var(--mu-danger)/var(--tw-bg-opacity,1))}.bg-danger\/15{background-color:rgb(var(--mu-danger)/.15)}.bg-idle-0{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-0)/var(--tw-bg-opacity,1))}.bg-idle-1{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-1)/var(--tw-bg-opacity,1))}.bg-idle-2{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-2)/var(--tw-bg-opacity,1))}.bg-idle-3{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-3)/var(--tw-bg-opacity,1))}.bg-idle-4{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-4)/var(--tw-bg-opacity,1))}.bg-idle-5{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-5)/var(--tw-bg-opacity,1))}.bg-idle-6{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-6)/var(--tw-bg-opacity,1))}.bg-idle-7{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-7)/var(--tw-bg-opacity,1))}.bg-muted{--tw-bg-opacity:1;background-color:rgb(var(--mu-muted)/var(--tw-bg-opacity,1))}.bg-s1{--tw-bg-opacity:1;background-color:rgb(var(--mu-s1)/var(--tw-bg-opacity,1))}.bg-s1\/40{background-color:rgb(var(--mu-s1)/.4)}.bg-s1\/50{background-color:rgb(var(--mu-s1)/.5)}.bg-s1\/60{background-color:rgb(var(--mu-s1)/.6)}.bg-s1\/70{background-color:rgb(var(--mu-s1)/.7)}.bg-s2{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.bg-s2\/80{background-color:rgb(var(--mu-s2)/.8)}.bg-s3{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.bg-s3\/50{background-color:rgb(var(--mu-s3)/.5)}.bg-s3\/60{background-color:rgb(var(--mu-s3)/.6)}.bg-st-complete-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-complete-bg)/var(--tw-bg-opacity,1))}.bg-st-error-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-error-bg)/var(--tw-bg-opacity,1))}.bg-st-open-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-open-bg)/var(--tw-bg-opacity,1))}.bg-st-progress-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-progress-bg)/var(--tw-bg-opacity,1))}.bg-st-review-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-review-bg)/var(--tw-bg-opacity,1))}.bg-st-review-bg\/40{background-color:rgb(var(--mu-st-review-bg)/.4)}.bg-st-running-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-running-bg)/var(--tw-bg-opacity,1))}.bg-st-warning-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-warning-bg)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.from-bg{--tw-gradient-from:rgb(var(--mu-bg)/1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--mu-bg)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-bg\/80{--tw-gradient-to:rgb(var(--mu-bg)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(var(--mu-bg)/0.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-28{padding-bottom:7rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-\[2\.8125rem\]{padding-bottom:2.8125rem}.pb-\[calc\(1\.25rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.pb-\[calc\(2\.8125rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(2.8125rem + env(safe-area-inset-bottom))}.pb-\[calc\(4rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(4rem + env(safe-area-inset-bottom))}.pb-\[calc\(7\.5rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(7.5rem + env(safe-area-inset-bottom))}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pb-\[max\(0\.5rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.pb-\[max\(0\.75rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.pb-\[var\(--mv-compose-h\2c 4\.5rem\)\]{padding-bottom:var(--mv-compose-h,4.5rem)}.pb-\[var\(--mv-compose-h\2c 7rem\)\]{padding-bottom:var(--mv-compose-h,7rem)}.pl-11{padding-left:2.75rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pl-72{padding-left:18rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-28{padding-right:7rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.85em\]{font-size:.85em}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-accent{--tw-text-opacity:1;color:rgb(var(--mu-accent)/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-fg{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.text-fg2{--tw-text-opacity:1;color:rgb(var(--mu-text2)/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(var(--mu-muted)/var(--tw-text-opacity,1))}.text-on-accent{--tw-text-opacity:1;color:rgb(var(--mu-on-accent)/var(--tw-text-opacity,1))}.text-on-danger{--tw-text-opacity:1;color:rgb(var(--mu-on-danger)/var(--tw-text-opacity,1))}.text-st-complete-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-complete-fg)/var(--tw-text-opacity,1))}.text-st-error-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-error-fg)/var(--tw-text-opacity,1))}.text-st-open-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-open-fg)/var(--tw-text-opacity,1))}.text-st-progress-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-progress-fg)/var(--tw-text-opacity,1))}.text-st-review-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-review-fg)/var(--tw-text-opacity,1))}.text-st-running-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-running-fg)/var(--tw-text-opacity,1))}.text-st-warning-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-warning-fg)/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.decoration-accent\/40{text-decoration-color:rgb(var(--mu-accent)/.4)}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_-16px_16px_-4px_rgb\(var\(--mu-s1\)\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_-16px_16px_-4px_rgb\(var\(--mu-s1\)\)\]{--tw-shadow:0 -16px 16px -4px rgb(var(--mu-s1));--tw-shadow-colored:0 -16px 16px -4px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-accent\/20{--tw-shadow-color:rgb(var(--mu-accent)/0.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/30{--tw-shadow-color:rgb(var(--mu-accent)/0.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/20{--tw-shadow-color:rgba(0,0,0,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/30{--tw-shadow-color:rgba(0,0,0,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/40{--tw-shadow-color:rgba(0,0,0,.4);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/50{--tw-shadow-color:rgba(0,0,0,.5);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-accent\/20{--tw-ring-color:rgb(var(--mu-accent)/0.2)}.ring-accent\/30{--tw-ring-color:rgb(var(--mu-accent)/0.3)}.ring-accent\/40{--tw-ring-color:rgb(var(--mu-accent)/0.4)}.ring-accent\/50{--tw-ring-color:rgb(var(--mu-accent)/0.5)}.ring-bg{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-bg)/var(--tw-ring-opacity,1))}.ring-black\/20{--tw-ring-color:rgba(0,0,0,.2)}.ring-danger\/40{--tw-ring-color:rgb(var(--mu-danger)/0.4)}.ring-edge{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-edge)/var(--tw-ring-opacity,1))}.ring-line{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-line)/var(--tw-ring-opacity,1))}.ring-st-complete-fg\/40{--tw-ring-color:rgb(var(--mu-st-complete-fg)/0.4)}.ring-st-error-fg\/40{--tw-ring-color:rgb(var(--mu-st-error-fg)/0.4)}.ring-st-open-fg\/40{--tw-ring-color:rgb(var(--mu-st-open-fg)/0.4)}.ring-st-progress-fg\/40{--tw-ring-color:rgb(var(--mu-st-progress-fg)/0.4)}.ring-st-review-fg\/40{--tw-ring-color:rgb(var(--mu-st-review-fg)/0.4)}.ring-st-running-fg\/40{--tw-ring-color:rgb(var(--mu-st-running-fg)/0.4)}.ring-st-warning-fg\/40{--tw-ring-color:rgb(var(--mu-st-warning-fg)/0.4)}.blur{--tw-blur:blur(8px)}.blur,.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)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[animation-delay\:-0\.15s\]{animation-delay:-.15s}.\[animation-delay\:-0\.3s\]{animation-delay:-.3s}.\[i\:j\]{i:j}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[scrollbar-width\:none\]{scrollbar-width:none}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-out{0%{opacity:1;transform:translateY(0) scale(1);max-height:60rem}to{opacity:0;transform:translateY(-6px) scale(.985);max-height:0}}@keyframes card-highlight{0%{box-shadow:0 0 0 0 rgb(var(--mu-accent)/0)}25%{box-shadow:0 0 0 2px rgb(var(--mu-accent)/.5)}to{box-shadow:0 0 0 0 rgb(var(--mu-accent)/0)}}@media (prefers-reduced-motion:reduce){.card-enter,.htmx-swapping{animation:none}.press{transition:none}.sidebar-backdrop,.sidebar-panel{transition:none!important}}[data-clamp]{overflow:hidden;flex-shrink:0;transition:max-height .22s cubic-bezier(.2,.8,.2,1)}[data-clamp=closed]{cursor:pointer;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 2.5rem),transparent)}@media (prefers-reduced-motion:reduce){[data-clamp]{transition:none}}[data-flash]{animation:card-highlight 1.4s ease-out both}@media (prefers-reduced-motion:reduce){[data-flash]{animation:none;box-shadow:0 0 0 2px rgb(var(--mu-accent)/.5)}}.composer-fit{max-height:var(--composer-max-h,40dvh);overflow-y:auto}@supports (field-sizing:content){.composer-fit{field-sizing:content}}[data-tool-group][open]>[data-tool-group-body]{animation:tool-group-open .18s cubic-bezier(.2,.8,.2,1) both}[data-tool-group-body]>[data-tool-row]{max-width:100%}@keyframes tool-group-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}[data-tool-group]>summary [data-tool-group-chevron]{transition:transform .18s ease}[data-tool-group][open]>summary [data-tool-group-chevron]{transform:rotate(90deg)}[data-tool-ctx]:not([hidden])+*{margin-left:0}@media (prefers-reduced-motion:reduce){[data-tool-group][open]>[data-tool-group-body]{animation:none}[data-tool-group]>summary [data-tool-group-chevron]{transition:none}}html[data-keyboard] [data-switcher-room]{padding-bottom:env(safe-area-inset-bottom)}html[data-keyboard] [data-switcher-room]>#session-switcher{display:none}@media (max-height:30rem){html [data-switcher-room=flow]{padding-bottom:env(safe-area-inset-bottom)}html [data-switcher-room=flow]>#session-switcher{display:none}}#switcher-search,#switcher-views{opacity:0;transition:opacity .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1),overlay allow-discrete .16s,display allow-discrete .16s}#switcher-views{transform:translateY(8px) scale(.96);transform-origin:bottom left}#switcher-search{transform:translateY(-8px) scale(.98);transform-origin:top center}#switcher-search:popover-open,#switcher-views:popover-open{opacity:1;transform:none}@starting-style{#switcher-views:popover-open{opacity:0;transform:translateY(8px) scale(.96)}#switcher-search:popover-open{opacity:0;transform:translateY(-8px) scale(.98)}}@media (prefers-reduced-motion:reduce){#switcher-search,#switcher-views{transition:none}}body:has(#agent-status:is([data-agent-status=running],[data-agent-status=provisioning])) #agent-actions [data-lifecycle=idle],body:not(:has(#agent-status:is([data-agent-status=running],[data-agent-status=provisioning]))) #agent-actions [data-lifecycle=live]{display:none}.marker\:content-\[\'\'\] ::marker{--tw-content:"";content:var(--tw-content)}.marker\:content-\[\'\'\]::marker{--tw-content:"";content:var(--tw-content)}.selection\:bg-accent\/30 ::-moz-selection{background-color:rgb(var(--mu-accent)/.3)}.selection\:bg-accent\/30 ::selection{background-color:rgb(var(--mu-accent)/.3)}.selection\:bg-accent\/30::-moz-selection{background-color:rgb(var(--mu-accent)/.3)}.selection\:bg-accent\/30::selection{background-color:rgb(var(--mu-accent)/.3)}.file\:mr-3::file-selector-button{margin-right:.75rem}.file\:rounded-lg::file-selector-button{border-radius:.5rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-s2::file-selector-button{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:py-1\.5::file-selector-button{padding-top:.375rem;padding-bottom:.375rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-fg::file-selector-button{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.placeholder\:text-fg2::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--mu-text2)/var(--tw-text-opacity,1))}.placeholder\:text-fg2::placeholder{--tw-text-opacity:1;color:rgb(var(--mu-text2)/var(--tw-text-opacity,1))}.placeholder\:text-muted::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--mu-muted)/var(--tw-text-opacity,1))}.placeholder\:text-muted::placeholder{--tw-text-opacity:1;color:rgb(var(--mu-muted)/var(--tw-text-opacity,1))}.backdrop\:bg-black\/40::backdrop{background-color:rgba(0,0,0,.4)}.backdrop\:bg-black\/60::backdrop{background-color:rgba(0,0,0,.6)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:inset-x-0:after{content:var(--tw-content);left:0;right:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:z-10:after{content:var(--tw-content);z-index:10}.after\:h-11:after{content:var(--tw-content);height:2.75rem}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.empty\:hidden:empty{display:none}.hover\:bg-accent\/10:hover{background-color:rgb(var(--mu-accent)/.1)}.hover\:bg-accent\/15:hover{background-color:rgb(var(--mu-accent)/.15)}.hover\:bg-accent\/25:hover{background-color:rgb(var(--mu-accent)/.25)}.hover\:bg-accent\/40:hover{background-color:rgb(var(--mu-accent)/.4)}.hover\:bg-accent\/90:hover{background-color:rgb(var(--mu-accent)/.9)}.hover\:bg-danger\/90:hover{background-color:rgb(var(--mu-danger)/.9)}.hover\:bg-s1\/80:hover{background-color:rgb(var(--mu-s1)/.8)}.hover\:bg-s2:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.hover\:bg-s2\/60:hover{background-color:rgb(var(--mu-s2)/.6)}.hover\:bg-s2\/80:hover{background-color:rgb(var(--mu-s2)/.8)}.hover\:bg-s3:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.hover\:bg-s3\/80:hover{background-color:rgb(var(--mu-s3)/.8)}.hover\:bg-st-error-bg:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-error-bg)/var(--tw-bg-opacity,1))}.hover\:bg-st-review-bg:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-review-bg)/var(--tw-bg-opacity,1))}.hover\:bg-st-running-bg:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-running-bg)/var(--tw-bg-opacity,1))}.hover\:text-accent:hover{--tw-text-opacity:1;color:rgb(var(--mu-accent)/var(--tw-text-opacity,1))}.hover\:text-fg:hover{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.hover\:text-st-error-fg:hover{--tw-text-opacity:1;color:rgb(var(--mu-st-error-fg)/var(--tw-text-opacity,1))}.hover\:text-st-running-fg:hover{--tw-text-opacity:1;color:rgb(var(--mu-st-running-fg)/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:file\:bg-s3::file-selector-button:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.focus\:bg-accent\/60:focus{background-color:rgb(var(--mu-accent)/.6)}.focus\:bg-s2:focus{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-focus:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-focus)/var(--tw-ring-opacity,1))}.focus-visible\:bg-s2:focus-visible{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.focus-visible\:ring-focus:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-focus)/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-bg:focus-visible{--tw-ring-offset-color:rgb(var(--mu-bg)/1)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-95:active,.active\:scale-\[0\.98\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:after\:hidden:disabled:after{content:var(--tw-content);display:none}.group\/pw[open] .group-open\/pw\:mb-2{margin-bottom:.5rem}.group\/adv[open] .group-open\/adv\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/code[open] .group-open\/code\:rotate-90,.group\/idle[open] .group-open\/idle\:rotate-90{--tw-rotate:90deg}.group\/code[open] .group-open\/code\:rotate-90,.group\/idle[open] .group-open\/idle\:rotate-90,.group\/pw[open] .group-open\/pw\:rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/pw[open] .group-open\/pw\:rotate-180{--tw-rotate:180deg}.group\/s[open] .group-open\/s\:rotate-90{--tw-rotate:90deg}.group[open] .group-open\:rotate-180,.group\/s[open] .group-open\/s\:rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[open] .group-open\:rotate-180{--tw-rotate:180deg}.group:hover .group-hover\:bg-accent\/25{background-color:rgb(var(--mu-accent)/.25)}.group:hover .group-hover\:bg-accent\/90{background-color:rgb(var(--mu-accent)/.9)}.group:hover .group-hover\:bg-s2{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-s3{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-fg2{--tw-text-opacity:1;color:rgb(var(--mu-text2)/var(--tw-text-opacity,1))}.peer:checked~.peer-checked\:block{display:block}.peer:checked~.peer-checked\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.has-\[\:disabled\]\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-\[\:checked\]\:bg-accent:has(:checked){--tw-bg-opacity:1;background-color:rgb(var(--mu-accent)/var(--tw-bg-opacity,1))}.has-\[\:checked\]\:text-on-accent:has(:checked){--tw-text-opacity:1;color:rgb(var(--mu-on-accent)/var(--tw-text-opacity,1))}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\:focus-visible\]\:ring-2:has(:focus-visible){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.has-\[\:focus-visible\]\:ring-focus:has(:focus-visible){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-focus)/var(--tw-ring-opacity,1))}.aria-checked\:text-accent[aria-checked=true]{--tw-text-opacity:1;color:rgb(var(--mu-accent)/var(--tw-text-opacity,1))}.aria-disabled\:cursor-wait[aria-disabled=true]{cursor:wait}.aria-disabled\:opacity-60[aria-disabled=true]{opacity:.6}.aria-expanded\:bg-s2[aria-expanded=true]{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.aria-expanded\:bg-s3[aria-expanded=true]{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.aria-pressed\:bg-accent[aria-pressed=true]{--tw-bg-opacity:1;background-color:rgb(var(--mu-accent)/var(--tw-bg-opacity,1))}.aria-pressed\:text-on-accent[aria-pressed=true]{--tw-text-opacity:1;color:rgb(var(--mu-on-accent)/var(--tw-text-opacity,1))}.aria-selected\:border-accent[aria-selected=true]{--tw-border-opacity:1;border-color:rgb(var(--mu-accent)/var(--tw-border-opacity,1))}.aria-selected\:text-fg[aria-selected=true]{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.group[aria-checked=true] .group-aria-checked\:visible{visibility:visible}.group[aria-expanded=true] .group-aria-expanded\:bg-s3{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.group[aria-expanded=true] .group-aria-expanded\:text-fg{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.group[aria-pressed=true] .group-aria-pressed\:bg-accent\/15{background-color:rgb(var(--mu-accent)/.15)}.group[aria-pressed=true] .group-aria-pressed\:text-accent{--tw-text-opacity:1;color:rgb(var(--mu-accent)/var(--tw-text-opacity,1))}.group[aria-pressed=true] .group-aria-pressed\:ring-accent\/40{--tw-ring-color:rgb(var(--mu-accent)/0.4)}.data-\[active\=true\]\:bg-accent\/15[data-active=true]{background-color:rgb(var(--mu-accent)/.15)}.data-\[state\=recording\]\:bg-danger[data-state=recording]{--tw-bg-opacity:1;background-color:rgb(var(--mu-danger)/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:text-fg[data-active=true]{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.data-\[state\=recording\]\:text-on-accent[data-state=recording]{--tw-text-opacity:1;color:rgb(var(--mu-on-accent)/var(--tw-text-opacity,1))}.data-\[state\=recording\]\:ring-0[data-state=recording]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group[data-state=busy] .group-data-\[state\=busy\]\:block,.group[data-state=recording] .group-data-\[state\=recording\]\:block{display:block}.group[data-state=busy] .group-data-\[state\=busy\]\:hidden,.group[data-state=recording] .group-data-\[state\=recording\]\:hidden{display:none}@supports ((-webkit-backdrop-filter:var(--tw )) or (backdrop-filter:var(--tw ))){.supports-\[backdrop-filter\]\:bg-bg\/60{background-color:rgb(var(--mu-bg)/.6)}}@media (prefers-reduced-motion:no-preference){@keyframes ping{75%,to{transform:scale(2);opacity:0}}.motion-safe\:animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}}@media not all and (min-width:640px){.max-sm\:hidden{display:none}.max-sm\:h-11{height:2.75rem}.max-sm\:w-11{width:2.75rem}.max-sm\:justify-center{justify-content:center}.max-sm\:px-0{padding-left:0;padding-right:0}}@media (min-width:640px){.sm\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.sm\:m-auto{margin:auto}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:w-\[28rem\]{width:28rem}.sm\:items-center{align-items:center}.sm\:rounded-2xl{border-radius:1rem}.sm\:pb-5{padding-bottom:1.25rem}}@media (min-width:1024px){.lg\:hidden{display:none}.lg\:max-w-5xl{max-width:64rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:pl-72{padding-left:18rem}}@media (min-width:1280px){.xl\:max-w-6xl{max-width:72rem}}@media (min-width:1536px){.\32xl\:max-w-\[110rem\]{max-width:110rem}}@media (min-width:2560px){.min-\[2560px\]\:max-w-\[150rem\]{max-width:150rem}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker,.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:not\(\[hidden\]\)\]\:flex:not([hidden]){display:flex}.\[\&\:popover-open\]\:flex:popover-open{display:flex}.\[\&\:popover-open\]\:grid:popover-open{display:grid}.\[\&\>\*\]\:pointer-events-auto>*{pointer-events:auto}.\[\&\[data-cg-unlaid\]\>\*\]\:invisible[data-cg-unlaid]>*,.\[\&\[data-cg-unlaid\]\]\:invisible[data-cg-unlaid],.\[\&\[data-compose-pending\]\]\:invisible[data-compose-pending],.\[\&\[data-switcher-pending\]\]\:invisible[data-switcher-pending]{visibility:hidden}.\[\&\[hidden\]\]\:hidden[hidden]{display:none}.\[\&\[open\]\]\:flex[open]{display:flex}.\[\&_\[data-task-title\]\]\:text-fg2 [data-task-title]{--tw-text-opacity:1;color:rgb(var(--mu-text2)/var(--tw-text-opacity,1))}
\ No newline at end of file
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.dark,:root{color-scheme:dark;--mu-bg:17 15 28;--mu-s1:25 22 42;--mu-s2:34 30 55;--mu-s3:45 40 70;--mu-line:47 42 72;--mu-edge:110 103 144;--mu-text:238 235 247;--mu-text2:195 189 217;--mu-muted:154 147 181;--mu-accent:228 181 86;--mu-on-accent:30 22 6;--mu-focus:242 203 120;--mu-danger:209 59 69;--mu-on-danger:255 255 255;--mu-st-open-fg:185 179 211;--mu-st-open-bg:36 32 58;--mu-st-progress-fg:143 184 255;--mu-st-progress-bg:27 37 71;--mu-st-review-fg:215 166 255;--mu-st-review-bg:46 31 69;--mu-st-complete-fg:127 214 164;--mu-st-complete-bg:22 52 40;--mu-st-error-fg:255 143 143;--mu-st-error-bg:61 26 34;--mu-st-warning-fg:255 174 94;--mu-st-warning-bg:58 38 21;--mu-st-running-fg:95 224 192;--mu-st-running-bg:18 51 47;--mu-idle-0:184 187 38;--mu-idle-1:152 151 26;--mu-idle-2:104 157 106;--mu-idle-3:215 153 33;--mu-idle-4:214 93 14;--mu-idle-5:204 36 29;--mu-idle-6:177 98 134;--mu-idle-7:102 92 84}:root:not(.dark){color-scheme:light;--mu-bg:246 244 251;--mu-s1:255 255 255;--mu-s2:238 235 246;--mu-s3:227 223 239;--mu-line:220 215 234;--mu-edge:125 118 153;--mu-text:26 22 48;--mu-text2:68 62 94;--mu-muted:98 92 125;--mu-accent:131 93 15;--mu-on-accent:255 255 255;--mu-focus:107 76 14;--mu-danger:180 38 48;--mu-on-danger:255 255 255;--mu-st-open-fg:79 72 112;--mu-st-open-bg:236 233 245;--mu-st-progress-fg:31 79 176;--mu-st-progress-bg:227 236 255;--mu-st-review-fg:116 40 181;--mu-st-review-bg:243 232 255;--mu-st-complete-fg:28 107 63;--mu-st-complete-bg:226 245 233;--mu-st-error-fg:180 35 47;--mu-st-error-bg:253 231 232;--mu-st-warning-fg:154 75 0;--mu-st-warning-bg:255 238 219;--mu-st-running-fg:13 107 90;--mu-st-running-bg:221 245 239;--mu-idle-0:184 187 38;--mu-idle-1:152 151 26;--mu-idle-2:104 157 106;--mu-idle-3:215 153 33;--mu-idle-4:214 93 14;--mu-idle-5:204 36 29;--mu-idle-6:177 98 134;--mu-idle-7:102 92 84}:root{--glyph-knock:rgb(var(--mu-s1))}[data-identity]{--id-bd:var(--id-bd-d);--id-tt:var(--id-tt-d)}:root:not(.dark) [data-identity]{--id-bd:var(--id-bd-l);--id-tt:var(--id-tt-l)}[hidden]{display:none!important}@media (max-width:639px){input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea{font-size:16px!important;min-height:44px!important}input[type=file]{font-size:16px!important;min-height:44px}summary{min-height:44px}}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.card-enter{animation:card-in .28s cubic-bezier(.16,1,.3,1) both,card-highlight 1.4s ease-out .12s both}.press{transition:transform 80ms ease;touch-action:manipulation}.press:active{transform:scale(.97)}.selecting .card-link:after{pointer-events:none}#session-drawer:focus-visible{position:fixed;top:.75rem;right:.75rem;z-index:60;width:2.75rem;height:2.75rem;margin:0;padding:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;border-radius:.5rem;outline:2px solid rgb(var(--mu-focus));outline-offset:2px}#sidebar-root .sidebar-panel{transform:translateX(-100%);visibility:hidden;transition-property:transform,visibility}#sidebar-root .sidebar-backdrop{opacity:0;pointer-events:none}#sidebar-root[data-open=true] .sidebar-panel{transform:translateX(0);visibility:visible}#sidebar-root[data-open=true] .sidebar-backdrop{opacity:1;pointer-events:auto}@media (min-width:1024px){#sidebar-root:not([data-overlay]) .sidebar-panel{transform:translateX(0);visibility:visible}#sidebar-root:not([data-overlay]) .sidebar-backdrop{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-2{left:.5rem;right:.5rem}.inset-y-0{top:0;bottom:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-2\.5{bottom:.625rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.bottom-\[calc\(1\.5rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(1.5rem + env(safe-area-inset-bottom))}.bottom-\[calc\(6rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(6rem + env(safe-area-inset-bottom))}.bottom-auto{bottom:auto}.bottom-full{bottom:100%}.left-0{left:0}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-\[calc\(1\.5rem\+env\(safe-area-inset-left\)\)\]{left:calc(1.5rem + env(safe-area-inset-left))}.right-0{right:0}.right-3{right:.75rem}.right-\[calc\(1\.5rem\+env\(safe-area-inset-right\)\)\]{right:calc(1.5rem + env(safe-area-inset-right))}.right-\[calc\(env\(safe-area-inset-right\)\+0\.75rem\)\]{right:calc(env(safe-area-inset-right) + .75rem)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-\[calc\(env\(safe-area-inset-top\)\+0\.5rem\)\]{top:calc(env(safe-area-inset-top) + .5rem)}.top-\[max\(0\.5rem\2c 10vh\)\]{top:max(.5rem,10vh)}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[35\]{z-index:35}.m-0{margin:0}.m-auto{margin:auto}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-ml-1{margin-left:-.25rem}.-mr-0\.5{margin-right:-.125rem}.-mt-2{margin-top:-.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[2\.8125rem\]{height:2.8125rem}.h-\[70dvh\]{height:70dvh}.h-\[calc\(2\.8125rem\+env\(safe-area-inset-bottom\)\)\]{height:calc(2.8125rem + env(safe-area-inset-bottom))}.h-\[var\(--mv-vh\2c 100dvh\)\]{height:var(--mv-vh,100dvh)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-56{max-height:14rem}.max-h-8{max-height:2rem}.max-h-\[45vh\]{max-height:45vh}.max-h-\[60dvh\]{max-height:60dvh}.max-h-\[70dvh\]{max-height:70dvh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[min\(24rem\2c 60vh\)\]{max-height:min(24rem,60vh)}.min-h-0{min-height:0}.min-h-11{min-height:2.75rem}.min-h-\[2\.25rem\]{min-height:2.25rem}.min-h-\[2lh\]{min-height:2lh}.min-h-\[32px\]{min-height:32px}.min-h-\[36px\]{min-height:36px}.min-h-\[4\.25rem\]{min-height:4.25rem}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[calc\(100dvh-6rem\)\]{min-height:calc(100dvh - 6rem)}.min-h-\[calc\(2\.75rem\+1px\+env\(safe-area-inset-bottom\)\)\]{min-height:calc(2.75rem + 1px + env(safe-area-inset-bottom))}.min-h-dvh{min-height:100dvh}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[22rem\]{width:22rem}.w-\[6\.25rem\]{width:6.25rem}.w-\[9\.75rem\]{width:9.75rem}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[min\(28rem\2c calc\(100vw-1rem\)\)\]{width:min(28rem,calc(100vw - 1rem))}.w-\[min\(36rem\2c calc\(100vw-1rem\)\)\]{width:min(36rem,calc(100vw - 1rem))}.w-\[min\(90vw\2c 32rem\)\]{width:min(90vw,32rem)}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[1\.25rem\]{min-width:1.25rem}.min-w-\[1\.5rem\]{min-width:1.5rem}.min-w-\[11rem\]{min-width:11rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[14rem\]{min-width:14rem}.min-w-\[36px\]{min-width:36px}.min-w-\[44px\]{min-width:44px}.min-w-\[6rem\]{min-width:6rem}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[110rem\]{max-width:110rem}.max-w-\[12rem\]{max-width:12rem}.max-w-\[150rem\]{max-width:150rem}.max-w-\[16rem\]{max-width:16rem}.max-w-\[45\%\]{max-width:45%}.max-w-\[50\%\]{max-width:50%}.max-w-\[70ch\]{max-width:70ch}.max-w-\[85\%\]{max-width:85%}.max-w-\[85vw\]{max-width:85vw}.max-w-\[92\%\]{max-width:92%}.max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.max-w-\[calc\(100vw-3rem\)\]{max-width:calc(100vw - 3rem)}.max-w-\[min\(90vw\2c 28rem\)\]{max-width:min(90vw,28rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-bottom-left{transform-origin:bottom left}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%}.translate-x-full,.translate-y-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y:0.5rem}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-line>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--mu-line)/var(--tw-divide-opacity,1))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{text-overflow:clip}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-xl{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-accent\/30{border-color:rgb(var(--mu-accent)/.3)}.border-accent\/40{border-color:rgb(var(--mu-accent)/.4)}.border-accent\/60{border-color:rgb(var(--mu-accent)/.6)}.border-edge{--tw-border-opacity:1;border-color:rgb(var(--mu-edge)/var(--tw-border-opacity,1))}.border-line{--tw-border-opacity:1;border-color:rgb(var(--mu-line)/var(--tw-border-opacity,1))}.border-on-accent\/30{border-color:rgb(var(--mu-on-accent)/.3)}.border-st-warning-fg\/40{border-color:rgb(var(--mu-st-warning-fg)/.4)}.border-transparent{border-color:transparent}.border-l-\[rgb\(var\(--id-bd\)\)\]{border-left-color:rgb(var(--id-bd))}.border-l-transparent{border-left-color:transparent}.bg-accent{--tw-bg-opacity:1;background-color:rgb(var(--mu-accent)/var(--tw-bg-opacity,1))}.bg-accent\/10{background-color:rgb(var(--mu-accent)/.1)}.bg-accent\/15{background-color:rgb(var(--mu-accent)/.15)}.bg-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-bg)/var(--tw-bg-opacity,1))}.bg-bg\/40{background-color:rgb(var(--mu-bg)/.4)}.bg-bg\/50{background-color:rgb(var(--mu-bg)/.5)}.bg-bg\/60{background-color:rgb(var(--mu-bg)/.6)}.bg-bg\/80{background-color:rgb(var(--mu-bg)/.8)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-current{background-color:currentColor}.bg-danger{--tw-bg-opacity:1;background-color:rgb(var(--mu-danger)/var(--tw-bg-opacity,1))}.bg-danger\/15{background-color:rgb(var(--mu-danger)/.15)}.bg-idle-0{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-0)/var(--tw-bg-opacity,1))}.bg-idle-1{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-1)/var(--tw-bg-opacity,1))}.bg-idle-2{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-2)/var(--tw-bg-opacity,1))}.bg-idle-3{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-3)/var(--tw-bg-opacity,1))}.bg-idle-4{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-4)/var(--tw-bg-opacity,1))}.bg-idle-5{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-5)/var(--tw-bg-opacity,1))}.bg-idle-6{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-6)/var(--tw-bg-opacity,1))}.bg-idle-7{--tw-bg-opacity:1;background-color:rgb(var(--mu-idle-7)/var(--tw-bg-opacity,1))}.bg-muted{--tw-bg-opacity:1;background-color:rgb(var(--mu-muted)/var(--tw-bg-opacity,1))}.bg-s1{--tw-bg-opacity:1;background-color:rgb(var(--mu-s1)/var(--tw-bg-opacity,1))}.bg-s1\/40{background-color:rgb(var(--mu-s1)/.4)}.bg-s1\/50{background-color:rgb(var(--mu-s1)/.5)}.bg-s1\/60{background-color:rgb(var(--mu-s1)/.6)}.bg-s1\/70{background-color:rgb(var(--mu-s1)/.7)}.bg-s2{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.bg-s2\/80{background-color:rgb(var(--mu-s2)/.8)}.bg-s3{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.bg-s3\/50{background-color:rgb(var(--mu-s3)/.5)}.bg-s3\/60{background-color:rgb(var(--mu-s3)/.6)}.bg-st-complete-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-complete-bg)/var(--tw-bg-opacity,1))}.bg-st-error-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-error-bg)/var(--tw-bg-opacity,1))}.bg-st-open-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-open-bg)/var(--tw-bg-opacity,1))}.bg-st-progress-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-progress-bg)/var(--tw-bg-opacity,1))}.bg-st-review-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-review-bg)/var(--tw-bg-opacity,1))}.bg-st-review-bg\/40{background-color:rgb(var(--mu-st-review-bg)/.4)}.bg-st-running-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-running-bg)/var(--tw-bg-opacity,1))}.bg-st-warning-bg{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-warning-bg)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.from-bg{--tw-gradient-from:rgb(var(--mu-bg)/1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--mu-bg)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-bg\/80{--tw-gradient-to:rgb(var(--mu-bg)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(var(--mu-bg)/0.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-28{padding-bottom:7rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-\[2\.8125rem\]{padding-bottom:2.8125rem}.pb-\[calc\(1\.25rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.pb-\[calc\(2\.8125rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(2.8125rem + env(safe-area-inset-bottom))}.pb-\[calc\(4rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(4rem + env(safe-area-inset-bottom))}.pb-\[calc\(7\.5rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(7.5rem + env(safe-area-inset-bottom))}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pb-\[max\(0\.5rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.pb-\[max\(0\.75rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.pb-\[var\(--mv-compose-h\2c 4\.5rem\)\]{padding-bottom:var(--mv-compose-h,4.5rem)}.pb-\[var\(--mv-compose-h\2c 7rem\)\]{padding-bottom:var(--mv-compose-h,7rem)}.pl-11{padding-left:2.75rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pl-72{padding-left:18rem}.pl-9{padding-left:2.25rem}.pl-\[env\(safe-area-inset-left\)\]{padding-left:env(safe-area-inset-left)}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-28{padding-right:7rem}.pr-\[env\(safe-area-inset-right\)\]{padding-right:env(safe-area-inset-right)}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.85em\]{font-size:.85em}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-accent{--tw-text-opacity:1;color:rgb(var(--mu-accent)/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-fg{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.text-fg2{--tw-text-opacity:1;color:rgb(var(--mu-text2)/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(var(--mu-muted)/var(--tw-text-opacity,1))}.text-on-accent{--tw-text-opacity:1;color:rgb(var(--mu-on-accent)/var(--tw-text-opacity,1))}.text-on-danger{--tw-text-opacity:1;color:rgb(var(--mu-on-danger)/var(--tw-text-opacity,1))}.text-st-complete-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-complete-fg)/var(--tw-text-opacity,1))}.text-st-error-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-error-fg)/var(--tw-text-opacity,1))}.text-st-open-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-open-fg)/var(--tw-text-opacity,1))}.text-st-progress-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-progress-fg)/var(--tw-text-opacity,1))}.text-st-review-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-review-fg)/var(--tw-text-opacity,1))}.text-st-running-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-running-fg)/var(--tw-text-opacity,1))}.text-st-warning-fg{--tw-text-opacity:1;color:rgb(var(--mu-st-warning-fg)/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.decoration-accent\/40{text-decoration-color:rgb(var(--mu-accent)/.4)}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_-16px_16px_-4px_rgb\(var\(--mu-s1\)\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_-16px_16px_-4px_rgb\(var\(--mu-s1\)\)\]{--tw-shadow:0 -16px 16px -4px rgb(var(--mu-s1));--tw-shadow-colored:0 -16px 16px -4px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-accent\/20{--tw-shadow-color:rgb(var(--mu-accent)/0.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-accent\/30{--tw-shadow-color:rgb(var(--mu-accent)/0.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/20{--tw-shadow-color:rgba(0,0,0,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/30{--tw-shadow-color:rgba(0,0,0,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/40{--tw-shadow-color:rgba(0,0,0,.4);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/50{--tw-shadow-color:rgba(0,0,0,.5);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-accent\/20{--tw-ring-color:rgb(var(--mu-accent)/0.2)}.ring-accent\/30{--tw-ring-color:rgb(var(--mu-accent)/0.3)}.ring-accent\/40{--tw-ring-color:rgb(var(--mu-accent)/0.4)}.ring-accent\/50{--tw-ring-color:rgb(var(--mu-accent)/0.5)}.ring-bg{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-bg)/var(--tw-ring-opacity,1))}.ring-black\/20{--tw-ring-color:rgba(0,0,0,.2)}.ring-danger\/40{--tw-ring-color:rgb(var(--mu-danger)/0.4)}.ring-edge{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-edge)/var(--tw-ring-opacity,1))}.ring-line{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-line)/var(--tw-ring-opacity,1))}.ring-st-complete-fg\/40{--tw-ring-color:rgb(var(--mu-st-complete-fg)/0.4)}.ring-st-error-fg\/40{--tw-ring-color:rgb(var(--mu-st-error-fg)/0.4)}.ring-st-open-fg\/40{--tw-ring-color:rgb(var(--mu-st-open-fg)/0.4)}.ring-st-progress-fg\/40{--tw-ring-color:rgb(var(--mu-st-progress-fg)/0.4)}.ring-st-review-fg\/40{--tw-ring-color:rgb(var(--mu-st-review-fg)/0.4)}.ring-st-running-fg\/40{--tw-ring-color:rgb(var(--mu-st-running-fg)/0.4)}.ring-st-warning-fg\/40{--tw-ring-color:rgb(var(--mu-st-warning-fg)/0.4)}.blur{--tw-blur:blur(8px)}.blur,.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)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[animation-delay\:-0\.15s\]{animation-delay:-.15s}.\[animation-delay\:-0\.3s\]{animation-delay:-.3s}.\[i\:j\]{i:j}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[scrollbar-width\:none\]{scrollbar-width:none}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-out{0%{opacity:1;transform:translateY(0) scale(1);max-height:60rem}to{opacity:0;transform:translateY(-6px) scale(.985);max-height:0}}@keyframes card-highlight{0%{box-shadow:0 0 0 0 rgb(var(--mu-accent)/0)}25%{box-shadow:0 0 0 2px rgb(var(--mu-accent)/.5)}to{box-shadow:0 0 0 0 rgb(var(--mu-accent)/0)}}@media (prefers-reduced-motion:reduce){.card-enter,.htmx-swapping{animation:none}.press{transition:none}.sidebar-backdrop,.sidebar-panel{transition:none!important}}[data-clamp]{overflow:hidden;flex-shrink:0;transition:max-height .22s cubic-bezier(.2,.8,.2,1)}[data-clamp=closed]{cursor:pointer;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 2.5rem),transparent)}@media (prefers-reduced-motion:reduce){[data-clamp]{transition:none}}[data-flash]{animation:card-highlight 1.4s ease-out both}@media (prefers-reduced-motion:reduce){[data-flash]{animation:none;box-shadow:0 0 0 2px rgb(var(--mu-accent)/.5)}}.composer-fit{max-height:var(--composer-max-h,40dvh);overflow-y:auto}@supports (field-sizing:content){.composer-fit{field-sizing:content}}[data-tool-group][open]>[data-tool-group-body]{animation:tool-group-open .18s cubic-bezier(.2,.8,.2,1) both}[data-tool-group-body]>[data-tool-row]{max-width:100%}@keyframes tool-group-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}[data-tool-group]>summary [data-tool-group-chevron]{transition:transform .18s ease}[data-tool-group][open]>summary [data-tool-group-chevron]{transform:rotate(90deg)}[data-tool-ctx]:not([hidden])+*{margin-left:0}@media (prefers-reduced-motion:reduce){[data-tool-group][open]>[data-tool-group-body]{animation:none}[data-tool-group]>summary [data-tool-group-chevron]{transition:none}}html[data-keyboard] [data-switcher-room]{padding-bottom:env(safe-area-inset-bottom)}html[data-keyboard] [data-switcher-room]>#session-switcher{display:none}@media (max-height:30rem){html [data-switcher-room=flow]{padding-bottom:env(safe-area-inset-bottom)}html [data-switcher-room=flow]>#session-switcher{display:none}}#switcher-more,#switcher-search,#switcher-views{opacity:0;transition:opacity .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1),overlay allow-discrete .16s,display allow-discrete .16s}#switcher-more,#switcher-views{transform:translateY(8px) scale(.96);transform-origin:bottom left}#switcher-more{transform-origin:bottom right}#switcher-search{transform:translateY(-8px) scale(.98);transform-origin:top center}#switcher-more:popover-open,#switcher-search:popover-open,#switcher-views:popover-open{opacity:1;transform:none}@starting-style{#switcher-more:popover-open,#switcher-views:popover-open{opacity:0;transform:translateY(8px) scale(.96)}#switcher-search:popover-open{opacity:0;transform:translateY(-8px) scale(.98)}}@media (prefers-reduced-motion:reduce){#switcher-more,#switcher-search,#switcher-views{transition:none}}body:has(#agent-status:is([data-agent-status=running],[data-agent-status=provisioning])) #agent-actions [data-lifecycle=idle],body:not(:has(#agent-status:is([data-agent-status=running],[data-agent-status=provisioning]))) #agent-actions [data-lifecycle=live]{display:none}.marker\:content-\[\'\'\] ::marker{--tw-content:"";content:var(--tw-content)}.marker\:content-\[\'\'\]::marker{--tw-content:"";content:var(--tw-content)}.selection\:bg-accent\/30 ::-moz-selection{background-color:rgb(var(--mu-accent)/.3)}.selection\:bg-accent\/30 ::selection{background-color:rgb(var(--mu-accent)/.3)}.selection\:bg-accent\/30::-moz-selection{background-color:rgb(var(--mu-accent)/.3)}.selection\:bg-accent\/30::selection{background-color:rgb(var(--mu-accent)/.3)}.file\:mr-3::file-selector-button{margin-right:.75rem}.file\:rounded-lg::file-selector-button{border-radius:.5rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-s2::file-selector-button{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:py-1\.5::file-selector-button{padding-top:.375rem;padding-bottom:.375rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-fg::file-selector-button{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.placeholder\:text-fg2::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--mu-text2)/var(--tw-text-opacity,1))}.placeholder\:text-fg2::placeholder{--tw-text-opacity:1;color:rgb(var(--mu-text2)/var(--tw-text-opacity,1))}.placeholder\:text-muted::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--mu-muted)/var(--tw-text-opacity,1))}.placeholder\:text-muted::placeholder{--tw-text-opacity:1;color:rgb(var(--mu-muted)/var(--tw-text-opacity,1))}.backdrop\:bg-black\/40::backdrop{background-color:rgba(0,0,0,.4)}.backdrop\:bg-black\/60::backdrop{background-color:rgba(0,0,0,.6)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:inset-x-0:after{content:var(--tw-content);left:0;right:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:z-10:after{content:var(--tw-content);z-index:10}.after\:h-11:after{content:var(--tw-content);height:2.75rem}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.empty\:hidden:empty{display:none}.hover\:bg-accent\/10:hover{background-color:rgb(var(--mu-accent)/.1)}.hover\:bg-accent\/15:hover{background-color:rgb(var(--mu-accent)/.15)}.hover\:bg-accent\/25:hover{background-color:rgb(var(--mu-accent)/.25)}.hover\:bg-accent\/40:hover{background-color:rgb(var(--mu-accent)/.4)}.hover\:bg-accent\/90:hover{background-color:rgb(var(--mu-accent)/.9)}.hover\:bg-danger\/90:hover{background-color:rgb(var(--mu-danger)/.9)}.hover\:bg-s1\/80:hover{background-color:rgb(var(--mu-s1)/.8)}.hover\:bg-s2:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.hover\:bg-s2\/60:hover{background-color:rgb(var(--mu-s2)/.6)}.hover\:bg-s2\/80:hover{background-color:rgb(var(--mu-s2)/.8)}.hover\:bg-s3:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.hover\:bg-s3\/80:hover{background-color:rgb(var(--mu-s3)/.8)}.hover\:bg-st-error-bg:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-error-bg)/var(--tw-bg-opacity,1))}.hover\:bg-st-review-bg:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-review-bg)/var(--tw-bg-opacity,1))}.hover\:bg-st-running-bg:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-st-running-bg)/var(--tw-bg-opacity,1))}.hover\:text-accent:hover{--tw-text-opacity:1;color:rgb(var(--mu-accent)/var(--tw-text-opacity,1))}.hover\:text-fg:hover{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.hover\:text-st-error-fg:hover{--tw-text-opacity:1;color:rgb(var(--mu-st-error-fg)/var(--tw-text-opacity,1))}.hover\:text-st-running-fg:hover{--tw-text-opacity:1;color:rgb(var(--mu-st-running-fg)/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:file\:bg-s3::file-selector-button:hover{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.focus\:bg-accent\/60:focus{background-color:rgb(var(--mu-accent)/.6)}.focus\:bg-s2:focus{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-focus:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-focus)/var(--tw-ring-opacity,1))}.focus-visible\:bg-s2:focus-visible{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.focus-visible\:ring-focus:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-focus)/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-bg:focus-visible{--tw-ring-offset-color:rgb(var(--mu-bg)/1)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-95:active,.active\:scale-\[0\.98\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:after\:hidden:disabled:after{content:var(--tw-content);display:none}.group\/pw[open] .group-open\/pw\:mb-2{margin-bottom:.5rem}.group\/adv[open] .group-open\/adv\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/code[open] .group-open\/code\:rotate-90,.group\/idle[open] .group-open\/idle\:rotate-90{--tw-rotate:90deg}.group\/code[open] .group-open\/code\:rotate-90,.group\/idle[open] .group-open\/idle\:rotate-90,.group\/pw[open] .group-open\/pw\:rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/pw[open] .group-open\/pw\:rotate-180{--tw-rotate:180deg}.group\/s[open] .group-open\/s\:rotate-90{--tw-rotate:90deg}.group[open] .group-open\:rotate-180,.group\/s[open] .group-open\/s\:rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[open] .group-open\:rotate-180{--tw-rotate:180deg}.group:hover .group-hover\:bg-accent\/25{background-color:rgb(var(--mu-accent)/.25)}.group:hover .group-hover\:bg-accent\/90{background-color:rgb(var(--mu-accent)/.9)}.group:hover .group-hover\:bg-s2{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-s3{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-fg2{--tw-text-opacity:1;color:rgb(var(--mu-text2)/var(--tw-text-opacity,1))}.peer:checked~.peer-checked\:block{display:block}.peer:checked~.peer-checked\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.has-\[\:disabled\]\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-\[\:checked\]\:bg-accent:has(:checked){--tw-bg-opacity:1;background-color:rgb(var(--mu-accent)/var(--tw-bg-opacity,1))}.has-\[\:checked\]\:text-on-accent:has(:checked){--tw-text-opacity:1;color:rgb(var(--mu-on-accent)/var(--tw-text-opacity,1))}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\:focus-visible\]\:ring-2:has(:focus-visible){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.has-\[\:focus-visible\]\:ring-focus:has(:focus-visible){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--mu-focus)/var(--tw-ring-opacity,1))}.aria-checked\:text-accent[aria-checked=true]{--tw-text-opacity:1;color:rgb(var(--mu-accent)/var(--tw-text-opacity,1))}.aria-disabled\:cursor-wait[aria-disabled=true]{cursor:wait}.aria-disabled\:opacity-60[aria-disabled=true]{opacity:.6}.aria-expanded\:bg-s2[aria-expanded=true]{--tw-bg-opacity:1;background-color:rgb(var(--mu-s2)/var(--tw-bg-opacity,1))}.aria-expanded\:bg-s3[aria-expanded=true]{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.aria-pressed\:bg-accent[aria-pressed=true]{--tw-bg-opacity:1;background-color:rgb(var(--mu-accent)/var(--tw-bg-opacity,1))}.aria-pressed\:text-on-accent[aria-pressed=true]{--tw-text-opacity:1;color:rgb(var(--mu-on-accent)/var(--tw-text-opacity,1))}.aria-selected\:border-accent[aria-selected=true]{--tw-border-opacity:1;border-color:rgb(var(--mu-accent)/var(--tw-border-opacity,1))}.aria-selected\:text-fg[aria-selected=true]{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.group[aria-checked=true] .group-aria-checked\:visible{visibility:visible}.group[aria-checked=true] .group-aria-checked\:text-accent{--tw-text-opacity:1;color:rgb(var(--mu-accent)/var(--tw-text-opacity,1))}.group[aria-expanded=true] .group-aria-expanded\:bg-s3{--tw-bg-opacity:1;background-color:rgb(var(--mu-s3)/var(--tw-bg-opacity,1))}.group[aria-expanded=true] .group-aria-expanded\:text-fg{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.data-\[active\=true\]\:bg-accent\/15[data-active=true]{background-color:rgb(var(--mu-accent)/.15)}.data-\[state\=recording\]\:bg-danger[data-state=recording]{--tw-bg-opacity:1;background-color:rgb(var(--mu-danger)/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:text-fg[data-active=true]{--tw-text-opacity:1;color:rgb(var(--mu-text)/var(--tw-text-opacity,1))}.data-\[pinned\=true\]\:text-accent[data-pinned=true]{--tw-text-opacity:1;color:rgb(var(--mu-accent)/var(--tw-text-opacity,1))}.data-\[state\=recording\]\:text-on-accent[data-state=recording]{--tw-text-opacity:1;color:rgb(var(--mu-on-accent)/var(--tw-text-opacity,1))}.data-\[state\=recording\]\:ring-0[data-state=recording]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group[data-state=busy] .group-data-\[state\=busy\]\:block,.group[data-state=recording] .group-data-\[state\=recording\]\:block{display:block}.group[data-state=busy] .group-data-\[state\=busy\]\:hidden,.group[data-state=recording] .group-data-\[state\=recording\]\:hidden{display:none}@supports ((-webkit-backdrop-filter:var(--tw )) or (backdrop-filter:var(--tw ))){.supports-\[backdrop-filter\]\:bg-bg\/60{background-color:rgb(var(--mu-bg)/.6)}}@media (prefers-reduced-motion:no-preference){@keyframes ping{75%,to{transform:scale(2);opacity:0}}.motion-safe\:animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}}@media not all and (min-width:640px){.max-sm\:hidden{display:none}.max-sm\:h-11{height:2.75rem}.max-sm\:w-11{width:2.75rem}.max-sm\:justify-center{justify-content:center}.max-sm\:px-0{padding-left:0;padding-right:0}}@media (min-width:640px){.sm\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.sm\:m-auto{margin:auto}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:w-\[28rem\]{width:28rem}.sm\:items-center{align-items:center}.sm\:rounded-2xl{border-radius:1rem}.sm\:pb-5{padding-bottom:1.25rem}}@media (min-width:1024px){.lg\:hidden{display:none}.lg\:max-w-5xl{max-width:64rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:pl-72{padding-left:18rem}}@media (min-width:1280px){.xl\:max-w-6xl{max-width:72rem}}@media (min-width:1536px){.\32xl\:max-w-\[110rem\]{max-width:110rem}}@media (min-width:2560px){.min-\[2560px\]\:max-w-\[150rem\]{max-width:150rem}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker,.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:not\(\[hidden\]\)\]\:flex:not([hidden]){display:flex}.\[\&\:popover-open\]\:flex:popover-open{display:flex}.\[\&\:popover-open\]\:grid:popover-open{display:grid}.\[\&\>\*\]\:pointer-events-auto>*{pointer-events:auto}.\[\&\[data-cg-unlaid\]\>\*\]\:invisible[data-cg-unlaid]>*,.\[\&\[data-cg-unlaid\]\]\:invisible[data-cg-unlaid],.\[\&\[data-compose-pending\]\]\:invisible[data-compose-pending],.\[\&\[data-switcher-pending\]\]\:invisible[data-switcher-pending]{visibility:hidden}.\[\&\[hidden\]\]\:hidden[hidden]{display:none}.\[\&\[open\]\]\:flex[open]{display:flex}.\[\&_\[data-task-title\]\]\:text-fg2 [data-task-title]{--tw-text-opacity:1;color:rgb(var(--mu-text2)/var(--tw-text-opacity,1))}
\ No newline at end of file