@vibes.diy/base 14.3.23 → 14.3.25

package/components/vibe-menu/VibeMenu.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useId, useState } from "react";
-import { currentMoment } from "./moments.js";
+import { currentMoment, withOpenLog } from "./moments.js";
 import { CODE_TABS, activeWorkspaceTab } from "./code-tabs.js";
 import { openEventFor, resolveOpening } from "./open-resolver.js";
 import { useComposerDraft } from "./parts/use-composer-draft.js";
@@ -54,7 +54,13 @@ export function VibeMenu(props) {
     const activeTab = activeWorkspaceTab(resolveActiveCodeTab({ tab: code.codeTab, disabled: code.disabledCodeTabs }), state.view);
     const workspaceVisible = state.phase === "card" && state.section === "vibe" && codeModeOn && WORKSPACE_CODE_TABS.includes(activeTab);
     const editor = viewer.canEditSource === true && pending === false;
-    const moment = editor ? currentMoment(code.moments) : { pinned: null, live: null };
+    const moment = editor
+        ? withOpenLog(currentMoment(code.moments), {
+            logOpen,
+            hasLog: code.log.length + draft.queued.length > 0,
+            codeMode: codeModeOn,
+        })
+        : { pinned: null, live: null };
     const hasLiveLine = moment.live !== null;
     const logShowing = codeOpen && codeModeOn === false && logOpen && hasLiveLine;
     function navFor(shown) {

package/components/vibe-menu/VibeMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"VibeMenu.js","sourceRoot":"","sources":["../../../jsr/components/vibe-menu/VibeMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VibeMenu.js","sourceRoot":"","sources":["../../../jsr/components/vibe-menu/VibeMenu.tsx"],"names":[],"mappings":"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"}

package/components/vibe-menu/cards/CodeCard.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { SECTION_TITLES } from "../menu-state.js";
-import { currentMoment } from "../moments.js";
+import { currentMoment, withOpenLog } from "../moments.js";
 import { activeWorkspaceTab } from "../code-tabs.js";
 import { REMIX_INVITE_KICKER } from "../copy.js";
 import { BackRow } from "../parts/BackRow.js";
@@ -55,13 +55,15 @@ export function CodeCard(props) {
     const editor = viewer.canEditSource === true && pending === false;
     const codeModeAllowed = code.codeModeAvailable === true && pending === false;
     const codeModeOn = codeModeAllowed && code.codeMode === true;
-    const moment = editor ? currentMoment(code.moments) : NO_MOMENT;
+    const queuedLines = draft.queued.map((text) => ({ who: "you", text }));
+    const logLines = [...code.log, ...queuedLines];
+    const moment = editor
+        ? withOpenLog(currentMoment(code.moments), { logOpen: props.logOpen, hasLog: logLines.length > 0, codeMode: codeModeOn })
+        : NO_MOMENT;
     const hasMoment = moment.pinned !== null || moment.live !== null;
     const kicker = kickerFor({ code, banner: nav.banner, editor, pending });
     const composer = pending === true ? neutralComposer(code.composer) : code.composer;
     const placeholder = pending === true ? "" : composer.cap === "Remix this" && props.remixHint !== "" ? props.remixHint : composer.placeholder;
-    const queuedLines = draft.queued.map((text) => ({ who: "you", text }));
-    const logLines = [...code.log, ...queuedLines];
     const head = (React.createElement(React.Fragment, null,
         kicker !== "" ? React.createElement("p", { className: "vm-kicker" }, kicker) : null,
         React.createElement(Composer, { composer: composer, draft: draft, placeholder: placeholder })));

package/components/vibe-menu/cards/CodeCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeCard.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/cards/CodeCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CodeCard.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/cards/CodeCard.tsx"],"names":[],"mappings":"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"}

package/components/vibe-menu/moments.d.ts

@@ -4,10 +4,20 @@ export interface MomentItem {
     readonly text: string;
     readonly options?: readonly string[];
     readonly actions?: readonly string[];
+    readonly link?: {
+        readonly href: string;
+        readonly label: string;
+    };
 }
 export interface CurrentMoment {
     readonly pinned: MomentItem | null;
     readonly live: MomentItem | null;
 }
 export declare function currentMoment(items: readonly MomentItem[]): CurrentMoment;
+export declare const OPEN_LOG_LINE: MomentItem;
+export declare function withOpenLog(moment: CurrentMoment, o: {
+    readonly logOpen: boolean;
+    readonly hasLog: boolean;
+    readonly codeMode: boolean;
+}): CurrentMoment;
 export declare const MOMENT_FIXTURES: Readonly<Record<string, readonly MomentItem[]>>;

package/components/vibe-menu/moments.js

@@ -20,6 +20,12 @@ export function currentMoment(items) {
         return { pinned: null, live: progress };
     return { pinned: null, live: lastSummary(items) };
 }
+export const OPEN_LOG_LINE = Object.freeze({ kind: "summary", text: "Conversation so far" });
+export function withOpenLog(moment, o) {
+    if (moment.live !== null || o.codeMode === true || o.logOpen !== true || o.hasLog !== true)
+        return moment;
+    return { pinned: moment.pinned, live: OPEN_LOG_LINE };
+}
 const QUESTION = {
     kind: "question",
     text: "Should finished tasks disappear or move to the bottom?",

package/components/vibe-menu/moments.js.map

@@ -1 +1 @@
-{"version":3,"file":"moments.js","sourceRoot":"","sources":["../../../jsr/components/vibe-menu/moments.ts"],"names":[],"mappings":"AAmBA,MAAM,YAAY,GAA0B,MAAM,CAAC,MAAM,CAAe,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAErH,SAAS,WAAW,CAAC,KAA4B;IAC/C,KAAK,MAAM,IAAI,IAAI,YAAY,EAAE,CAAC;QAChC,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;QAC/C,IAAI,GAAG,KAAK,SAAS;YAAE,OAAO,GAAG,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,WAAW,CAAC,KAA4B;IAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAC5D,OAAO,SAAS,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAA4B;IACxD,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,IAAI,IAAI,CAAC;IAElE,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IACvD,IAAI,QAAQ,KAAK,IAAI;QAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IAC/D,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;AACpD,CAAC;AAED,MAAM,QAAQ,GAAe;IAC3B,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,wDAAwD;IAC9D,OAAO,EAAE,CAAC,WAAW,EAAE,oBAAoB,CAAC;CAC7C,CAAC;AACF,MAAM,QAAQ,GAAe,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC;AAE7E,MAAM,CAAC,MAAM,eAAe,GAAoD,MAAM,CAAC,MAAM,CAAC;IAC5F,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE,CAAC,QAAQ,CAAC;IACpB,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,2BAA2B,EAAE,CAAC;IACjE,QAAQ,EAAE,CAAC,QAAQ,CAAC;IACpB,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,uCAAuC,EAAE,OAAO,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC;IACpG,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,0CAA0C,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IAGzG,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,uCAAuC,EAAE,OAAO,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;IAClG,mBAAmB,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;CAC1C,CAAC,CAAC"}
+{"version":3,"file":"moments.js","sourceRoot":"","sources":["../../../jsr/components/vibe-menu/moments.ts"],"names":[],"mappings":"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"}

package/components/vibe-menu/parts/MomentLine.js

@@ -26,16 +26,24 @@ function PinnedMoment(props) {
                 : (item.actions ?? []).map((action, index) => (React.createElement(Chip, { key: action, label: action, ghost: index > 0, onClick: () => props.onAction(item, action) }))),
             item.kind === "question" ? React.createElement("span", { className: "vm-moment-hint" }, "or type your own answer") : null)));
 }
+function stayIfHere(e) {
+    const here = window.location.href.split(/[?#]/)[0];
+    const there = e.currentTarget.href.split(/[?#]/)[0];
+    if (here === there)
+        e.preventDefault();
+}
 function LiveMoment(props) {
     const logId = React.useId();
     const item = props.item;
     const kindClass = item.kind === "progress" ? "is-progress" : "is-summary";
     const busy = item.kind === "progress" ? React.createElement("span", { className: "vm-busy", "aria-hidden": "true" }) : null;
     const log = props.log;
+    const link = item.link === undefined ? null : (React.createElement("a", { className: "vm-moment-link", href: item.link.href, onClick: stayIfHere }, item.link.label));
     if (log === null) {
         return (React.createElement("p", { className: `vm-moment ${kindClass}`, "data-moment": item.kind },
             busy,
-            React.createElement("span", null, item.text)));
+            React.createElement("span", null, item.text),
+            link));
     }
     return (React.createElement("div", { className: "vm-live" },
         React.createElement("button", { className: `vm-moment ${kindClass} is-expander`, type: "button", "data-moment": item.kind, "aria-expanded": log.open, "aria-controls": logId, "aria-label": `Agent log: ${item.text}`, onClick: () => log.onToggle() },
@@ -43,6 +51,7 @@ function LiveMoment(props) {
                 React.createElement(Glyph, { name: "chevron-right" })),
             busy,
             React.createElement("span", null, item.text)),
+        link,
         React.createElement("div", { className: "vm-log-clip", "data-log-clip": "", "data-open": log.open ? "true" : "false", inert: log.open ? undefined : true },
             React.createElement(AgentLog, { id: logId, lines: log.lines }))));
 }

package/components/vibe-menu/parts/MomentLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"MomentLine.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/parts/MomentLine.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MomentLine.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/parts/MomentLine.tsx"],"names":[],"mappings":"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"}

package/components/vibe-menu/vibe-menu.styles.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
 export declare const VIBE_MENU_LIGHT_VARS = "\n  color-scheme: light;\n  --section-home: oklch(76.02% 0.1832 146.61);\n  --section-account: oklch(57.46% 0.2126 29.55);\n  --section-code: oklch(89.78% 0.1857 98.22);\n  --section-share: oklch(64.39% 0.1304 231.41);\n  --vibes-black: #000000;\n  --vibes-cream: #fffff0;\n  --menu-ink: #1a1a1a;\n  --card-bg: var(--vibes-cream);\n  --ink: #111111;\n  --muted: #555555;\n  --line: #111111;\n  --line-hairline: #1111112e;\n  --placeholder: var(--muted);\n  --suggest-border: #11111173;\n  --share-tint: #009ace1f;\n  --share-tint-strong: #009ace40;\n  --on-home: var(--menu-ink);\n  --on-account: var(--vibes-cream);\n  --on-code: var(--menu-ink);\n  --on-share: var(--menu-ink);\n  --badge: var(--section-account);\n  --on-badge: var(--vibes-cream);\n  --obsidian-fill: rgba(6, 9, 10, 0.94);\n  --obsidian-edge: rgba(255, 255, 255, 0.17);\n  --obsidian-highlight: rgba(255, 255, 255, 0.32);\n  --obsidian-rim: rgba(255, 255, 255, 0.1);\n  --font-display: \"Alte Haas Grotesk\", Inter, sans-serif;\n  --font-tab: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n  --space-9: 9px;\n  --space-2: 2px;\n  --space-4: 4px;\n  --space-6: 6px;\n  --space-8: 8px;\n  --space-10: 10px;\n  --space-12: 12px;\n  --space-14: 14px;\n  --space-16: 16px;\n  --space-18: 18px;\n  --space-24: 24px;\n  --radius-card: 16px;\n  --radius-full: 999px;\n  --radius-bar-end: 25px;\n  --radius-access-line: 24px;\n  --radius-input: 22px;\n  --radius-done: 21px;\n  --radius-copy: 18px;\n  --radius-chip: 14px;\n  --radius-moment: 12px;\n  --radius-switch: 10px;\n  --radius-meter: 7px;\n  --obsidian-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(255, 255, 255, 0.05), inset 0 0 12px rgba(255, 255, 255, 0.02);\n  --swatch-selected: 0 0 0 2px #fffff0, 0 0 0 4px #111111;\n  --stroke-rule: 2px;\n  --stroke-hairline: 1px;\n  --stroke-mini: 1.5px;\n  --stroke-focus: 3px;\n  --stroke-glyph: 2.4px;\n  --size-icon-circle: 28px;\n  --size-icon-circle-phone: 22px;\n  --size-glyph: 14px;\n  --size-glyph-cta: 20px;\n  --size-bar: 50px;\n  --size-tab: 176px;\n  --size-home-extra: 14px;\n  --size-bar-end: 63px;\n  --size-pill-w: 120px;\n  --size-pill-h: 44px;\n  --size-ring: 3px;\n  --size-edge: 24px;\n  --size-edge-phone: 16px;\n  --size-pill-flat-inset: 19px;\n  --size-band: 8px;\n  --size-row: 46px;\n  --size-row-compact: 42px;\n  --size-chip: 28px;\n  --size-copy: 36px;\n  --size-input: 44px;\n  --size-composer: 58px;\n  --size-access-line: 48px;\n  --size-segment: 32px;\n  --size-segment-mini: 24px;\n  --size-switch-w: 36px;\n  --size-meter: 14px;\n  --size-card-max: 480px;\n  --size-card-max-phone: 560px;\n  --size-log-max: 160px;\n  --size-code-mode-max-w: 1200px;\n  --opacity-tab-inactive: 0.73;\n  --opacity-row-disabled: 0.35;";
 export declare const VIBE_MENU_DARK_VARS = "\n  color-scheme: dark;\n  --card-bg: #1a1a1a;\n  --ink: #e0e0e0;\n  --muted: #a3a3a3;\n  --line: #e0e0e0;\n  --line-hairline: #e0e0e02e;\n  --suggest-border: #e0e0e073;\n  --swatch-selected: 0 0 0 2px #1a1a1a, 0 0 0 4px #e0e0e0;";
-export declare const VIBE_MENU_CSS = "\n/* ---------- tokens (tokens.json), light, then both dark arms ----------\n   Detached layers (portalled out of the menu root) carry\n   data-vibe-menu-detached, so every token block lists them too. */\n[data-vibe-menu],\n[data-vibe-menu-detached] {\n  color-scheme: light;\n  --section-home: oklch(76.02% 0.1832 146.61);\n  --section-account: oklch(57.46% 0.2126 29.55);\n  --section-code: oklch(89.78% 0.1857 98.22);\n  --section-share: oklch(64.39% 0.1304 231.41);\n  --vibes-black: #000000;\n  --vibes-cream: #fffff0;\n  --menu-ink: #1a1a1a;\n  --card-bg: var(--vibes-cream);\n  --ink: #111111;\n  --muted: #555555;\n  --line: #111111;\n  --line-hairline: #1111112e;\n  --placeholder: var(--muted);\n  --suggest-border: #11111173;\n  --share-tint: #009ace1f;\n  --share-tint-strong: #009ace40;\n  --on-home: var(--menu-ink);\n  --on-account: var(--vibes-cream);\n  --on-code: var(--menu-ink);\n  --on-share: var(--menu-ink);\n  --badge: var(--section-account);\n  --on-badge: var(--vibes-cream);\n  --obsidian-fill: rgba(6, 9, 10, 0.94);\n  --obsidian-edge: rgba(255, 255, 255, 0.17);\n  --obsidian-highlight: rgba(255, 255, 255, 0.32);\n  --obsidian-rim: rgba(255, 255, 255, 0.1);\n  --font-display: \"Alte Haas Grotesk\", Inter, sans-serif;\n  --font-tab: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n  --space-9: 9px;\n  --space-2: 2px;\n  --space-4: 4px;\n  --space-6: 6px;\n  --space-8: 8px;\n  --space-10: 10px;\n  --space-12: 12px;\n  --space-14: 14px;\n  --space-16: 16px;\n  --space-18: 18px;\n  --space-24: 24px;\n  --radius-card: 16px;\n  --radius-full: 999px;\n  --radius-bar-end: 25px;\n  --radius-access-line: 24px;\n  --radius-input: 22px;\n  --radius-done: 21px;\n  --radius-copy: 18px;\n  --radius-chip: 14px;\n  --radius-moment: 12px;\n  --radius-switch: 10px;\n  --radius-meter: 7px;\n  --obsidian-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(255, 255, 255, 0.05), inset 0 0 12px rgba(255, 255, 255, 0.02);\n  --swatch-selected: 0 0 0 2px #fffff0, 0 0 0 4px #111111;\n  --stroke-rule: 2px;\n  --stroke-hairline: 1px;\n  --stroke-mini: 1.5px;\n  --stroke-focus: 3px;\n  --stroke-glyph: 2.4px;\n  --size-icon-circle: 28px;\n  --size-icon-circle-phone: 22px;\n  --size-glyph: 14px;\n  --size-glyph-cta: 20px;\n  --size-bar: 50px;\n  --size-tab: 176px;\n  --size-home-extra: 14px;\n  --size-bar-end: 63px;\n  --size-pill-w: 120px;\n  --size-pill-h: 44px;\n  --size-ring: 3px;\n  --size-edge: 24px;\n  --size-edge-phone: 16px;\n  --size-pill-flat-inset: 19px;\n  --size-band: 8px;\n  --size-row: 46px;\n  --size-row-compact: 42px;\n  --size-chip: 28px;\n  --size-copy: 36px;\n  --size-input: 44px;\n  --size-composer: 58px;\n  --size-access-line: 48px;\n  --size-segment: 32px;\n  --size-segment-mini: 24px;\n  --size-switch-w: 36px;\n  --size-meter: 14px;\n  --size-card-max: 480px;\n  --size-card-max-phone: 560px;\n  --size-log-max: 160px;\n  --size-code-mode-max-w: 1200px;\n  --opacity-tab-inactive: 0.73;\n  --opacity-row-disabled: 0.35;\n}\n@media (prefers-color-scheme: dark) {\n  [data-vibe-menu],\n  [data-vibe-menu-detached] {\n  color-scheme: dark;\n  --card-bg: #1a1a1a;\n  --ink: #e0e0e0;\n  --muted: #a3a3a3;\n  --line: #e0e0e0;\n  --line-hairline: #e0e0e02e;\n  --suggest-border: #e0e0e073;\n  --swatch-selected: 0 0 0 2px #1a1a1a, 0 0 0 4px #e0e0e0;\n  }\n}\n.dark [data-vibe-menu],\n.dark [data-vibe-menu-detached] {\n  color-scheme: dark;\n  --card-bg: #1a1a1a;\n  --ink: #e0e0e0;\n  --muted: #a3a3a3;\n  --line: #e0e0e0;\n  --line-hairline: #e0e0e02e;\n  --suggest-border: #e0e0e073;\n  --swatch-selected: 0 0 0 2px #1a1a1a, 0 0 0 4px #e0e0e0;\n}\n\n/* ---------- the root: the phone container ---------- */\n[data-vibe-menu] {\n  container-name: vibe-menu;\n  container-type: inline-size;\n  color: var(--ink);\n  font-family: var(--font-display);\n}\n\n/* Scrollbars (smoke F15): thin, in the menu's hairline, both themes, never the\n   native dark bar inside the cream card. The colour is set on the root AND\n   every descendant, for every scroller the menu hosts (drills, the Embed box,\n   injected panels): the app's global sheet sets scrollbar-color on *, which\n   beats a colour only inherited from the root. The width rule has zero\n   specificity so a part that hides its bar (the Code mode tab strip) still\n   wins. The webkit arm is for engines without the standard properties; Chrome\n   ignores it once they are set. */\n[data-vibe-menu],\n[data-vibe-menu] *,\n[data-vibe-menu-detached],\n[data-vibe-menu-detached] * {\n  scrollbar-color: var(--line-hairline) transparent;\n}\n:where([data-vibe-menu]),\n:where([data-vibe-menu]) :where(*) {\n  scrollbar-width: thin;\n}\n:where([data-vibe-menu]) ::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background: transparent;\n}\n:where([data-vibe-menu]) ::-webkit-scrollbar-thumb {\n  border-radius: var(--radius-full);\n  background: var(--line-hairline);\n}\n\n/* A section is set by data-section on any ancestor (or the root), using the\n   code keys: home | settings (Account) | vibe (Code) | share. It sets --accent\n   (the section colour) and --on-accent (its label colour). */\n[data-vibe-menu][data-section=\"home\"],\n[data-vibe-menu] [data-section=\"home\"] {\n  --accent: var(--section-home);\n  --on-accent: var(--on-home);\n}\n[data-vibe-menu][data-section=\"settings\"],\n[data-vibe-menu] [data-section=\"settings\"] {\n  --accent: var(--section-account);\n  --on-accent: var(--on-account);\n}\n[data-vibe-menu][data-section=\"vibe\"],\n[data-vibe-menu] [data-section=\"vibe\"] {\n  --accent: var(--section-code);\n  --on-accent: var(--on-code);\n}\n[data-vibe-menu][data-section=\"share\"],\n[data-vibe-menu] [data-section=\"share\"] {\n  --accent: var(--section-share);\n  --on-accent: var(--on-share);\n}\n\n[data-vibe-menu],\n[data-vibe-menu] * {\n  box-sizing: border-box;\n}\n/* the card's surface and side padding, so rows can bleed edge to edge */\n[data-vibe-menu] .vm-card-body {\n  position: relative;\n  padding: var(--space-14) var(--space-16) var(--space-16);\n  background: var(--card-bg);\n  color: var(--ink);\n  font: 400 14px/20px var(--font-display);\n}\n[data-vibe-menu] .vm-card-body.is-framed {\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-card) var(--radius-card) 0 0;\n  overflow: hidden;\n}\n\n/* ---------- shared ---------- */\n/* Zero specificity: every vm-* rule wins over it, and so does any utility\n   class on content a host injects into the card (slots). */\n:where([data-vibe-menu]) :where(button) {\n  font: inherit;\n  color: inherit;\n  background: none;\n  border: 0;\n  padding: 0;\n  cursor: pointer;\n  text-align: left;\n  touch-action: manipulation;\n}\n[data-vibe-menu] .vm-glyph {\n  width: var(--size-glyph);\n  height: var(--size-glyph);\n  fill: none;\n  stroke: currentColor;\n  stroke-width: var(--stroke-glyph);\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  flex: none;\n}\n[data-vibe-menu] .vm-label,\n[data-vibe-menu] .vm-seg button,\n[data-vibe-menu] .vm-chip {\n  font: 700 14px/1 var(--font-tab);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n[data-vibe-menu] .vm-label.is-plain {\n  font: 700 16px/1.1 var(--font-display);\n  letter-spacing: 0;\n  text-transform: none;\n}\n[data-vibe-menu] .vm-kicker,\n[data-vibe-menu] .vm-subhead {\n  margin: 0 0 var(--space-8);\n  font: 700 10.5px/1.3 var(--font-tab);\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-subhead {\n  margin: var(--space-16) 0 0;\n  padding-bottom: var(--space-8);\n}\n[data-vibe-menu] .vm-sub {\n  margin: var(--space-8) 0 var(--space-14);\n  font-size: 13px;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-app-name {\n  white-space: nowrap;\n}\n[data-vibe-menu] .vm-busy {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  border: var(--stroke-rule) solid var(--line);\n  border-top-color: transparent;\n  flex: none;\n  animation: vm-spin 0.9s linear infinite;\n}\n@keyframes vm-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-vibe-menu] .vm-busy {\n    animation: none;\n    border-top-color: var(--line);\n  }\n}\n\n/* ---------- SectionStrip: the bar ---------- */\n[data-vibe-menu] .vm-menu {\n  position: relative;\n}\n[data-vibe-menu] .vm-strip {\n  position: relative;\n  width: calc(var(--size-tab) * 4 + var(--size-home-extra) + var(--size-bar-end) + 2px);\n  height: var(--size-bar);\n}\n[data-vibe-menu] .vm-strip-slide {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-end;\n  border: var(--stroke-rule) solid var(--line);\n  border-right: 0;\n  border-radius: var(--bar-tl, var(--radius-bar-end)) 0 0 var(--radius-bar-end);\n  overflow: hidden;\n  background: var(--card-bg);\n}\n[data-vibe-menu] .vm-tab {\n  position: relative;\n  width: var(--size-tab);\n  flex: none;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border: 0;\n  padding: 0 0 0 var(--space-9);\n  cursor: pointer;\n  background: var(--accent);\n}\n[data-vibe-menu] .vm-tab-circle {\n  width: var(--size-icon-circle);\n  height: var(--size-icon-circle);\n  border-radius: 50%;\n  background: var(--menu-ink);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n}\n[data-vibe-menu] .vm-tab svg {\n  width: calc(var(--size-icon-circle) / 2);\n  height: calc(var(--size-icon-circle) / 2);\n  fill: none;\n  stroke: var(--vibes-cream);\n  stroke-width: 2.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  flex: none;\n}\n[data-vibe-menu] .vm-tab-label {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 0 0 1.9px;\n  font-family: var(--font-tab);\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 1.9px;\n  text-transform: uppercase;\n  white-space: nowrap;\n  pointer-events: none;\n  color: var(--on-accent);\n}\n[data-vibe-menu] .vm-tab[data-section=\"home\"] {\n  width: calc(var(--size-tab) + var(--size-home-extra));\n  padding-left: calc(var(--space-9) + var(--size-home-extra) / 2);\n}\n[data-vibe-menu] .vm-tab[data-section=\"home\"] .vm-tab-label {\n  left: calc(var(--size-home-extra) / 2);\n}\n[data-vibe-menu] .vm-tab[data-section=\"share\"] {\n  width: calc(var(--size-tab) + var(--size-bar-end));\n}\n[data-vibe-menu] .vm-tab[data-section=\"share\"] .vm-tab-label {\n  right: var(--size-bar-end);\n}\n[data-vibe-menu] .vm-tab:focus-visible {\n  outline: var(--stroke-focus) solid var(--line);\n  outline-offset: -3px;\n}\n/* Port change (smoke F5): the DS inset line ring vanished on the black pill\n   and drew square corners. The pill's ring is cream, sits in the obsidian\n   glass's 3px rim (offset 0), and follows the stadium (the pill's radius). */\n[data-vibe-menu] .vm-pill:focus-visible {\n  outline: var(--stroke-focus) solid var(--vibes-cream);\n  outline-offset: 0;\n}\n[data-vibe-menu] .vm-menu.has-card .vm-tab:not(.is-active) {\n  opacity: var(--opacity-tab-inactive);\n}\n[data-vibe-menu] .vm-badge {\n  position: absolute;\n  top: -4px;\n  right: 6px;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: var(--radius-full);\n  background: var(--badge);\n  color: var(--on-badge);\n  font: 700 11px/18px var(--font-display);\n  text-align: center;\n}\n/* the bar sits against the pill: it runs half the glass under it */\n[data-vibe-menu] .vm-bar-anchor {\n  position: relative;\n  height: var(--size-bar);\n}\n[data-vibe-menu] .vm-bar-anchor .vm-strip {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n[data-vibe-menu] .vm-bar-anchor .vm-glass {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n}\n/* phones: the bar spans the width; tabs sized to their content, icon above label */\n[data-vibe-menu] .vm-strip.is-phone {\n  width: 100%;\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab {\n  width: auto;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2);\n  min-width: 0;\n  padding: 4px 2px;\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab-circle {\n  width: var(--size-icon-circle-phone);\n  height: var(--size-icon-circle-phone);\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab svg {\n  width: 12px;\n  height: 12px;\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab[data-section=\"home\"] {\n  padding: 4px 2px 4px calc(2px + var(--size-home-extra) * 0.7);\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab[data-section=\"share\"] {\n  padding-right: var(--size-bar-end);\n  flex-grow: 1;\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab-label {\n  position: static;\n  display: block;\n  font-size: 9.6px;\n  letter-spacing: 1px;\n  padding: 0 0 0 1px;\n}\n\n/* ---------- VibesSwitch: the pill in its obsidian glass ---------- */\n[data-vibe-menu] .vm-glass {\n  position: relative;\n  width: calc(var(--size-pill-w) + 2 * var(--size-ring));\n  height: calc(var(--size-pill-h) + 2 * var(--size-ring));\n  border-radius: var(--radius-full);\n  flex: none;\n  background:\n    linear-gradient(to right, transparent, var(--obsidian-highlight), transparent) top / 100% 1px no-repeat,\n    linear-gradient(to bottom, var(--obsidian-highlight), transparent, var(--obsidian-edge)) left / 1px 100% no-repeat,\n    var(--obsidian-fill);\n  box-shadow: var(--obsidian-shadow);\n}\n[data-vibe-menu] .vm-pill {\n  position: absolute;\n  left: var(--size-ring);\n  top: var(--size-ring);\n  width: var(--size-pill-w);\n  height: var(--size-pill-h);\n  padding: 0;\n  border: 0;\n  border-radius: var(--radius-full);\n  background: none;\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-switch-art {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n[data-vibe-menu] .vm-pill .vm-badge {\n  top: -6px;\n  right: 4px;\n}\n[data-vibe-menu] .vm-chiclet {\n  display: inline-block;\n  padding: 2px 8px;\n  border-radius: var(--radius-full);\n  background: var(--section-code);\n  /* Port change: bundle.css writes #111111 (ink); text on a section colour is\n     menu-ink (Global Constraints), which --on-code resolves to in both themes. */\n  color: var(--on-code);\n  font: 700 11px/18px var(--font-display);\n  letter-spacing: 0.06em;\n}\n\n/* ---------- MenuCard: the card, its band and the folder-tab join, drawn once ---------- */\n[data-vibe-menu] .vm-frame {\n  position: relative;\n}\n[data-vibe-menu] .vm-frame .vm-card {\n  position: absolute;\n  left: 0;\n  top: 0;\n  background: var(--card-bg);\n  color: var(--ink);\n  overflow: hidden;\n  border-radius: var(--radius-card) var(--radius-card) 0 0;\n}\n[data-vibe-menu] .vm-frame .vm-card .vm-card-body {\n  padding-bottom: calc(var(--space-16) + var(--size-band));\n}\n[data-vibe-menu] .vm-outline {\n  position: absolute;\n  left: 0;\n  top: 0;\n  overflow: visible;\n  pointer-events: none;\n}\n[data-vibe-menu] .vm-outline .vm-band,\n[data-vibe-menu] .vm-outline .vm-cover {\n  fill: var(--accent);\n}\n[data-vibe-menu] .vm-outline .vm-edge {\n  fill: none;\n  stroke: var(--line);\n  stroke-width: 2;\n  stroke-linejoin: miter;\n}\n\n/* ---------- ActionPill: the card's one main action ---------- */\n[data-vibe-menu] .vm-ask {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-12);\n  width: 100%;\n  padding: var(--space-14) var(--space-18);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-full);\n  background: var(--accent);\n  color: var(--on-accent);\n  font: 700 21px/1 var(--font-display);\n  letter-spacing: -0.02em;\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-ask.is-solo {\n  margin-bottom: var(--space-14);\n}\n[data-vibe-menu] .vm-ask .vm-glyph {\n  width: var(--size-glyph-cta);\n  height: var(--size-glyph-cta);\n  transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n[data-vibe-menu] .vm-ask:hover .vm-glyph {\n  transform: translateX(4px);\n}\n[data-vibe-menu] .vm-ask.is-phone {\n  font-size: 18px;\n}\n[data-vibe-menu] .vm-sub:has(.vm-copy) {\n  display: flex;\n  align-items: center;\n  gap: var(--space-8);\n}\n[data-vibe-menu] .vm-sub:has(.vm-copy) > span {\n  flex: 1;\n}\n\n/* ---------- Chip ---------- */\n[data-vibe-menu] .vm-chip {\n  height: var(--size-chip);\n  padding: 0 var(--space-12);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-chip);\n  background: var(--accent);\n  color: var(--on-accent);\n  font-size: 11px;\n  flex: none;\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-chip.is-ghost {\n  background: transparent;\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-chip.is-name {\n  font: 700 14px/1 var(--font-display);\n  letter-spacing: 0;\n  text-transform: none;\n}\n[data-vibe-menu] .vm-chip.vm-copy {\n  height: var(--size-copy);\n  padding: 0 var(--space-14);\n  border-radius: var(--radius-copy);\n  flex-shrink: 0;\n  align-self: center;\n  white-space: nowrap;\n}\n[data-vibe-menu] .vm-suggestions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-6);\n}\n/* Port change (smoke F9): codegen writes long chips, so a chip wraps inside\n   the card (DS \"text that can outgrow its track wraps\") instead of running\n   past its edge; a one-line chip keeps the 28px chip height. */\n[data-vibe-menu] .vm-suggest {\n  min-height: var(--size-chip);\n  max-width: 100%;\n  min-width: 0;\n  padding: var(--space-2) var(--space-12);\n  text-align: left;\n  overflow-wrap: anywhere;\n  border: var(--stroke-mini) solid var(--suggest-border);\n  border-radius: var(--radius-chip);\n  background: none;\n  color: var(--ink);\n  font: 400 13px/20px var(--font-display);\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-suggest:hover,\n[data-vibe-menu] .vm-suggest.is-hover {\n  border-color: var(--line);\n  background: color-mix(in srgb, var(--accent) 35%, transparent);\n}\n[data-vibe-menu] .vm-picks {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-6);\n}\n\n/* ---------- Composer: the logo pill's shape ---------- */\n[data-vibe-menu] .vm-composer {\n  display: flex;\n  align-items: stretch;\n  min-height: var(--size-composer);\n  margin-bottom: var(--space-16);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-full);\n  overflow: hidden;\n  background: var(--card-bg);\n}\n[data-vibe-menu] .vm-composer:focus-within,\n[data-vibe-menu] .vm-composer.is-focus {\n  box-shadow: 0 0 0 3px var(--accent);\n}\n[data-vibe-menu] .vm-composer textarea {\n  flex: 1;\n  min-width: 0;\n  align-self: center;\n  margin: 0 var(--space-12) 0 2px;\n  padding: 0;\n  resize: none;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: var(--ink);\n  font: 700 18px/1.2 var(--font-display);\n  letter-spacing: -0.02em;\n  field-sizing: content;\n  max-height: 2.4em;\n}\n[data-vibe-menu] .vm-composer textarea::placeholder {\n  color: var(--placeholder);\n}\n[data-vibe-menu] .vm-composer .vm-attach {\n  order: -1;\n  width: var(--size-copy);\n  height: var(--size-copy);\n  margin-left: var(--space-10);\n  align-self: center;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  flex: none;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-composer .vm-attach:hover {\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-composer .vm-glyph {\n  width: 16px;\n  height: 16px;\n}\n[data-vibe-menu] .vm-cap {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--space-24) 0 20px;\n  border-left: var(--stroke-rule) solid var(--line);\n  background: var(--section-code);\n  color: var(--on-code);\n  font: 700 14px/1 var(--font-tab);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  white-space: nowrap;\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-cap:hover {\n  background: color-mix(in oklch, var(--section-code), var(--menu-ink) 10%);\n}\n[data-vibe-menu] .vm-composer.is-building .vm-cap[data-send],\n[data-vibe-menu] .vm-composer.is-building:has(textarea:not(:placeholder-shown)) .vm-cap[data-stop] {\n  display: none;\n}\n[data-vibe-menu] .vm-composer.is-building:has(textarea:not(:placeholder-shown)) .vm-cap[data-send] {\n  display: flex;\n}\n[data-vibe-menu] .vm-queue-note {\n  display: none;\n  margin: -10px 0 12px 18px;\n  font-size: 12px;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-composer:has(textarea:not(:placeholder-shown)) + .vm-queue-note {\n  display: block;\n}\n[data-vibe-menu] .vm-composer.is-phone textarea {\n  margin-right: var(--space-6);\n  font-size: 16px;\n}\n[data-vibe-menu] .vm-composer.is-phone .vm-attach {\n  margin-left: 4px;\n  width: 28px;\n}\n[data-vibe-menu] .vm-composer.is-phone .vm-cap {\n  padding: 0 var(--space-18) 0 var(--space-14);\n}\n\n/* ---------- Row: the bar's tab grammar inside the card ---------- */\n[data-vibe-menu] .vm-group {\n  border-top: var(--stroke-rule) solid var(--line);\n  margin: 0 calc(-1 * var(--space-16));\n}\n[data-vibe-menu] .vm-group.is-flush {\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n[data-vibe-menu] .vm-row {\n  display: flex;\n  align-items: center;\n  gap: var(--space-12);\n  width: 100%;\n  height: var(--size-row);\n  padding: 0 var(--space-16);\n}\n[data-vibe-menu] .vm-row.is-compact {\n  height: var(--size-row-compact);\n}\n[data-vibe-menu] .vm-row + .vm-row {\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n[data-vibe-menu] .vm-row .vm-label {\n  flex: 1;\n}\n[data-vibe-menu] .vm-dot {\n  width: var(--size-icon-circle);\n  height: var(--size-icon-circle);\n  border-radius: 50%;\n  background: var(--ink);\n  color: var(--card-bg);\n  display: grid;\n  place-items: center;\n  flex: none;\n}\n[data-vibe-menu] button.vm-row:hover .vm-dot:not(.vm-app),\n[data-vibe-menu] .vm-row.is-hover .vm-dot:not(.vm-app) {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n[data-vibe-menu] .vm-row.is-quiet .vm-dot {\n  background: transparent;\n  color: var(--ink);\n  box-shadow: inset 0 0 0 2px var(--line);\n}\n[data-vibe-menu] .vm-row[aria-disabled=\"true\"] {\n  opacity: 0.35;\n  cursor: default;\n}\n[data-vibe-menu] .vm-row[aria-disabled=\"true\"] .vm-dot {\n  background: var(--ink) !important;\n  color: var(--card-bg) !important;\n}\n[data-vibe-menu] .vm-app,\n[data-vibe-menu] .vm-initial {\n  font: 700 12px/1 var(--font-tab);\n  box-shadow: inset 0 0 0 2px var(--line);\n}\n[data-vibe-menu] .vm-app {\n  background: var(--app);\n  color: var(--menu-ink);\n}\n[data-vibe-menu] .vm-initial {\n  background: transparent;\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-chev {\n  display: grid;\n  color: var(--muted);\n  transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n[data-vibe-menu] .vm-chev.is-open {\n  transform: rotate(90deg);\n}\n[data-vibe-menu] .vm-count {\n  font: 700 12px/1 var(--font-tab);\n  letter-spacing: 0.08em;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-count.is-handle {\n  max-width: 45%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  letter-spacing: 0.02em;\n}\n[data-vibe-menu] .vm-switch {\n  position: relative;\n  width: var(--size-switch-w);\n  height: 20px;\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-switch);\n  flex: none;\n}\n[data-vibe-menu] .vm-switch::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--ink);\n}\n[data-vibe-menu] .vm-switch.is-on {\n  background: var(--accent);\n}\n[data-vibe-menu] .vm-switch.is-on::after {\n  left: 18px;\n}\n\n/* ---------- BackRow and DoneButton: a drill-in's frame ---------- */\n[data-vibe-menu] .vm-back {\n  display: flex;\n  align-items: center;\n  gap: var(--space-12);\n  width: calc(100% + 2 * var(--space-16));\n  height: var(--size-row-compact);\n  margin: 0 calc(-1 * var(--space-16));\n  padding: 0 var(--space-16);\n  border-top: var(--stroke-rule) solid var(--line);\n  border-bottom: var(--stroke-hairline) solid var(--line-hairline);\n}\n/* A drill that replaces the whole card body (Share, Account) sits on the card's\n   top edge, which the outline already draws: no rule, and it takes the body's\n   top padding so no empty band shows above it (cards-hero.css .card-title + .h-back). */\n[data-vibe-menu] .vm-back.is-top {\n  margin-top: calc(-1 * var(--space-14));\n  border-top: 0;\n}\n[data-vibe-menu] .vm-back .vm-label {\n  flex: none;\n}\n[data-vibe-menu] .vm-back-name {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font: 400 16px/1.1 var(--font-display);\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-back:hover .vm-dot,\n[data-vibe-menu] .vm-back.is-hover .vm-dot {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n[data-vibe-menu] .vm-drill {\n  padding-top: var(--space-14);\n}\n[data-vibe-menu] .vm-drill-sec + .vm-drill-sec {\n  margin-top: var(--space-14);\n}\n[data-vibe-menu] .vm-drill-line {\n  margin: 0 0 var(--space-14);\n  font: 700 18px/1.25 var(--font-display);\n  letter-spacing: -0.01em;\n}\n[data-vibe-menu] .vm-done {\n  display: block;\n  width: 100%;\n  height: var(--size-row-compact);\n  margin-top: var(--space-16);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-done);\n  background: var(--accent);\n  color: var(--on-accent);\n  text-align: center;\n  font: 700 14px/1 var(--font-tab);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-textbtn {\n  display: block;\n  width: 100%;\n  height: 40px;\n  margin-top: var(--space-4);\n  text-align: center;\n  font: 700 12px/1 var(--font-tab);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-textbtn:hover {\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-faq {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-12);\n  width: 100%;\n  padding: var(--space-12) 0;\n  font: 400 16px/1.3 var(--font-display);\n}\n[data-vibe-menu] .vm-faq + .vm-faq {\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n\n/* ---------- MomentLine: the current moment ---------- */\n[data-vibe-menu] .vm-moments {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-8);\n}\n[data-vibe-menu] .vm-moment {\n  margin: 0;\n  font: 400 16px/1.3 var(--font-display);\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-moment.is-pinned {\n  padding: var(--space-10) var(--space-12) var(--space-12) var(--space-14);\n  border: var(--stroke-rule) solid var(--line);\n  border-left: var(--size-band) solid var(--accent);\n  border-radius: var(--radius-moment);\n}\n[data-vibe-menu] .vm-moment-text {\n  margin: 0 0 var(--space-10);\n}\n[data-vibe-menu] .vm-moment-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-6);\n}\n[data-vibe-menu] .vm-moment-hint {\n  font-size: 12px;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-moment.is-progress,\n[data-vibe-menu] .vm-moment.is-summary {\n  display: flex;\n  align-items: center;\n  gap: var(--space-10);\n  padding: 0 var(--space-2);\n}\n[data-vibe-menu] .vm-moment.is-summary {\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-moment.is-expander {\n  width: 100%;\n  gap: var(--space-8);\n}\n[data-vibe-menu] .vm-moment.is-expander:hover {\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-live .vm-chev {\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-log-clip {\n  overflow: hidden;\n}\n/* Port addition (RULINGS R1): the log clip is always rendered (RECONCILE \u00A75c),\n   so the base stylesheet owns its shut and open states. The shell's per-frame\n   tween (T11) writes an inline height, which overrides these during motion.\n   C's VIBE_MENU_SHELL_CSS does not repeat them. */\n[data-vibe-menu] .vm-log-clip[data-open=\"false\"] {\n  height: 0;\n  overflow: hidden;\n}\n[data-vibe-menu] .vm-log-clip[data-open=\"true\"] {\n  height: auto;\n  /* Known adjustment (plan header): room for .vm-log's own 160px cap plus its\n     8px margin-top and two hairline borders, so the clip never scrolls on top\n     of the log. */\n  max-height: calc(var(--size-log-max, 160px) + var(--space-8) + 2 * var(--stroke-hairline));\n  overflow: auto;\n  /* Smoke F15: the shell's height tween makes the clip overflow for a moment;\n     .vm-log scrolls itself, so the clip never shows a bar. */\n  scrollbar-width: none;\n}\n[data-vibe-menu] .vm-log-clip[data-open=\"true\"]::-webkit-scrollbar {\n  display: none;\n}\n[data-vibe-menu] .vm-log {\n  max-height: var(--size-log-max);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  margin-top: var(--space-8);\n  padding: var(--space-10) 4px var(--space-10) var(--space-24);\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n  border-bottom: var(--stroke-hairline) solid var(--line-hairline);\n  font-size: 13.5px;\n  line-height: 1.35;\n}\n[data-vibe-menu] .vm-log-line {\n  margin: 0;\n}\n[data-vibe-menu] .vm-log-line:first-child {\n  margin-top: auto;\n}\n[data-vibe-menu] .vm-log-line b {\n  font: 700 10px/1 var(--font-tab);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--muted);\n  margin-right: 4px;\n}\n\n/* ---------- AccessToggle: Restricted | Public and its line ---------- */\n[data-vibe-menu] .vm-access {\n  display: flex;\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-full);\n  overflow: hidden;\n}\n[data-vibe-menu] .vm-access button {\n  flex: 1;\n  height: var(--size-bar);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-10);\n  text-align: center;\n  font: 700 24px/1 var(--font-display);\n  letter-spacing: -0.02em;\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-access button + button {\n  border-left: var(--stroke-rule) solid var(--line);\n}\n[data-vibe-menu] .vm-access button.is-active {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n[data-vibe-menu] .vm-access button:not(.is-active):hover {\n  background: color-mix(in srgb, var(--accent) 20%, transparent);\n}\n/* Settings still loading (preflight ruling P14): dimmed and inert. */\n[data-vibe-menu] .vm-access[aria-disabled=\"true\"] {\n  opacity: var(--opacity-row-disabled);\n}\n[data-vibe-menu] .vm-access[aria-disabled=\"true\"] button {\n  cursor: default;\n}\n[data-vibe-menu] .vm-access[aria-disabled=\"true\"] button:not(.is-active):hover {\n  background: transparent;\n}\n[data-vibe-menu] .vm-access button .vm-busy {\n  width: 16px;\n  height: 16px;\n}\n[data-vibe-menu] .vm-access-line {\n  display: flex;\n  align-items: center;\n  gap: var(--space-10);\n  min-height: var(--size-access-line);\n  margin: var(--space-10) 0 var(--space-12);\n  padding: var(--space-6) var(--space-6) var(--space-6) var(--space-14);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-access-line);\n  background: var(--share-tint);\n  font-size: 16.5px;\n  line-height: 1.25;\n}\n[data-vibe-menu] .vm-access-line > span {\n  flex: 1;\n  min-width: 0;\n}\n[data-vibe-menu] .vm-access-line .vm-glyph {\n  width: 16px;\n  height: 16px;\n}\n[data-vibe-menu] .vm-publish {\n  display: flex;\n  align-items: center;\n  gap: var(--space-8);\n  padding: 5px 5px 5px var(--space-10);\n  border: var(--stroke-rule) solid var(--line);\n  border-left: var(--size-band) solid var(--accent);\n  border-radius: var(--radius-moment);\n}\n[data-vibe-menu] .vm-publish b {\n  font: 700 11px/1 var(--font-tab);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n[data-vibe-menu] .vm-publish span {\n  flex: 1;\n  min-width: 0;\n  font-size: 13px;\n  line-height: 1.25;\n  color: var(--muted);\n}\n\n/* ---------- GrantControls ---------- */\n[data-vibe-menu] .vm-seg {\n  display: flex;\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-full);\n  overflow: hidden;\n}\n[data-vibe-menu] .vm-seg button {\n  flex: 1;\n  height: var(--size-segment);\n  text-align: center;\n  font-size: 11px;\n}\n[data-vibe-menu] .vm-seg button + button {\n  border-left: var(--stroke-rule) solid var(--line);\n}\n[data-vibe-menu] .vm-seg button.is-active {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n[data-vibe-menu] .vm-seg.is-mini {\n  margin: 0;\n  border-width: var(--stroke-mini);\n}\n[data-vibe-menu] .vm-seg.is-mini button {\n  flex: none;\n  height: var(--size-segment-mini);\n  padding: 0 var(--space-8);\n  font-size: 10px;\n}\n[data-vibe-menu] .vm-seg.is-mini button + button {\n  border-left-width: var(--stroke-mini);\n}\n[data-vibe-menu] .vm-grants {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-6) var(--space-12);\n}\n[data-vibe-menu] .vm-grant-ctl {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n[data-vibe-menu] .vm-grant-name {\n  font: 700 10px/1 var(--font-tab);\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-grant-fixed {\n  font: 700 10px/1 var(--font-tab);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--ink);\n}\n\n/* ---------- MemberRow ---------- */\n[data-vibe-menu] .vm-input {\n  width: 100%;\n  height: var(--size-input);\n  margin-bottom: var(--space-14);\n  padding: 0 var(--space-18);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-input);\n  background: transparent;\n  color: var(--ink);\n  font: inherit;\n}\n[data-vibe-menu] .vm-members-head {\n  margin-top: 0;\n  padding: 2px 0 var(--space-8);\n}\n[data-vibe-menu] .vm-members-head + .vm-input {\n  height: 40px;\n  margin-bottom: var(--space-8);\n}\n[data-vibe-menu] .vm-person {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-8) var(--space-12);\n  padding: var(--space-6) 0;\n}\n[data-vibe-menu] .vm-person + .vm-person {\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n[data-vibe-menu] .vm-person .vm-label {\n  flex: 1;\n  min-width: 0;\n}\n[data-vibe-menu] .vm-request {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-8) var(--space-12);\n  margin-bottom: 2px;\n  padding: var(--space-10) var(--space-12);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-card);\n  background: var(--share-tint-strong);\n}\n[data-vibe-menu] .vm-request-top {\n  flex: 1 0 auto;\n}\n[data-vibe-menu] .vm-request-actions {\n  display: flex;\n  gap: var(--space-6);\n  margin-left: auto;\n}\n[data-vibe-menu] .vm-who-block > .vm-row {\n  width: calc(100% + 2 * var(--space-16));\n  margin: 2px calc(-1 * var(--space-16)) 0;\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n[data-vibe-menu] .vm-narrow .vm-person .vm-grants,\n[data-vibe-menu] .vm-narrow .vm-request-top {\n  flex-basis: 100%;\n}\n[data-vibe-menu] .vm-narrow .vm-person .vm-grants,\n[data-vibe-menu] .vm-narrow .vm-request .vm-grants {\n  column-gap: var(--space-10);\n}\n/* stacking, as the prototype: card < bar < outline < glass and pill */\n[data-vibe-menu] .vm-frame .vm-card {\n  z-index: 1;\n}\n[data-vibe-menu] .vm-frame .vm-strip {\n  z-index: 2;\n}\n[data-vibe-menu] .vm-frame .vm-outline {\n  z-index: 3;\n}\n[data-vibe-menu] .vm-frame .vm-glass {\n  z-index: 4;\n}\n[data-vibe-menu] .vm-refresh {\n  display: grid;\n  place-items: center;\n  width: var(--size-icon-circle);\n  height: var(--size-icon-circle);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: 50%;\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-refresh:hover {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n\n/* ---------- port additions: not in bundle.css ---------- */\n/* Rows and the action pill can be links (Home's rows, the credits action). */\n[data-vibe-menu] :where(a.vm-row, a.vm-ask) {\n  color: inherit;\n  text-decoration: none;\n}\n[data-vibe-menu] a.vm-row:hover .vm-dot:not(.vm-app) {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n/* A member's name drills into that member (spec \u00A78). */\n[data-vibe-menu] .vm-person button.vm-label {\n  text-align: left;\n}\n[data-vibe-menu] .vm-chip[aria-disabled=\"true\"],\n[data-vibe-menu] .vm-cap:disabled,\n[data-vibe-menu] .vm-composer .vm-attach:disabled {\n  opacity: var(--opacity-row-disabled);\n  cursor: default;\n}\n/* Staged attachments above the composer: name chips, no emoji. */\n[data-vibe-menu] .vm-attachments {\n  margin-bottom: var(--space-8);\n}\n[data-vibe-menu] .vm-attachments .vm-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-6);\n  max-width: 220px;\n}\n[data-vibe-menu] .vm-attachments .vm-chip > span:last-child {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n[data-vibe-menu] .vm-attachments .vm-chip[data-status=\"error\"] {\n  border-color: var(--section-account);\n}\n/* A suggestion's fast-path marks (RULINGS O4, production #2917 decorateChip).\n   Siblings of .vm-suggest, since a button can't nest a button. The owner's\n   toggle (FastPathToggle) is outline when not blessed, filled when blessed\n   (aria-pressed); the badges are the marks every viewer sees. */\n[data-vibe-menu] .vm-suggest-item {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  max-width: 100%;\n  min-width: 0;\n}\n[data-vibe-menu] .vm-suggest-item > * {\n  flex: none;\n}\n[data-vibe-menu] .vm-suggest-item > .vm-suggest {\n  flex: 0 1 auto;\n}\n[data-vibe-menu] .vm-suggest-shield {\n  width: var(--size-chip);\n  height: var(--size-chip);\n  display: inline-grid;\n  place-items: center;\n  border-radius: var(--radius-full);\n  background: none;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-suggest-shield:hover {\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-suggest-shield[aria-pressed=\"true\"] {\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-suggest-shield[aria-pressed=\"true\"] .vm-glyph {\n  fill: currentColor;\n}\n/* The non-interactive marks every viewer sees (production ChipShieldBadge,\n   ChipJumpBadge): a filled shield (\"stays in this app\", server-authoritative)\n   or an arrow (\"opens another app\"). Never both on one chip. */\n[data-vibe-menu] .vm-suggest-badge {\n  width: var(--size-chip);\n  height: var(--size-chip);\n  display: inline-grid;\n  place-items: center;\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-suggest-badge.is-shield .vm-glyph {\n  fill: currentColor;\n}\n[data-vibe-menu] .vm-suggest-badge.is-jump {\n  color: var(--muted);\n}\n\n/* ---------- phones (cards-hero.css): the menu's width, not the viewport ---------- */\n@container vibe-menu (max-width: 480px) {\n  [data-vibe-menu] .vm-ask {\n    font-size: 18px;\n  }\n  /* the field keeps 16px (iOS zooms smaller fields); attach slims instead */\n  [data-vibe-menu] .vm-composer textarea {\n    margin-right: var(--space-6);\n    font-size: 16px;\n  }\n  [data-vibe-menu] .vm-composer .vm-attach {\n    margin-left: 4px;\n    width: 28px;\n  }\n  [data-vibe-menu] .vm-cap {\n    padding: 0 var(--space-18) 0 var(--space-14);\n  }\n  [data-vibe-menu] .vm-access button {\n    font-size: 21px;\n  }\n  /* the access line keeps its sentence to two lines beside the chip */\n  [data-vibe-menu] .vm-access-line {\n    padding-left: 12px;\n    gap: 8px;\n    font-size: 15.5px;\n  }\n  [data-vibe-menu] .vm-access-line .vm-chip.vm-copy {\n    padding: 0 10px;\n  }\n  /* Data and Code drop under the handle on one line (two on the narrowest) */\n  [data-vibe-menu] .vm-person .vm-grants {\n    flex-basis: 100%;\n    column-gap: var(--space-10);\n  }\n  [data-vibe-menu] .vm-request .vm-grants {\n    column-gap: var(--space-10);\n  }\n  [data-vibe-menu] .vm-request-top {\n    flex-basis: 100%;\n  }\n  [data-vibe-menu] .vm-input {\n    font-size: 16px;\n  }\n}\n@container vibe-menu (max-width: 359px) {\n  [data-vibe-menu] .vm-access button {\n    font-size: 19px;\n  }\n  /* the line drops its icon here: the enclosure already marks it */\n  [data-vibe-menu] .vm-access-line > .vm-glyph {\n    display: none;\n  }\n  [data-vibe-menu] .vm-access-line {\n    margin: 8px 0 10px;\n    font-size: 14.5px;\n  }\n  [data-vibe-menu] .vm-access-line .vm-chip.vm-copy {\n    padding: 0 8px;\n  }\n  /* the cap and attach slim so the field keeps room (REMIX THIS stays one line) */\n  [data-vibe-menu] .vm-cap {\n    padding: 0 13px 0 10px;\n    letter-spacing: 0.05em;\n  }\n  [data-vibe-menu] .vm-composer .vm-attach {\n    margin-left: 3px;\n    width: 24px;\n  }\n  /* 16px, not the prototype's 14px: no text field under 16px on phones (spec \u00A74.5) */\n  [data-vibe-menu] .vm-composer textarea {\n    margin: 0 4px 0 0;\n    font-size: 16px;\n  }\n  [data-vibe-menu] .vm-chip.vm-copy {\n    padding: 0 10px;\n    letter-spacing: 0.06em;\n  }\n}\n";
+export declare const VIBE_MENU_CSS = "\n/* ---------- tokens (tokens.json), light, then both dark arms ----------\n   Detached layers (portalled out of the menu root) carry\n   data-vibe-menu-detached, so every token block lists them too. */\n[data-vibe-menu],\n[data-vibe-menu-detached] {\n  color-scheme: light;\n  --section-home: oklch(76.02% 0.1832 146.61);\n  --section-account: oklch(57.46% 0.2126 29.55);\n  --section-code: oklch(89.78% 0.1857 98.22);\n  --section-share: oklch(64.39% 0.1304 231.41);\n  --vibes-black: #000000;\n  --vibes-cream: #fffff0;\n  --menu-ink: #1a1a1a;\n  --card-bg: var(--vibes-cream);\n  --ink: #111111;\n  --muted: #555555;\n  --line: #111111;\n  --line-hairline: #1111112e;\n  --placeholder: var(--muted);\n  --suggest-border: #11111173;\n  --share-tint: #009ace1f;\n  --share-tint-strong: #009ace40;\n  --on-home: var(--menu-ink);\n  --on-account: var(--vibes-cream);\n  --on-code: var(--menu-ink);\n  --on-share: var(--menu-ink);\n  --badge: var(--section-account);\n  --on-badge: var(--vibes-cream);\n  --obsidian-fill: rgba(6, 9, 10, 0.94);\n  --obsidian-edge: rgba(255, 255, 255, 0.17);\n  --obsidian-highlight: rgba(255, 255, 255, 0.32);\n  --obsidian-rim: rgba(255, 255, 255, 0.1);\n  --font-display: \"Alte Haas Grotesk\", Inter, sans-serif;\n  --font-tab: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n  --space-9: 9px;\n  --space-2: 2px;\n  --space-4: 4px;\n  --space-6: 6px;\n  --space-8: 8px;\n  --space-10: 10px;\n  --space-12: 12px;\n  --space-14: 14px;\n  --space-16: 16px;\n  --space-18: 18px;\n  --space-24: 24px;\n  --radius-card: 16px;\n  --radius-full: 999px;\n  --radius-bar-end: 25px;\n  --radius-access-line: 24px;\n  --radius-input: 22px;\n  --radius-done: 21px;\n  --radius-copy: 18px;\n  --radius-chip: 14px;\n  --radius-moment: 12px;\n  --radius-switch: 10px;\n  --radius-meter: 7px;\n  --obsidian-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(255, 255, 255, 0.05), inset 0 0 12px rgba(255, 255, 255, 0.02);\n  --swatch-selected: 0 0 0 2px #fffff0, 0 0 0 4px #111111;\n  --stroke-rule: 2px;\n  --stroke-hairline: 1px;\n  --stroke-mini: 1.5px;\n  --stroke-focus: 3px;\n  --stroke-glyph: 2.4px;\n  --size-icon-circle: 28px;\n  --size-icon-circle-phone: 22px;\n  --size-glyph: 14px;\n  --size-glyph-cta: 20px;\n  --size-bar: 50px;\n  --size-tab: 176px;\n  --size-home-extra: 14px;\n  --size-bar-end: 63px;\n  --size-pill-w: 120px;\n  --size-pill-h: 44px;\n  --size-ring: 3px;\n  --size-edge: 24px;\n  --size-edge-phone: 16px;\n  --size-pill-flat-inset: 19px;\n  --size-band: 8px;\n  --size-row: 46px;\n  --size-row-compact: 42px;\n  --size-chip: 28px;\n  --size-copy: 36px;\n  --size-input: 44px;\n  --size-composer: 58px;\n  --size-access-line: 48px;\n  --size-segment: 32px;\n  --size-segment-mini: 24px;\n  --size-switch-w: 36px;\n  --size-meter: 14px;\n  --size-card-max: 480px;\n  --size-card-max-phone: 560px;\n  --size-log-max: 160px;\n  --size-code-mode-max-w: 1200px;\n  --opacity-tab-inactive: 0.73;\n  --opacity-row-disabled: 0.35;\n}\n@media (prefers-color-scheme: dark) {\n  [data-vibe-menu],\n  [data-vibe-menu-detached] {\n  color-scheme: dark;\n  --card-bg: #1a1a1a;\n  --ink: #e0e0e0;\n  --muted: #a3a3a3;\n  --line: #e0e0e0;\n  --line-hairline: #e0e0e02e;\n  --suggest-border: #e0e0e073;\n  --swatch-selected: 0 0 0 2px #1a1a1a, 0 0 0 4px #e0e0e0;\n  }\n}\n.dark [data-vibe-menu],\n.dark [data-vibe-menu-detached] {\n  color-scheme: dark;\n  --card-bg: #1a1a1a;\n  --ink: #e0e0e0;\n  --muted: #a3a3a3;\n  --line: #e0e0e0;\n  --line-hairline: #e0e0e02e;\n  --suggest-border: #e0e0e073;\n  --swatch-selected: 0 0 0 2px #1a1a1a, 0 0 0 4px #e0e0e0;\n}\n\n/* ---------- the root: the phone container ---------- */\n[data-vibe-menu] {\n  container-name: vibe-menu;\n  container-type: inline-size;\n  color: var(--ink);\n  font-family: var(--font-display);\n}\n\n/* Scrollbars (smoke F15): thin, in the menu's hairline, both themes, never the\n   native dark bar inside the cream card. The colour is set on the root AND\n   every descendant, for every scroller the menu hosts (drills, the Embed box,\n   injected panels): the app's global sheet sets scrollbar-color on *, which\n   beats a colour only inherited from the root. The width rule has zero\n   specificity so a part that hides its bar (the Code mode tab strip) still\n   wins. The webkit arm is for engines without the standard properties; Chrome\n   ignores it once they are set. */\n[data-vibe-menu],\n[data-vibe-menu] *,\n[data-vibe-menu-detached],\n[data-vibe-menu-detached] * {\n  scrollbar-color: var(--line-hairline) transparent;\n}\n:where([data-vibe-menu]),\n:where([data-vibe-menu]) :where(*) {\n  scrollbar-width: thin;\n}\n:where([data-vibe-menu]) ::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background: transparent;\n}\n:where([data-vibe-menu]) ::-webkit-scrollbar-thumb {\n  border-radius: var(--radius-full);\n  background: var(--line-hairline);\n}\n\n/* A section is set by data-section on any ancestor (or the root), using the\n   code keys: home | settings (Account) | vibe (Code) | share. It sets --accent\n   (the section colour) and --on-accent (its label colour). */\n[data-vibe-menu][data-section=\"home\"],\n[data-vibe-menu] [data-section=\"home\"] {\n  --accent: var(--section-home);\n  --on-accent: var(--on-home);\n}\n[data-vibe-menu][data-section=\"settings\"],\n[data-vibe-menu] [data-section=\"settings\"] {\n  --accent: var(--section-account);\n  --on-accent: var(--on-account);\n}\n[data-vibe-menu][data-section=\"vibe\"],\n[data-vibe-menu] [data-section=\"vibe\"] {\n  --accent: var(--section-code);\n  --on-accent: var(--on-code);\n}\n[data-vibe-menu][data-section=\"share\"],\n[data-vibe-menu] [data-section=\"share\"] {\n  --accent: var(--section-share);\n  --on-accent: var(--on-share);\n}\n\n[data-vibe-menu],\n[data-vibe-menu] * {\n  box-sizing: border-box;\n}\n/* the card's surface and side padding, so rows can bleed edge to edge */\n[data-vibe-menu] .vm-card-body {\n  position: relative;\n  padding: var(--space-14) var(--space-16) var(--space-16);\n  background: var(--card-bg);\n  color: var(--ink);\n  font: 400 14px/20px var(--font-display);\n}\n[data-vibe-menu] .vm-card-body.is-framed {\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-card) var(--radius-card) 0 0;\n  overflow: hidden;\n}\n\n/* ---------- shared ---------- */\n/* Zero specificity: every vm-* rule wins over it, and so does any utility\n   class on content a host injects into the card (slots). */\n:where([data-vibe-menu]) :where(button) {\n  font: inherit;\n  color: inherit;\n  background: none;\n  border: 0;\n  padding: 0;\n  cursor: pointer;\n  text-align: left;\n  touch-action: manipulation;\n}\n[data-vibe-menu] .vm-glyph {\n  width: var(--size-glyph);\n  height: var(--size-glyph);\n  fill: none;\n  stroke: currentColor;\n  stroke-width: var(--stroke-glyph);\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  flex: none;\n}\n[data-vibe-menu] .vm-label,\n[data-vibe-menu] .vm-seg button,\n[data-vibe-menu] .vm-chip {\n  font: 700 14px/1 var(--font-tab);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n[data-vibe-menu] .vm-label.is-plain {\n  font: 700 16px/1.1 var(--font-display);\n  letter-spacing: 0;\n  text-transform: none;\n}\n[data-vibe-menu] .vm-kicker,\n[data-vibe-menu] .vm-subhead {\n  margin: 0 0 var(--space-8);\n  font: 700 10.5px/1.3 var(--font-tab);\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-subhead {\n  margin: var(--space-16) 0 0;\n  padding-bottom: var(--space-8);\n}\n[data-vibe-menu] .vm-sub {\n  margin: var(--space-8) 0 var(--space-14);\n  font-size: 13px;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-app-name {\n  white-space: nowrap;\n}\n[data-vibe-menu] .vm-busy {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  border: var(--stroke-rule) solid var(--line);\n  border-top-color: transparent;\n  flex: none;\n  animation: vm-spin 0.9s linear infinite;\n}\n@keyframes vm-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-vibe-menu] .vm-busy {\n    animation: none;\n    border-top-color: var(--line);\n  }\n}\n\n/* ---------- SectionStrip: the bar ---------- */\n[data-vibe-menu] .vm-menu {\n  position: relative;\n}\n[data-vibe-menu] .vm-strip {\n  position: relative;\n  width: calc(var(--size-tab) * 4 + var(--size-home-extra) + var(--size-bar-end) + 2px);\n  height: var(--size-bar);\n}\n[data-vibe-menu] .vm-strip-slide {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-end;\n  border: var(--stroke-rule) solid var(--line);\n  border-right: 0;\n  border-radius: var(--bar-tl, var(--radius-bar-end)) 0 0 var(--radius-bar-end);\n  overflow: hidden;\n  background: var(--card-bg);\n}\n[data-vibe-menu] .vm-tab {\n  position: relative;\n  width: var(--size-tab);\n  flex: none;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border: 0;\n  padding: 0 0 0 var(--space-9);\n  cursor: pointer;\n  background: var(--accent);\n}\n[data-vibe-menu] .vm-tab-circle {\n  width: var(--size-icon-circle);\n  height: var(--size-icon-circle);\n  border-radius: 50%;\n  background: var(--menu-ink);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n}\n[data-vibe-menu] .vm-tab svg {\n  width: calc(var(--size-icon-circle) / 2);\n  height: calc(var(--size-icon-circle) / 2);\n  fill: none;\n  stroke: var(--vibes-cream);\n  stroke-width: 2.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  flex: none;\n}\n[data-vibe-menu] .vm-tab-label {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 0 0 1.9px;\n  font-family: var(--font-tab);\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 1.9px;\n  text-transform: uppercase;\n  white-space: nowrap;\n  pointer-events: none;\n  color: var(--on-accent);\n}\n[data-vibe-menu] .vm-tab[data-section=\"home\"] {\n  width: calc(var(--size-tab) + var(--size-home-extra));\n  padding-left: calc(var(--space-9) + var(--size-home-extra) / 2);\n}\n[data-vibe-menu] .vm-tab[data-section=\"home\"] .vm-tab-label {\n  left: calc(var(--size-home-extra) / 2);\n}\n[data-vibe-menu] .vm-tab[data-section=\"share\"] {\n  width: calc(var(--size-tab) + var(--size-bar-end));\n}\n[data-vibe-menu] .vm-tab[data-section=\"share\"] .vm-tab-label {\n  right: var(--size-bar-end);\n}\n[data-vibe-menu] .vm-tab:focus-visible {\n  outline: var(--stroke-focus) solid var(--line);\n  outline-offset: -3px;\n}\n/* Port change (smoke F5): the DS inset line ring vanished on the black pill\n   and drew square corners. The pill's ring is cream, sits in the obsidian\n   glass's 3px rim (offset 0), and follows the stadium (the pill's radius). */\n[data-vibe-menu] .vm-pill:focus-visible {\n  outline: var(--stroke-focus) solid var(--vibes-cream);\n  outline-offset: 0;\n}\n[data-vibe-menu] .vm-menu.has-card .vm-tab:not(.is-active) {\n  opacity: var(--opacity-tab-inactive);\n}\n[data-vibe-menu] .vm-badge {\n  position: absolute;\n  top: -4px;\n  right: 6px;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: var(--radius-full);\n  background: var(--badge);\n  color: var(--on-badge);\n  font: 700 11px/18px var(--font-display);\n  text-align: center;\n}\n/* the bar sits against the pill: it runs half the glass under it */\n[data-vibe-menu] .vm-bar-anchor {\n  position: relative;\n  height: var(--size-bar);\n}\n[data-vibe-menu] .vm-bar-anchor .vm-strip {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n[data-vibe-menu] .vm-bar-anchor .vm-glass {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n}\n/* phones: the bar spans the width; tabs sized to their content, icon above label */\n[data-vibe-menu] .vm-strip.is-phone {\n  width: 100%;\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab {\n  width: auto;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2);\n  min-width: 0;\n  padding: 4px 2px;\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab-circle {\n  width: var(--size-icon-circle-phone);\n  height: var(--size-icon-circle-phone);\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab svg {\n  width: 12px;\n  height: 12px;\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab[data-section=\"home\"] {\n  padding: 4px 2px 4px calc(2px + var(--size-home-extra) * 0.7);\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab[data-section=\"share\"] {\n  padding-right: var(--size-bar-end);\n  flex-grow: 1;\n}\n[data-vibe-menu] .vm-strip.is-phone .vm-tab-label {\n  position: static;\n  display: block;\n  font-size: 9.6px;\n  letter-spacing: 1px;\n  padding: 0 0 0 1px;\n}\n\n/* ---------- VibesSwitch: the pill in its obsidian glass ---------- */\n[data-vibe-menu] .vm-glass {\n  position: relative;\n  width: calc(var(--size-pill-w) + 2 * var(--size-ring));\n  height: calc(var(--size-pill-h) + 2 * var(--size-ring));\n  border-radius: var(--radius-full);\n  flex: none;\n  background:\n    linear-gradient(to right, transparent, var(--obsidian-highlight), transparent) top / 100% 1px no-repeat,\n    linear-gradient(to bottom, var(--obsidian-highlight), transparent, var(--obsidian-edge)) left / 1px 100% no-repeat,\n    var(--obsidian-fill);\n  box-shadow: var(--obsidian-shadow);\n}\n[data-vibe-menu] .vm-pill {\n  position: absolute;\n  left: var(--size-ring);\n  top: var(--size-ring);\n  width: var(--size-pill-w);\n  height: var(--size-pill-h);\n  padding: 0;\n  border: 0;\n  border-radius: var(--radius-full);\n  background: none;\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-switch-art {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n[data-vibe-menu] .vm-pill .vm-badge {\n  top: -6px;\n  right: 4px;\n}\n[data-vibe-menu] .vm-chiclet {\n  display: inline-block;\n  padding: 2px 8px;\n  border-radius: var(--radius-full);\n  background: var(--section-code);\n  /* Port change: bundle.css writes #111111 (ink); text on a section colour is\n     menu-ink (Global Constraints), which --on-code resolves to in both themes. */\n  color: var(--on-code);\n  font: 700 11px/18px var(--font-display);\n  letter-spacing: 0.06em;\n}\n\n/* ---------- MenuCard: the card, its band and the folder-tab join, drawn once ---------- */\n[data-vibe-menu] .vm-frame {\n  position: relative;\n}\n[data-vibe-menu] .vm-frame .vm-card {\n  position: absolute;\n  left: 0;\n  top: 0;\n  background: var(--card-bg);\n  color: var(--ink);\n  overflow: hidden;\n  border-radius: var(--radius-card) var(--radius-card) 0 0;\n}\n[data-vibe-menu] .vm-frame .vm-card .vm-card-body {\n  padding-bottom: calc(var(--space-16) + var(--size-band));\n}\n[data-vibe-menu] .vm-outline {\n  position: absolute;\n  left: 0;\n  top: 0;\n  overflow: visible;\n  pointer-events: none;\n}\n[data-vibe-menu] .vm-outline .vm-band,\n[data-vibe-menu] .vm-outline .vm-cover {\n  fill: var(--accent);\n}\n[data-vibe-menu] .vm-outline .vm-edge {\n  fill: none;\n  stroke: var(--line);\n  stroke-width: 2;\n  stroke-linejoin: miter;\n}\n\n/* ---------- ActionPill: the card's one main action ---------- */\n[data-vibe-menu] .vm-ask {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-12);\n  width: 100%;\n  padding: var(--space-14) var(--space-18);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-full);\n  background: var(--accent);\n  color: var(--on-accent);\n  font: 700 21px/1 var(--font-display);\n  letter-spacing: -0.02em;\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-ask.is-solo {\n  margin-bottom: var(--space-14);\n}\n[data-vibe-menu] .vm-ask .vm-glyph {\n  width: var(--size-glyph-cta);\n  height: var(--size-glyph-cta);\n  transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n[data-vibe-menu] .vm-ask:hover .vm-glyph {\n  transform: translateX(4px);\n}\n[data-vibe-menu] .vm-ask.is-phone {\n  font-size: 18px;\n}\n[data-vibe-menu] .vm-sub:has(.vm-copy) {\n  display: flex;\n  align-items: center;\n  gap: var(--space-8);\n}\n[data-vibe-menu] .vm-sub:has(.vm-copy) > span {\n  flex: 1;\n}\n\n/* ---------- Chip ---------- */\n[data-vibe-menu] .vm-chip {\n  height: var(--size-chip);\n  padding: 0 var(--space-12);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-chip);\n  background: var(--accent);\n  color: var(--on-accent);\n  font-size: 11px;\n  flex: none;\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-chip.is-ghost {\n  background: transparent;\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-chip.is-name {\n  font: 700 14px/1 var(--font-display);\n  letter-spacing: 0;\n  text-transform: none;\n}\n[data-vibe-menu] .vm-chip.vm-copy {\n  height: var(--size-copy);\n  padding: 0 var(--space-14);\n  border-radius: var(--radius-copy);\n  flex-shrink: 0;\n  align-self: center;\n  white-space: nowrap;\n}\n[data-vibe-menu] .vm-suggestions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-6);\n}\n/* Port change (smoke F9): codegen writes long chips, so a chip wraps inside\n   the card (DS \"text that can outgrow its track wraps\") instead of running\n   past its edge; a one-line chip keeps the 28px chip height. */\n[data-vibe-menu] .vm-suggest {\n  min-height: var(--size-chip);\n  max-width: 100%;\n  min-width: 0;\n  padding: var(--space-2) var(--space-12);\n  text-align: left;\n  overflow-wrap: anywhere;\n  border: var(--stroke-mini) solid var(--suggest-border);\n  border-radius: var(--radius-chip);\n  background: none;\n  color: var(--ink);\n  font: 400 13px/20px var(--font-display);\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-suggest:hover,\n[data-vibe-menu] .vm-suggest.is-hover {\n  border-color: var(--line);\n  background: color-mix(in srgb, var(--accent) 35%, transparent);\n}\n[data-vibe-menu] .vm-picks {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-6);\n}\n\n/* ---------- Composer: the logo pill's shape ---------- */\n[data-vibe-menu] .vm-composer {\n  display: flex;\n  align-items: stretch;\n  min-height: var(--size-composer);\n  margin-bottom: var(--space-16);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-full);\n  overflow: hidden;\n  background: var(--card-bg);\n}\n[data-vibe-menu] .vm-composer:focus-within,\n[data-vibe-menu] .vm-composer.is-focus {\n  box-shadow: 0 0 0 3px var(--accent);\n}\n[data-vibe-menu] .vm-composer textarea {\n  flex: 1;\n  min-width: 0;\n  align-self: center;\n  margin: 0 var(--space-12) 0 2px;\n  padding: 0;\n  resize: none;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: var(--ink);\n  font: 700 18px/1.2 var(--font-display);\n  letter-spacing: -0.02em;\n  field-sizing: content;\n  max-height: 2.4em;\n}\n[data-vibe-menu] .vm-composer textarea::placeholder {\n  color: var(--placeholder);\n}\n[data-vibe-menu] .vm-composer .vm-attach {\n  order: -1;\n  width: var(--size-copy);\n  height: var(--size-copy);\n  margin-left: var(--space-10);\n  align-self: center;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  flex: none;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-composer .vm-attach:hover {\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-composer .vm-glyph {\n  width: 16px;\n  height: 16px;\n}\n[data-vibe-menu] .vm-cap {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 var(--space-24) 0 20px;\n  border-left: var(--stroke-rule) solid var(--line);\n  background: var(--section-code);\n  color: var(--on-code);\n  font: 700 14px/1 var(--font-tab);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  white-space: nowrap;\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-cap:hover {\n  background: color-mix(in oklch, var(--section-code), var(--menu-ink) 10%);\n}\n[data-vibe-menu] .vm-composer.is-building .vm-cap[data-send],\n[data-vibe-menu] .vm-composer.is-building:has(textarea:not(:placeholder-shown)) .vm-cap[data-stop] {\n  display: none;\n}\n[data-vibe-menu] .vm-composer.is-building:has(textarea:not(:placeholder-shown)) .vm-cap[data-send] {\n  display: flex;\n}\n[data-vibe-menu] .vm-queue-note {\n  display: none;\n  margin: -10px 0 12px 18px;\n  font-size: 12px;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-composer:has(textarea:not(:placeholder-shown)) + .vm-queue-note {\n  display: block;\n}\n[data-vibe-menu] .vm-composer.is-phone textarea {\n  margin-right: var(--space-6);\n  font-size: 16px;\n}\n[data-vibe-menu] .vm-composer.is-phone .vm-attach {\n  margin-left: 4px;\n  width: 28px;\n}\n[data-vibe-menu] .vm-composer.is-phone .vm-cap {\n  padding: 0 var(--space-18) 0 var(--space-14);\n}\n\n/* ---------- Row: the bar's tab grammar inside the card ---------- */\n[data-vibe-menu] .vm-group {\n  border-top: var(--stroke-rule) solid var(--line);\n  margin: 0 calc(-1 * var(--space-16));\n}\n[data-vibe-menu] .vm-group.is-flush {\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n[data-vibe-menu] .vm-row {\n  display: flex;\n  align-items: center;\n  gap: var(--space-12);\n  width: 100%;\n  height: var(--size-row);\n  padding: 0 var(--space-16);\n}\n[data-vibe-menu] .vm-row.is-compact {\n  height: var(--size-row-compact);\n}\n[data-vibe-menu] .vm-row + .vm-row {\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n[data-vibe-menu] .vm-row .vm-label {\n  flex: 1;\n}\n[data-vibe-menu] .vm-dot {\n  width: var(--size-icon-circle);\n  height: var(--size-icon-circle);\n  border-radius: 50%;\n  background: var(--ink);\n  color: var(--card-bg);\n  display: grid;\n  place-items: center;\n  flex: none;\n}\n[data-vibe-menu] button.vm-row:hover .vm-dot:not(.vm-app),\n[data-vibe-menu] .vm-row.is-hover .vm-dot:not(.vm-app) {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n[data-vibe-menu] .vm-row.is-quiet .vm-dot {\n  background: transparent;\n  color: var(--ink);\n  box-shadow: inset 0 0 0 2px var(--line);\n}\n[data-vibe-menu] .vm-row[aria-disabled=\"true\"] {\n  opacity: 0.35;\n  cursor: default;\n}\n[data-vibe-menu] .vm-row[aria-disabled=\"true\"] .vm-dot {\n  background: var(--ink) !important;\n  color: var(--card-bg) !important;\n}\n[data-vibe-menu] .vm-app,\n[data-vibe-menu] .vm-initial {\n  font: 700 12px/1 var(--font-tab);\n  box-shadow: inset 0 0 0 2px var(--line);\n}\n[data-vibe-menu] .vm-app {\n  background: var(--app);\n  color: var(--menu-ink);\n}\n[data-vibe-menu] .vm-initial {\n  background: transparent;\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-chev {\n  display: grid;\n  color: var(--muted);\n  transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n[data-vibe-menu] .vm-chev.is-open {\n  transform: rotate(90deg);\n}\n[data-vibe-menu] .vm-count {\n  font: 700 12px/1 var(--font-tab);\n  letter-spacing: 0.08em;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-count.is-handle {\n  max-width: 45%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  letter-spacing: 0.02em;\n}\n[data-vibe-menu] .vm-switch {\n  position: relative;\n  width: var(--size-switch-w);\n  height: 20px;\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-switch);\n  flex: none;\n}\n[data-vibe-menu] .vm-switch::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--ink);\n}\n[data-vibe-menu] .vm-switch.is-on {\n  background: var(--accent);\n}\n[data-vibe-menu] .vm-switch.is-on::after {\n  left: 18px;\n}\n\n/* ---------- BackRow and DoneButton: a drill-in's frame ---------- */\n[data-vibe-menu] .vm-back {\n  display: flex;\n  align-items: center;\n  gap: var(--space-12);\n  width: calc(100% + 2 * var(--space-16));\n  height: var(--size-row-compact);\n  margin: 0 calc(-1 * var(--space-16));\n  padding: 0 var(--space-16);\n  border-top: var(--stroke-rule) solid var(--line);\n  border-bottom: var(--stroke-hairline) solid var(--line-hairline);\n}\n/* A drill that replaces the whole card body (Share, Account) sits on the card's\n   top edge, which the outline already draws: no rule, and it takes the body's\n   top padding so no empty band shows above it (cards-hero.css .card-title + .h-back). */\n[data-vibe-menu] .vm-back.is-top {\n  margin-top: calc(-1 * var(--space-14));\n  border-top: 0;\n}\n[data-vibe-menu] .vm-back .vm-label {\n  flex: none;\n}\n[data-vibe-menu] .vm-back-name {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font: 400 16px/1.1 var(--font-display);\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-back:hover .vm-dot,\n[data-vibe-menu] .vm-back.is-hover .vm-dot {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n[data-vibe-menu] .vm-drill {\n  padding-top: var(--space-14);\n}\n[data-vibe-menu] .vm-drill-sec + .vm-drill-sec {\n  margin-top: var(--space-14);\n}\n[data-vibe-menu] .vm-drill-line {\n  margin: 0 0 var(--space-14);\n  font: 700 18px/1.25 var(--font-display);\n  letter-spacing: -0.01em;\n}\n[data-vibe-menu] .vm-done {\n  display: block;\n  width: 100%;\n  height: var(--size-row-compact);\n  margin-top: var(--space-16);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-done);\n  background: var(--accent);\n  color: var(--on-accent);\n  text-align: center;\n  font: 700 14px/1 var(--font-tab);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  cursor: pointer;\n}\n[data-vibe-menu] .vm-textbtn {\n  display: block;\n  width: 100%;\n  height: 40px;\n  margin-top: var(--space-4);\n  text-align: center;\n  font: 700 12px/1 var(--font-tab);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-textbtn:hover {\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-faq {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-12);\n  width: 100%;\n  padding: var(--space-12) 0;\n  font: 400 16px/1.3 var(--font-display);\n}\n[data-vibe-menu] .vm-faq + .vm-faq {\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n\n/* ---------- MomentLine: the current moment ---------- */\n[data-vibe-menu] .vm-moments {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-8);\n}\n[data-vibe-menu] .vm-moment {\n  margin: 0;\n  font: 400 16px/1.3 var(--font-display);\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-moment.is-pinned {\n  padding: var(--space-10) var(--space-12) var(--space-12) var(--space-14);\n  border: var(--stroke-rule) solid var(--line);\n  border-left: var(--size-band) solid var(--accent);\n  border-radius: var(--radius-moment);\n}\n[data-vibe-menu] .vm-moment-text {\n  margin: 0 0 var(--space-10);\n}\n[data-vibe-menu] .vm-moment-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-6);\n}\n[data-vibe-menu] .vm-moment-hint {\n  font-size: 12px;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-moment.is-progress,\n[data-vibe-menu] .vm-moment.is-summary {\n  display: flex;\n  align-items: center;\n  gap: var(--space-10);\n  padding: 0 var(--space-2);\n}\n[data-vibe-menu] .vm-moment.is-summary {\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-moment.is-expander {\n  width: 100%;\n  gap: var(--space-8);\n}\n[data-vibe-menu] .vm-moment.is-expander:hover {\n  color: var(--ink);\n}\n/* The live line's link (the first build's real address, #6451 S9c): pointer\n   events back on, since the layer takes no hits of its own. */\n[data-vibe-menu] .vm-moment-link {\n  display: inline-block;\n  margin: 0 var(--space-2);\n  font: 400 14px/1.3 var(--font-display);\n  color: var(--ink);\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  overflow-wrap: anywhere;\n  pointer-events: auto;\n}\n[data-vibe-menu] .vm-live .vm-chev {\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-log-clip {\n  overflow: hidden;\n}\n/* Port addition (RULINGS R1): the log clip is always rendered (RECONCILE \u00A75c),\n   so the base stylesheet owns its shut and open states. The shell's per-frame\n   tween (T11) writes an inline height, which overrides these during motion.\n   C's VIBE_MENU_SHELL_CSS does not repeat them. */\n[data-vibe-menu] .vm-log-clip[data-open=\"false\"] {\n  height: 0;\n  overflow: hidden;\n}\n[data-vibe-menu] .vm-log-clip[data-open=\"true\"] {\n  height: auto;\n  /* Known adjustment (plan header): room for .vm-log's own 160px cap plus its\n     8px margin-top and two hairline borders, so the clip never scrolls on top\n     of the log. */\n  max-height: calc(var(--size-log-max, 160px) + var(--space-8) + 2 * var(--stroke-hairline));\n  overflow: auto;\n  /* Smoke F15: the shell's height tween makes the clip overflow for a moment;\n     .vm-log scrolls itself, so the clip never shows a bar. */\n  scrollbar-width: none;\n}\n[data-vibe-menu] .vm-log-clip[data-open=\"true\"]::-webkit-scrollbar {\n  display: none;\n}\n[data-vibe-menu] .vm-log {\n  max-height: var(--size-log-max);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  margin-top: var(--space-8);\n  padding: var(--space-10) 4px var(--space-10) var(--space-24);\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n  border-bottom: var(--stroke-hairline) solid var(--line-hairline);\n  font-size: 13.5px;\n  line-height: 1.35;\n}\n[data-vibe-menu] .vm-log-line {\n  margin: 0;\n}\n[data-vibe-menu] .vm-log-line:first-child {\n  margin-top: auto;\n}\n[data-vibe-menu] .vm-log-line b {\n  font: 700 10px/1 var(--font-tab);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--muted);\n  margin-right: 4px;\n}\n\n/* ---------- AccessToggle: Restricted | Public and its line ---------- */\n[data-vibe-menu] .vm-access {\n  display: flex;\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-full);\n  overflow: hidden;\n}\n[data-vibe-menu] .vm-access button {\n  flex: 1;\n  height: var(--size-bar);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-10);\n  text-align: center;\n  font: 700 24px/1 var(--font-display);\n  letter-spacing: -0.02em;\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-access button + button {\n  border-left: var(--stroke-rule) solid var(--line);\n}\n[data-vibe-menu] .vm-access button.is-active {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n[data-vibe-menu] .vm-access button:not(.is-active):hover {\n  background: color-mix(in srgb, var(--accent) 20%, transparent);\n}\n/* Settings still loading (preflight ruling P14): dimmed and inert. */\n[data-vibe-menu] .vm-access[aria-disabled=\"true\"] {\n  opacity: var(--opacity-row-disabled);\n}\n[data-vibe-menu] .vm-access[aria-disabled=\"true\"] button {\n  cursor: default;\n}\n[data-vibe-menu] .vm-access[aria-disabled=\"true\"] button:not(.is-active):hover {\n  background: transparent;\n}\n[data-vibe-menu] .vm-access button .vm-busy {\n  width: 16px;\n  height: 16px;\n}\n[data-vibe-menu] .vm-access-line {\n  display: flex;\n  align-items: center;\n  gap: var(--space-10);\n  min-height: var(--size-access-line);\n  margin: var(--space-10) 0 var(--space-12);\n  padding: var(--space-6) var(--space-6) var(--space-6) var(--space-14);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-access-line);\n  background: var(--share-tint);\n  font-size: 16.5px;\n  line-height: 1.25;\n}\n[data-vibe-menu] .vm-access-line > span {\n  flex: 1;\n  min-width: 0;\n}\n[data-vibe-menu] .vm-access-line .vm-glyph {\n  width: 16px;\n  height: 16px;\n}\n[data-vibe-menu] .vm-publish {\n  display: flex;\n  align-items: center;\n  gap: var(--space-8);\n  padding: 5px 5px 5px var(--space-10);\n  border: var(--stroke-rule) solid var(--line);\n  border-left: var(--size-band) solid var(--accent);\n  border-radius: var(--radius-moment);\n}\n[data-vibe-menu] .vm-publish b {\n  font: 700 11px/1 var(--font-tab);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n[data-vibe-menu] .vm-publish span {\n  flex: 1;\n  min-width: 0;\n  font-size: 13px;\n  line-height: 1.25;\n  color: var(--muted);\n}\n\n/* ---------- GrantControls ---------- */\n[data-vibe-menu] .vm-seg {\n  display: flex;\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-full);\n  overflow: hidden;\n}\n[data-vibe-menu] .vm-seg button {\n  flex: 1;\n  height: var(--size-segment);\n  text-align: center;\n  font-size: 11px;\n}\n[data-vibe-menu] .vm-seg button + button {\n  border-left: var(--stroke-rule) solid var(--line);\n}\n[data-vibe-menu] .vm-seg button.is-active {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n[data-vibe-menu] .vm-seg.is-mini {\n  margin: 0;\n  border-width: var(--stroke-mini);\n}\n[data-vibe-menu] .vm-seg.is-mini button {\n  flex: none;\n  height: var(--size-segment-mini);\n  padding: 0 var(--space-8);\n  font-size: 10px;\n}\n[data-vibe-menu] .vm-seg.is-mini button + button {\n  border-left-width: var(--stroke-mini);\n}\n[data-vibe-menu] .vm-grants {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-6) var(--space-12);\n}\n[data-vibe-menu] .vm-grant-ctl {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n[data-vibe-menu] .vm-grant-name {\n  font: 700 10px/1 var(--font-tab);\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-grant-fixed {\n  font: 700 10px/1 var(--font-tab);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--ink);\n}\n\n/* ---------- MemberRow ---------- */\n[data-vibe-menu] .vm-input {\n  width: 100%;\n  height: var(--size-input);\n  margin-bottom: var(--space-14);\n  padding: 0 var(--space-18);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-input);\n  background: transparent;\n  color: var(--ink);\n  font: inherit;\n}\n[data-vibe-menu] .vm-members-head {\n  margin-top: 0;\n  padding: 2px 0 var(--space-8);\n}\n[data-vibe-menu] .vm-members-head + .vm-input {\n  height: 40px;\n  margin-bottom: var(--space-8);\n}\n[data-vibe-menu] .vm-person {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-8) var(--space-12);\n  padding: var(--space-6) 0;\n}\n[data-vibe-menu] .vm-person + .vm-person {\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n[data-vibe-menu] .vm-person .vm-label {\n  flex: 1;\n  min-width: 0;\n}\n[data-vibe-menu] .vm-request {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-8) var(--space-12);\n  margin-bottom: 2px;\n  padding: var(--space-10) var(--space-12);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: var(--radius-card);\n  background: var(--share-tint-strong);\n}\n[data-vibe-menu] .vm-request-top {\n  flex: 1 0 auto;\n}\n[data-vibe-menu] .vm-request-actions {\n  display: flex;\n  gap: var(--space-6);\n  margin-left: auto;\n}\n[data-vibe-menu] .vm-who-block > .vm-row {\n  width: calc(100% + 2 * var(--space-16));\n  margin: 2px calc(-1 * var(--space-16)) 0;\n  border-top: var(--stroke-hairline) solid var(--line-hairline);\n}\n[data-vibe-menu] .vm-narrow .vm-person .vm-grants,\n[data-vibe-menu] .vm-narrow .vm-request-top {\n  flex-basis: 100%;\n}\n[data-vibe-menu] .vm-narrow .vm-person .vm-grants,\n[data-vibe-menu] .vm-narrow .vm-request .vm-grants {\n  column-gap: var(--space-10);\n}\n/* stacking, as the prototype: card < bar < outline < glass and pill */\n[data-vibe-menu] .vm-frame .vm-card {\n  z-index: 1;\n}\n[data-vibe-menu] .vm-frame .vm-strip {\n  z-index: 2;\n}\n[data-vibe-menu] .vm-frame .vm-outline {\n  z-index: 3;\n}\n[data-vibe-menu] .vm-frame .vm-glass {\n  z-index: 4;\n}\n[data-vibe-menu] .vm-refresh {\n  display: grid;\n  place-items: center;\n  width: var(--size-icon-circle);\n  height: var(--size-icon-circle);\n  border: var(--stroke-rule) solid var(--line);\n  border-radius: 50%;\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-refresh:hover {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n\n/* ---------- port additions: not in bundle.css ---------- */\n/* Rows and the action pill can be links (Home's rows, the credits action). */\n[data-vibe-menu] :where(a.vm-row, a.vm-ask) {\n  color: inherit;\n  text-decoration: none;\n}\n[data-vibe-menu] a.vm-row:hover .vm-dot:not(.vm-app) {\n  background: var(--accent);\n  color: var(--on-accent);\n}\n/* A member's name drills into that member (spec \u00A78). */\n[data-vibe-menu] .vm-person button.vm-label {\n  text-align: left;\n}\n[data-vibe-menu] .vm-chip[aria-disabled=\"true\"],\n[data-vibe-menu] .vm-cap:disabled,\n[data-vibe-menu] .vm-composer .vm-attach:disabled {\n  opacity: var(--opacity-row-disabled);\n  cursor: default;\n}\n/* Staged attachments above the composer: name chips, no emoji. */\n[data-vibe-menu] .vm-attachments {\n  margin-bottom: var(--space-8);\n}\n[data-vibe-menu] .vm-attachments .vm-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-6);\n  max-width: 220px;\n}\n[data-vibe-menu] .vm-attachments .vm-chip > span:last-child {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n[data-vibe-menu] .vm-attachments .vm-chip[data-status=\"error\"] {\n  border-color: var(--section-account);\n}\n/* A suggestion's fast-path marks (RULINGS O4, production #2917 decorateChip).\n   Siblings of .vm-suggest, since a button can't nest a button. The owner's\n   toggle (FastPathToggle) is outline when not blessed, filled when blessed\n   (aria-pressed); the badges are the marks every viewer sees. */\n[data-vibe-menu] .vm-suggest-item {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  max-width: 100%;\n  min-width: 0;\n}\n[data-vibe-menu] .vm-suggest-item > * {\n  flex: none;\n}\n[data-vibe-menu] .vm-suggest-item > .vm-suggest {\n  flex: 0 1 auto;\n}\n[data-vibe-menu] .vm-suggest-shield {\n  width: var(--size-chip);\n  height: var(--size-chip);\n  display: inline-grid;\n  place-items: center;\n  border-radius: var(--radius-full);\n  background: none;\n  color: var(--muted);\n}\n[data-vibe-menu] .vm-suggest-shield:hover {\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-suggest-shield[aria-pressed=\"true\"] {\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-suggest-shield[aria-pressed=\"true\"] .vm-glyph {\n  fill: currentColor;\n}\n/* The non-interactive marks every viewer sees (production ChipShieldBadge,\n   ChipJumpBadge): a filled shield (\"stays in this app\", server-authoritative)\n   or an arrow (\"opens another app\"). Never both on one chip. */\n[data-vibe-menu] .vm-suggest-badge {\n  width: var(--size-chip);\n  height: var(--size-chip);\n  display: inline-grid;\n  place-items: center;\n  color: var(--ink);\n}\n[data-vibe-menu] .vm-suggest-badge.is-shield .vm-glyph {\n  fill: currentColor;\n}\n[data-vibe-menu] .vm-suggest-badge.is-jump {\n  color: var(--muted);\n}\n\n/* ---------- phones (cards-hero.css): the menu's width, not the viewport ---------- */\n@container vibe-menu (max-width: 480px) {\n  [data-vibe-menu] .vm-ask {\n    font-size: 18px;\n  }\n  /* the field keeps 16px (iOS zooms smaller fields); attach slims instead */\n  [data-vibe-menu] .vm-composer textarea {\n    margin-right: var(--space-6);\n    font-size: 16px;\n  }\n  [data-vibe-menu] .vm-composer .vm-attach {\n    margin-left: 4px;\n    width: 28px;\n  }\n  [data-vibe-menu] .vm-cap {\n    padding: 0 var(--space-18) 0 var(--space-14);\n  }\n  [data-vibe-menu] .vm-access button {\n    font-size: 21px;\n  }\n  /* the access line keeps its sentence to two lines beside the chip */\n  [data-vibe-menu] .vm-access-line {\n    padding-left: 12px;\n    gap: 8px;\n    font-size: 15.5px;\n  }\n  [data-vibe-menu] .vm-access-line .vm-chip.vm-copy {\n    padding: 0 10px;\n  }\n  /* Data and Code drop under the handle on one line (two on the narrowest) */\n  [data-vibe-menu] .vm-person .vm-grants {\n    flex-basis: 100%;\n    column-gap: var(--space-10);\n  }\n  [data-vibe-menu] .vm-request .vm-grants {\n    column-gap: var(--space-10);\n  }\n  [data-vibe-menu] .vm-request-top {\n    flex-basis: 100%;\n  }\n  [data-vibe-menu] .vm-input {\n    font-size: 16px;\n  }\n}\n@container vibe-menu (max-width: 359px) {\n  [data-vibe-menu] .vm-access button {\n    font-size: 19px;\n  }\n  /* the line drops its icon here: the enclosure already marks it */\n  [data-vibe-menu] .vm-access-line > .vm-glyph {\n    display: none;\n  }\n  [data-vibe-menu] .vm-access-line {\n    margin: 8px 0 10px;\n    font-size: 14.5px;\n  }\n  [data-vibe-menu] .vm-access-line .vm-chip.vm-copy {\n    padding: 0 8px;\n  }\n  /* the cap and attach slim so the field keeps room (REMIX THIS stays one line) */\n  [data-vibe-menu] .vm-cap {\n    padding: 0 13px 0 10px;\n    letter-spacing: 0.05em;\n  }\n  [data-vibe-menu] .vm-composer .vm-attach {\n    margin-left: 3px;\n    width: 24px;\n  }\n  /* 16px, not the prototype's 14px: no text field under 16px on phones (spec \u00A74.5) */\n  [data-vibe-menu] .vm-composer textarea {\n    margin: 0 4px 0 0;\n    font-size: 16px;\n  }\n  [data-vibe-menu] .vm-chip.vm-copy {\n    padding: 0 10px;\n    letter-spacing: 0.06em;\n  }\n}\n";
 export declare function VibeMenuStyles(): React.ReactElement;

package/components/vibe-menu/vibe-menu.styles.js

@@ -957,6 +957,18 @@ export const VIBE_MENU_CSS = `
 [data-vibe-menu] .vm-moment.is-expander:hover {
   color: var(--ink);
 }
+/* The live line's link (the first build's real address, #6451 S9c): pointer
+   events back on, since the layer takes no hits of its own. */
+[data-vibe-menu] .vm-moment-link {
+  display: inline-block;
+  margin: 0 var(--space-2);
+  font: 400 14px/1.3 var(--font-display);
+  color: var(--ink);
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  overflow-wrap: anywhere;
+  pointer-events: auto;
+}
 [data-vibe-menu] .vm-live .vm-chev {
   color: var(--ink);
 }

package/components/vibe-menu/vibe-menu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"vibe-menu.styles.js","sourceRoot":"","sources":["../../../jsr/components/vibe-menu/vibe-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA0FJ,CAAC;AAEjC,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;2DAQwB,CAAC;AAE5D,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;6BAKA,oBAAoB;;;;+BAIlB,mBAAmB;;;;mCAIf,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyxCrD,CAAC;AAGF,MAAM,UAAU,cAAc;IAC5B,OAAO,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,uBAAuB,EAAE,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC;AACtF,CAAC"}
+{"version":3,"file":"vibe-menu.styles.js","sourceRoot":"","sources":["../../../jsr/components/vibe-menu/vibe-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA0FJ,CAAC;AAEjC,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;2DAQwB,CAAC;AAE5D,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;6BAKA,oBAAoB;;;;+BAIlB,mBAAmB;;;;mCAIf,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqyCrD,CAAC;AAGF,MAAM,UAAU,cAAc;IAC5B,OAAO,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,uBAAuB,EAAE,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC;AACtF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibes.diy/base",
-  "version": "14.3.23",
+  "version": "14.3.25",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -10,9 +10,9 @@
   "dependencies": {
     "@adviser/cement": "~0.5.34",
     "@emotion/css": "~11.13.5",
-    "@vibes.diy/use-vibes-types": "14.3.23",
-    "@vibes.diy/vibe-runtime": "14.3.23",
-    "@vibes.diy/vibe-types": "14.3.23",
+    "@vibes.diy/use-vibes-types": "14.3.25",
+    "@vibes.diy/vibe-runtime": "14.3.25",
+    "@vibes.diy/vibe-types": "14.3.25",
     "officeparser": "~8.0.0",
     "qrcode-generator": "~2.0.4",
     "react": "~19.2.8"