@leftoff/cli 0.9.9-beta.1 → 0.9.9-beta.10

package/docs/SECURITY.md

@@ -106,6 +106,21 @@ Live link is opt-in, per session: only sessions started with `leftoff live` have
 - **Outside events** need this Mac's event key (`~/.config/checkpoints/secrets/live-events`, mode 600, made by `leftoff live key`, replaced with `--new`). Locally that's a Bearer key. Through the relay only an HMAC signature is accepted (5-minute window, replays refused), so the relay can pass an event along but can't read the key, forge an event or change one. Both the relay and the Mac rate-limit, and bodies are capped at 16 KB. Claude's instructions call an event information, not a command, but it is still text Claude reads: anyone with the key can put words in front of your session. Keep the key in your CI's secrets.
 - **Remote Restore** opens Ghostty tabs, so a phone or another Mac can only ask. The Mac shows a notification and a card, and only that Mac's own browser can confirm. Requests expire after 5 minutes, at most 3 wait at once, and they're rate-limited.
 
+### Start a session from the board (0.9.9 beta)
+
+**New session** starts Claude Code on a Mac you pick, headless (`claude -p` with stream-json in and out, run by that Mac's daemon). That is more than answering a prompt (a new agent in your repo, on your Claude plan), so:
+
+- **This Mac's own board** starts it at once. **A phone or another Mac** may start one only when that Mac has *Allow starting sessions from other devices* on (Settings → Privacy & security, off by default) **and** *Trust my paired devices* is on. The switch is kept on that Mac (`~/.config/checkpoints/local/`, not the synced folder, so turning it on one Mac never turns it on another) and only that Mac's own browser can change it (loopback; a phone, the relay or a peer gets 403). Every start from another device shows a notification on the Mac. With the switch off, the request waits up to 5 minutes for a yes on that Mac's board, like Remote Restore. At most 3 wait at once; 3 starts at once, then 1 a minute.
+- **The repo list is folders that Mac has already run Claude Code in** (from its session records; no typed paths). A headless run loads a repo's hooks and `.mcp.json` without the trust dialog, so a folder Claude Code never ran in is treated as a first time:
+  - **Other folder…** browses that Mac's folders: names only (never a file or what's in one), inside your home by real path (a symlink out of home is refused or left out), never the synced Leftoff folder or anything in it, no hidden folders, `node_modules` or `Library`, at most 500 per listing. Another Mac's are read over the peer link (`fs.dirs`, not an open action, the same as any read), a phone's through the relay. Nothing is written.
+  - **A first time starts at once only from that Mac's own board** (loopback, or your hosted board open on it): you are the trust prompt. From a phone or another Mac it waits for a yes on that Mac's board, even with *Allow starting sessions from other devices* on (unless it's inside an approved folder, below), and the ask and the notification say "first time in <folder>; this runs its hooks". After one run it's in the list like the rest. Home itself is refused; a folder that isn't a git repo can't get a new worktree.
+  - **Approved folders** (per Mac, 0.9.9): with the switch on, a first time inside a folder you approved on that Mac starts from another device without the ask (and notifies that Mac, like any remote start). They're kept in that Mac's own local file (`~/.config/checkpoints/local/`, not `config.json`, never synced), stored as real paths inside your home; home itself, the synced Leftoff folder (or anything inside it), hidden folders and links out of home are refused. A start counts by the folder's real path, so a link that only looks inside an approved folder doesn't. They're added and removed only at the Mac itself: Settings (locked elsewhere), "Always allow in <folder>" on the first-time ask (the folder above it that holds the repos that Mac knows, or its parent; never home), or `leftoff starts allow|disallow <folder>`.
+- **Permission mode `default`, always passed.** Reads in the repo run; every edit and command becomes a Needs-you request (here, the phone, any board; first answer wins) and waits for it, with no 9.5-minute cap since nobody is at a terminal. A request settled any other way is a no. Never `bypassPermissions` or `auto`. AskUserQuestion is answered "ask in words", so Claude asks in plain text and you reply in Live.
+- **Other Macs** reach it over the signed, encrypted peer link (`session.start`, `session.start.get`, `session.headless`, `fs.dirs`; not open actions, so the target Mac's *Allow other machines* applies too).
+- **Nothing new in the folder.** The card, its title and checkpoints as for any session, plus `startedFrom` (device and how it came, not the prompt) and the run's state. Stream output, stdin and stderr stay in the daemon's memory; Claude's transcript stays in `~/.claude` on that Mac; the Live thread and attachments stay where Live keeps them (`~/.config/checkpoints`).
+- **Keeping the Mac awake.** While a turn runs, the daemon holds `caffeinate -i -w <pid>` (idle sleep waits; a closed lid on battery still sleeps). Stop interrupts the turn, closes stdin, then SIGINT, then SIGTERM. A daemon that stops pauses its sessions.
+- **Logged:** one daemon-log line per start, stop and permission request (session id and tool, never prompt text).
+
 ### What it did: tool output and the diff (0.9.8 beta)
 
 The session page's **What it did** shows the last tools a session ran with what they printed, and **This folder's changes** (the session's folder's uncommitted changes). This puts command output and file contents on the board and on your phone, so:

package/mod/.claude-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "leftoff",
-  "version": "0.9.9-beta.1",
+  "version": "0.9.9-beta.10",
   "description": "Leftoff (formerly Checkpoints): WTF was I working on? Tracks every Claude Code session on this machine, writes a 3-line checkpoint when one goes quiet, and adds /cp (checkpoint now), /cp-name and a /leftoff pane. Talks to the local Leftoff daemon on 127.0.0.1:7429 and falls back to writing markdown in ~/checkpoints.",
   "author": {
     "name": "Joel"

package/mod/hooks/core.js

@@ -567,7 +567,7 @@ const SESSION_ORDER = ['id', 'title', 'title_source', 'machine', 'cwd', 'repo',
 export const SESSION_EXTRA = ['inTurn', 'needsInput', 'backgroundTasks', 'turnsSinceCheckpoint', 'dormantStretch',
   'finalCheckpointDone', 'firstPrompt', 'lastPreview', 'lastNotification', 'lastEventAt', 'statusChanges', 'folder',
   'pid', 'tty', 'pidStartedAt', 'pidSource', 'term', 'closedAt', 'answers', 'lastNotificationMessage', 'needsInputAt', 'question', 'questionAt',
-  'startSource', 'historyTurns', 'healedAt', 'healedVia', 'archivedReason', 'backend', 'prLinks', 'prUnlinked', 'todos', 'files', 'startRepo', 'editedRepos', 'parked', 'nonInteractive', 'transcriptCwd', 'doubtedCheckpoints', 'liveLink', 'transcriptTurns', 'wasLive']
+  'startSource', 'historyTurns', 'healedAt', 'healedVia', 'archivedReason', 'backend', 'prLinks', 'prUnlinked', 'todos', 'files', 'startRepo', 'editedRepos', 'parked', 'nonInteractive', 'transcriptCwd', 'doubtedCheckpoints', 'liveLink', 'transcriptTurns', 'wasLive', 'headless', 'startedFrom']
 
 export const SESSION_FIELDS = ['id', 'title', 'titleSource', 'machine', 'cwd', 'repo', 'transcriptPath', 'model', 'surface', 'capture',
   'status', 'startedAt', 'lastActivityAt', 'lastHeartbeatAt', 'endedAt', 'endReason', 'turns', 'lastCheckpointId',
@@ -914,8 +914,8 @@ export function applyEvent(s, ev) {
       s.inTurn = false
       s.activeSince = null
       s.needsInput = false
-      if (d.countTurn !== false) s.turns = (s.turns || 0) + 1 // false: Codex already counted it at the start
-      s.turnsSinceCheckpoint = (s.turnsSinceCheckpoint || 0) + 1
+      if (d.countTurn !== false && !d.again) s.turns = (s.turns || 0) + 1 // false: Codex already counted it at the start
+      if (!d.again) s.turnsSinceCheckpoint = (s.turnsSinceCheckpoint || 0) + 1 // again (0.9.9): a late report of a turn already ended and counted
       s.backgroundTasks = Number(d.backgroundTasks || 0) + Number(d.sessionCrons || 0)
       if (d.lastAssistantPreview) s.lastPreview = clip(d.lastAssistantPreview, 280)
       // Claude ended the turn on a question to you (v0.4.4): the board offers a reply.
@@ -1509,13 +1509,48 @@ export function fallbackTitle(session) {
   return repoName(session) + (branch ? '@' + branch : '') + (words ? ' · ' + words : '')
 }
 
-export const TITLE_SYSTEM = 'Write a title of at most 6 words for a coding session, based on its first prompt. Reply with the title only, no quotes, no punctuation at the end.'
+// 0.9.9: the title is in the language the user writes in (English when unsure),
+// one language, one script: a small local model once named an English session
+// "Ants README笑话" ("joke" in Chinese).
+export const TITLE_LANGUAGE = 'Write it in the same language as the user\'s own messages (English if unsure), in one language only: never mix in words or characters from another language.'
+export const TITLE_SYSTEM = 'Write a title of at most 6 words for a coding session, based on its first prompt. ' + TITLE_LANGUAGE + ' Reply with the title only, no quotes, no punctuation at the end.'
 
 export function cleanTitle(text) {
-  const t = String(text || '').split('\n').map((l) => l.trim()).find(Boolean) || ''
+  const t = String(text || '').replace(/<think>[\s\S]*?<\/think>/gi, '').split('\n').map((l) => l.trim()).find(Boolean) || ''
   return clip(t.replace(/^title\s*:\s*/i, '').replace(/^["'`*]+|["'`*.]+$/g, ''), 60)
 }
 
+// The writing systems in a text's letters (digits, punctuation and emoji have none).
+// Chinese and Japanese characters count as one ("han").
+const SCRIPTS = [
+  ['latin', /\p{Script=Latin}/u], ['han', /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Bopomofo}]/u], ['hangul', /\p{Script=Hangul}/u],
+  ['cyrillic', /\p{Script=Cyrillic}/u], ['greek', /\p{Script=Greek}/u], ['arabic', /\p{Script=Arabic}/u], ['hebrew', /\p{Script=Hebrew}/u],
+  ['thai', /\p{Script=Thai}/u], ['devanagari', /\p{Script=Devanagari}/u],
+]
+export function scriptsOf(text) {
+  const out = new Set()
+  for (const ch of String(text || '')) {
+    if (!/\p{L}/u.test(ch)) continue
+    const hit = SCRIPTS.find(([, re]) => re.test(ch))
+    out.add(hit ? hit[0] : 'other')
+  }
+  return out
+}
+// Does a generated title keep to the user's writing? Every script in it must
+// be one the user wrote in; Latin letters are always fine (file names, code,
+// "README"). A title that brings in another script is dropped for the fallback.
+export function titleFitsUser(title, userText) {
+  const mine = scriptsOf(userText)
+  for (const sc of scriptsOf(title)) if (sc !== 'latin' && !mine.has(sc)) return false
+  return true
+}
+// The line under a title prompt that pins the language: written in Latin
+// letters only, the title is too (what small models drift from).
+export function titleLanguageLine(userText) {
+  const mine = scriptsOf(userText)
+  return [...mine].some((sc) => sc !== 'latin') ? 'Title language: the language of the messages above.' : 'Title language: the language of the messages above (English if unsure), Latin letters only.'
+}
+
 // ---------------------------------------------------------------- catch me up (v0.5.0)
 
 // A model reply -> its bullet lines (at most max), or null when fewer than two.
@@ -1840,6 +1875,14 @@ export function isNonInteractive({ surface = null, entrypoint = null } = {}) {
   return surface === 'headless' || surface === 'codex-exec'
 }
 
+// 0.9.9: a session Leftoff itself started from the board (src/headless.js).
+// It runs as `claude -p` (entrypoint sdk-cli) but it is your work: the daemon
+// spawned it with LEFTOFF_HEADLESS=<its session id>. Anything else in that
+// variable (empty, a stray value) doesn't count.
+export function isLeftoffHeadless(value) {
+  return /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(String(value || '').trim())
+}
+
 // Our own summarizer's and titler's prompts (buildCheckpointPrompt, TITLE
 // prompt): a session that starts with one is Leftoff talking to a model.
 export function isOwnSummarizerPrompt(p) {

package/mod/hooks/register.js

@@ -19,7 +19,7 @@ import {
   shortId, formatTabTitle, parseTabTitle, detectTerminal, parseProcLine, trailingQuestion,
   parseCheckpointArgs, SUMMARY_LENGTHS, parseBulletList, parseCatchupArgs,
   listHintFrom, extractChecklists, parseTodoArgs, parseDoneArgs, detectBackend, parseParkArgs,
-  boardLinkLines, isNonInteractive, lockForPark, parkLockHeld, unlockParkLocks, parkWorktreeText,
+  boardLinkLines, isNonInteractive, isLeftoffHeadless, lockForPark, parkLockHeld, unlockParkLocks, parkWorktreeText,
 } from './core.js'
 
 const PANE_ID = 'checkpoints'
@@ -28,10 +28,11 @@ const END_TIMEOUT_MS = 1000
 const MODEL_TIMEOUT_MS = 20000
 
 // Module state. $.state is not used: the pane redraws with $.ui.invalidate.
-const MOD_VERSION = '0.9.9-beta.1' // keep in step with .claude-plugin/plugin.json
+const MOD_VERSION = '0.9.9-beta.10' // keep in step with .claude-plugin/plugin.json
 
 const st = {
   internal: false,
+  headless: false, // 0.9.9: started from the board (LEFTOFF_HEADLESS)
   ready: false,
   sessionId: null,
   root: null,
@@ -150,10 +151,19 @@ async function sayHelloAgain($) {
 async function isInternal($) {
   // Leftoff's own claude runs (the summarizer's claude -p, claude plugin …) carry this.
   if ((await $.env.get('LEFTOFF_INTERNAL')) || (await $.env.get('CHECKPOINTS_INTERNAL'))) return true
+  // 0.9.9: a session Leftoff started from the board runs as claude -p, but it is yours.
+  if (await isHeadless($)) return false
   // 0.8.6: `claude -p` / the Agent SDK (CLAUDE_CODE_ENTRYPOINT sdk-*): not a work session.
   try { return isNonInteractive({ entrypoint: await $.env.get('CLAUDE_CODE_ENTRYPOINT') }) } catch { return false }
 }
 
+// 0.9.9: started by Leftoff from the board (src/headless.js): no terminal, no
+// tab to name, the daemon writes the board's messages on its stdin and answers
+// its permission prompts itself, so the mod only reports.
+async function isHeadless($) {
+  try { return isLeftoffHeadless(await $.env.get('LEFTOFF_HEADLESS')) } catch { return false }
+}
+
 async function loadSetup($) {
   const home = (await $.env.get('HOME')) || (await $.env.get('USERPROFILE')) || ''
   st.root = ((await $.env.get('LEFTOFF_DIR')) || (await $.env.get('CHECKPOINTS_DIR')) || home + '/checkpoints').replace(/\/+$/, '')
@@ -577,7 +587,8 @@ async function readBackend($, model) {
 // tab titled. (Claude Code's terminalTitleFromRename setting has to stay on,
 // which it is by default.) With CLAUDE_CODE_DISABLE_TERMINAL_TITLE set, Claude
 // Code draws nothing, so the mod writes OSC 2 to the session's tty instead.
-function tabTitleOn() { return st.cfg.tabTitle !== false && !st.internal && st.surface !== 'headless' }
+const noTab = () => st.surface === 'headless' || st.surface === 'leftoff' // no terminal tab (claude -p, or started from the board)
+function tabTitleOn() { return st.cfg.tabTitle !== false && !st.internal && !noTab() }
 
 function desiredTabTitle(name) {
   const repo = st.record ? repoName(st.record) : null
@@ -865,7 +876,7 @@ const ASK_MAX_MS = 9.5 * 60 * 1000
 
 async function permissionHook($, e, next) {
   const base = await next(e)
-  if (st.internal || !st.sessionId || (base && base.decision)) return base
+  if (st.internal || st.headless || !st.sessionId || (base && base.decision)) return base // headless: the daemon answers on its pipe
   const opened = await api($, 'POST', '/v1/asks', {
     sessionId: e.session_id || st.sessionId, tool: e.tool_name, input: e.tool_input, suggestions: e.permission_suggestions,
     capture: 'mod', cwd: e.cwd, permissionMode: e.permission_mode,
@@ -913,7 +924,7 @@ async function toolRan($, e) {
 // typed in with $.prompt.submit, which Claude Code runs once the session is idle
 // (checked on 2.1.295: a submit during a turn waits for it to end).
 function startReplyLoop($) {
-  if (st.replyLoop || st.internal || st.surface === 'headless') return
+  if (st.replyLoop || st.internal || noTab()) return
   st.replyLoop = true
   const loop = async () => {
     let backoff = 0
@@ -964,6 +975,8 @@ export function register(on, options) {
       try { model = await $.session.model() } catch {}
       let surface = null
       try { const surfaces = await $.session.surfaces(); surface = surfaces && surfaces.length ? surfaces[0] : 'headless' } catch {}
+      st.headless = await isHeadless($)
+      if (st.headless) surface = 'leftoff' // 0.9.9: started from the board, a work session (not 'headless')
       st.record = null
       // Where this session runs: Claude Code's pid + tty (for open/closed and
       // Terminal.app) and the terminal's own ids (for Go).
@@ -1006,7 +1019,7 @@ export function register(on, options) {
         // a new id in the same process (/clear, /resume) runs in the same tab
         ...(parentSessionId ? { proc: st.proc ? { ...st.proc, source: 'mod' } : null, term: st.term } : {}),
       })
-      if (st.surface !== 'headless') {
+      if (!noTab()) {
         const own = e.session_title ? parseTabTitle(e.session_title) : null
         const name = own && !own.id ? own.name : (own && own.name) || st.daemonTitle || null
         await applyTabTitle($, name, { force: !!parentSessionId, current: e.session_title || null })
@@ -1055,8 +1068,8 @@ export function register(on, options) {
     })
     // The daemon titles a session after its first turn (a few seconds of
     // summarizer); name the tab once it has, without waiting for the minute heartbeat.
-    if (st.daemonTitle && st.surface !== 'headless') await noteTitle($, st.daemonTitle)
-    else if (!st.titleSoon && st.surface !== 'headless' && tabTitleOn()) {
+    if (st.daemonTitle && !noTab()) await noteTitle($, st.daemonTitle)
+    else if (!st.titleSoon && !noTab() && tabTitleOn()) {
       st.titleSoon = true
       $.clock.after(12000, () => { heartbeat($).catch(() => {}) })
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leftoff/cli",
-  "version": "0.9.9-beta.1",
+  "version": "0.9.9-beta.10",
   "description": "Leftoff: WTF was I working on? Tracks every Claude Code session, writes a 3-line checkpoint when one goes quiet, and gives you a daily digest and a board, on your Mac and (optionally) your phone.",
   "keywords": [
     "claude",

package/ui/app.css

@@ -182,6 +182,20 @@ h2 .count { color: var(--faint); font-weight: 500; }
 .fact { background: var(--card); box-shadow: var(--card-shadow); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; min-width: 0; }
 .fact .k { color: var(--faint); font-size: 11.5px; text-transform: uppercase; letter-spacing: .6px; }
 .fact .v { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.fact .k, .fact .v { display: block; }
+/* 0.9.9: a card with an id or a path is a button: tap copies the whole value, which is its tip */
+.fact.copyable { position: relative; width: 100%; min-height: 44px; text-align: left; cursor: pointer; font: inherit; color: inherit; outline: none; -webkit-tap-highlight-color: transparent; transition: border-color .12s, background .12s; }
+.fact.copyable .k { display: flex; align-items: center; gap: 6px; }
+.fact-ic { display: inline-grid; margin-left: auto; color: var(--faint); opacity: .55; transition: opacity .12s, color .12s; }
+.fact-ic svg { width: 13px; height: 13px; }
+@media (hover: hover) { .fact.copyable:hover { border-color: var(--line-strong); } .fact.copyable:hover .fact-ic { opacity: 1; color: var(--text2); } }
+.fact.copyable:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.fact.copyable:focus-visible .fact-ic { opacity: 1; }
+.fact.copyable.copied { border-color: var(--accent); }
+.fact.copyable.copied .fact-ic { opacity: 1; color: var(--accent); }
+.fact.copyable[data-tip]::after { content: attr(data-tip); display: none; position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 20; padding: 4px 8px; border-radius: 7px; background: var(--card2); border: 1px solid var(--line-strong); box-shadow: var(--toast-shadow); color: var(--text2); font: 500 12px/1.35 var(--mono); text-transform: none; letter-spacing: normal; white-space: normal; overflow-wrap: anywhere; pointer-events: none; }
+@media (hover: hover) { .fact.copyable[data-tip]:hover::after { display: block; } }
+.fact.copyable[data-tip]:focus-visible::after, .fact.copyable.copied[data-tip]::after { display: block; }
 .strip { display: flex; gap: 3px; margin: 8px 0 4px; flex-wrap: wrap; }
 .strip span { font-size: 11px; padding: 2px 8px; border-radius: 6px; }
 .timeline { position: relative; margin-left: 8px; padding-left: 22px; border-left: 2px solid var(--line); }
@@ -2100,6 +2114,28 @@ mark.tx, .co-snip mark, .tx-snip mark, .tx-msg-text mark { background: var(--tx-
 .lv-tick { margin-top: 4px; font-size: 11.5px; color: var(--muted); text-align: right; }
 .lv-tick.got span { color: var(--accent); letter-spacing: -2px; padding-right: 2px; }
 .lv-tick.bad { color: var(--red); text-align: left; }
+/* 0.9.9 Queued: sent while Claude works, not taken in yet: dimmed, a dashed edge, Queued (not Working).
+   Compact: no sender line, a long one folds to two lines (a tap opens it), and one small row
+   "◷ Queued · Send now · Edit · Cancel" of text buttons, each with a 44px hit area (the
+   negative margins keep the row 18px tall and the words evenly spaced; neighbours' hit
+   areas don't overlap). Several stack tight. */
+.lv-you.lv-queued { background: transparent; border-style: dashed; border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); padding: 6px 10px; margin-bottom: 6px; }
+.lv-you.lv-queued .lv-text, .lv-you.lv-queued .att-bubble { opacity: .62; }
+.lv-you.lv-queued .lv-text { margin-top: 0; }
+.lv-queued .lv-q-long { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; cursor: pointer; border-radius: 4px; }
+.lv-queued .lv-q-long.open { display: block; -webkit-line-clamp: unset; line-clamp: none; overflow: visible; }
+.lv-queued .lv-q-long:focus:not(:focus-visible) { outline: none; }
+.lv-queued .lv-q-long:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.lv-q { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; column-gap: 5px; row-gap: 0; margin-top: 4px; min-height: 18px; font-size: 12.5px; line-height: 18px; color: var(--muted); }
+.lv-q-tag { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; letter-spacing: .01em; color: var(--muted); }
+.lv-q-tag::before { content: "◷"; font-size: 13px; font-weight: 400; }
+.lv-q-dot { opacity: .7; }
+.lv-q-hint { color: var(--muted); }
+.lv-q-btn { background: none; border: 0; box-shadow: none; margin: -13px -4px; padding: 0 4px; min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 18px; font-weight: 600; color: var(--accent); cursor: pointer; border-radius: 8px; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
+.lv-q-btn:hover { text-decoration: underline; text-underline-offset: 3px; }
+.lv-q-btn:focus:not(:focus-visible) { outline: none; }
+.lv-q-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: -8px; }
+.lv-q-btn:disabled { opacity: .45; cursor: default; text-decoration: none; }
 .lv-working .lvs-line { margin-top: 0; }
 .lv-pending .lv-working { margin-top: 4px; }
 .lvs-sep { color: var(--faint); }
@@ -2846,3 +2882,237 @@ del.gd-x { background: var(--gd-del-word); }
 .lv-tools .lv-tool-open::after { content: '›'; position: absolute; right: 8px; top: 0; color: var(--faint); font-size: 14px; }
 .lv-tools .lv-tool-open:hover { background: var(--bg2); color: var(--text); }
 .lv-tools .lv-tool-open:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
+
+/* 0.9.9 New session (ui/start.js): plain lists of big choices, inline on a phone */
+.start { display: flex; flex-direction: column; gap: 18px; max-width: 760px; margin-top: 16px; }
+.start-where .start-opt-sub { white-space: normal; }
+.start-sec { display: flex; flex-direction: column; gap: 8px; }
+.start-h { font-size: 13px; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; margin: 0; }
+.start-opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
+.start-where { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.start-opt { min-height: 44px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; text-align: left; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); color: var(--text); font: inherit; font-size: 14px; cursor: pointer; min-width: 0; }
+.start-opt:hover:not(:disabled) { border-color: var(--line-strong); }
+.start-opt[aria-checked="true"] { border-color: var(--accent); background: var(--tint-accent); box-shadow: inset 0 0 0 1px var(--accent); }
+.start-opt:disabled { opacity: .5; cursor: default; }
+.start-opt:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.start-opt-main { font-weight: 600; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.start-opt-sub { font-size: 12px; color: var(--muted); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.start-branch { font-weight: 400; color: var(--muted); font-size: 12px; }
+.start-more { align-self: flex-start; min-height: 44px; }
+.start-hint, .start-empty { margin: 0; font-size: 12.5px; color: var(--muted); }
+.start-rule { margin: 0; font-size: 13px; color: var(--text2); }
+.start-rule.bad { color: var(--red); }
+.start-ask { padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg2); font-size: 13.5px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
+.start-ask.wait { border-color: var(--yellow); background: var(--tint-yellow); }
+.start-ask.bad { border-color: var(--red); background: var(--tint-red); }
+.headless-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 4px 0 10px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg2); font-size: 13px; color: var(--text2); }
+.headless-bar .grow { flex: 1 1 200px; display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
+.headless-bar.running { border-color: var(--green); background: var(--tint-green); }
+.headless-bar.paused { border-color: var(--yellow); background: var(--tint-yellow); }
+.headless-bar .btn { min-height: 44px; }
+/* 0.9.9 Permissions: the New session choice, the session page's switch and its pill beside Live */
+.start-mode { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+.start-mode .start-opt-sub { white-space: normal; }
+.headless-mode { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: -4px 0 10px; }
+.headless-mode .hm-l { font-size: 12.5px; font-weight: 600; color: var(--muted); }
+.hm-seg { display: inline-flex; border: 1px solid var(--line); border-radius: 10px; overflow: visible; background: var(--card); }
+.hm-opt { position: relative; min-height: 44px; min-width: 44px; padding: 0 14px; border: 0; border-left: 1px solid var(--line); background: transparent; color: var(--text2); font: inherit; font-size: 13.5px; cursor: pointer; }
+.hm-opt:first-child { border-left: 0; border-radius: 10px 0 0 10px; }
+.hm-opt:last-child { border-radius: 0 10px 10px 0; }
+.hm-opt[aria-checked="true"] { background: var(--tint-accent); color: var(--text); font-weight: 600; box-shadow: inset 0 0 0 1px var(--accent); }
+.hm-opt:disabled { opacity: .55; cursor: default; }
+.hm-opt:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; z-index: 1; }
+.hm-opt[data-tip]::after, .mode-pill[data-tip]::after { content: attr(data-tip); display: none; position: absolute; top: calc(100% + 4px); left: 0; width: max-content; max-width: min(280px, 80vw); padding: 4px 8px; border-radius: 7px; background: var(--card2); border: 1px solid var(--line-strong); box-shadow: var(--toast-shadow); color: var(--text2); font-size: 12px; line-height: 1.35; font-weight: 500; text-align: left; white-space: normal; pointer-events: none; z-index: 20; }
+@media (hover: hover) { .hm-opt[data-tip]:hover::after, .mode-pill[data-tip]:hover::after { display: block; animation: tip-in .12s ease-out .35s both; } }
+.hm-opt[data-tip]:focus-visible::after, .mode-pill[data-tip]:focus-visible::after { display: block; }
+.hm-hint { flex-basis: 100%; margin: 0; font-size: 12px; color: var(--muted); }
+.mode-pill { position: relative; display: inline-block; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--line-strong); background: var(--bg2); color: var(--text2); font-size: 11.5px; font-weight: 600; line-height: 1.5; white-space: nowrap; }
+.mode-pill.m-auto { border-color: var(--accent); background: var(--tint-accent); color: var(--text); }
+.mode-pill.m-acceptEdits { border-color: var(--yellow); background: var(--tint-yellow); color: var(--text); }
+@media (max-width: 640px) {
+  .hm-seg { display: flex; width: 100%; }
+  .hm-opt { flex: 1 1 0; padding: 0 6px; }
+}
+.headless-err { margin: -4px 0 10px; padding: 8px 12px; border-radius: 8px; background: var(--tint-red); color: var(--text2); font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 9em; overflow: auto; }
+@media (max-width: 640px) {
+  .start-opts { grid-template-columns: 1fr; }
+  .start-where { grid-template-columns: 1fr 1fr; }
+  .start-opt { min-height: 48px; }
+  .start-ask-banner .btn, .start-ask .btn { min-height: 44px; }
+}
+
+/* 0.9.9 New session: a + in the top bar on a phone (next to search); on a
+   desktop the button in the board's header row, like the buttons beside it */
+.topright .newbtn { display: none; }
+.newbtn .lbl { display: none; }
+.newbtn[data-tip]::after { content: attr(data-tip); display: none; position: absolute; top: calc(100% + 4px); right: 0; width: max-content; padding: 4px 8px; border-radius: 7px; background: var(--card2); border: 1px solid var(--line-strong); box-shadow: var(--toast-shadow); color: var(--text2); font-size: 12px; line-height: 1.3; font-weight: 500; white-space: nowrap; pointer-events: none; z-index: 20; }
+@media (hover: hover) { .newbtn[data-tip]:hover::after { display: block; } }
+@media (max-width: 640px) {
+  .topright .newbtn { display: grid; place-items: center; width: 44px; height: 44px; }
+  .pagehead .actions .start-new { display: none; }
+}
+/* A request banner on a phone (start or Restore asked from another device,
+   the restore banner): the words use the whole width, the buttons a row of
+   their own below, 44px tall */
+@media (max-width: 640px) {
+  .start-ask-banner > .grow, .restore-ask > .grow, .banner.restore:not(.open) > .grow, .pair-ask > .grow { flex: 1 1 100%; }
+  .start-ask-banner > .btn, .restore-ask > .btn, .banner.restore:not(.open) > .btn:not(.x), .pair-ask > .btn { flex: 1 1 0; justify-content: center; min-height: 44px; }
+  .restore-ask > .rs-m { flex: 1 1 100%; }
+}
+
+/* 0.9.9 Other folder…: the inline folder browser (full width; no popover) */
+.start-other .start-opt-main { display: inline-flex; align-items: center; gap: 6px; }
+.start-other .ic { width: 16px; height: 16px; color: var(--muted); }
+.start-other { border-style: dashed; }
+.start-badge { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 6px; border: 1px solid var(--line); font-size: 11px; font-weight: 600; line-height: 18px; color: var(--muted); background: var(--bg2); vertical-align: 1px; }
+.start-badge.git { color: var(--green); border-color: color-mix(in srgb, var(--green) 40%, var(--line)); }
+.start-badge.new { color: var(--yellow); border-color: color-mix(in srgb, var(--yellow) 50%, var(--line)); }
+.start-first { color: var(--text); }
+.start-browse { display: flex; flex-direction: column; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg2); min-width: 0; }
+.sb-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; min-width: 0; }
+.sb-crumb { min-height: 44px; min-width: 44px; padding: 0 8px; border: 0; border-radius: 8px; background: none; color: var(--accent); font: inherit; font-size: 14px; cursor: pointer; overflow-wrap: anywhere; text-align: left; }
+.sb-crumb[aria-current] { color: var(--text); font-weight: 600; cursor: default; }
+.sb-crumb:hover:not([aria-current]) { background: var(--card); }
+.sb-sep { color: var(--faint); }
+.sb-here { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
+.sb-here .btn { min-height: 44px; }
+.sb-cur { flex: 1 1 160px; min-width: 0; font-size: 13px; color: var(--text2); overflow-wrap: anywhere; }
+.sb-cur-name { font-family: var(--mono); font-size: 12.5px; }
+.sb-cuts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
+.sb-cuts-l { font-size: 12px; color: var(--muted); }
+.sb-cut { min-height: 44px; min-width: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 22px; background: var(--card); color: var(--text2); font: inherit; font-family: var(--mono); font-size: 12.5px; cursor: pointer; }
+.sb-cut:hover { border-color: var(--line-strong); }
+.sb-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px; max-height: 360px; overflow: auto; }
+.sb-dir { width: 100%; min-height: 44px; display: flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--card); color: var(--text); font: inherit; font-size: 14px; text-align: left; cursor: pointer; min-width: 0; }
+.sb-dir:hover { border-color: var(--line-strong); }
+.sb-dir .ic { width: 16px; height: 16px; flex: none; color: var(--muted); }
+.sb-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.sb-dir .sb-go { color: var(--faint); }
+.sb-foot { display: flex; justify-content: flex-end; }
+.sb-foot .btn { min-height: 44px; }
+.sb-crumb:focus-visible, .sb-cut:focus-visible, .sb-dir:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+/* Go to a folder: type a path you know */
+.sb-path { display: flex; flex-direction: column; gap: 4px; margin: 0; }
+.sb-path-l { font-size: 12px; color: var(--muted); }
+.sb-path-row { display: flex; gap: 8px; min-width: 0; }
+.sb-path-in { flex: 1 1 auto; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--card); color: var(--text); font: inherit; font-family: var(--mono); font-size: 16px; }
+.sb-path-in:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+.sb-path-in[aria-invalid="true"] { border-color: var(--red); }
+.sb-path-row .btn { min-height: 44px; min-width: 44px; justify-content: center; }
+.sb-path-err { margin: 0; }
+.start-custom .start-opt-main { white-space: normal; }
+@media (max-width: 640px) {
+  .start-browse { padding: 10px; margin-left: -4px; margin-right: -4px; }
+  .sb-list { grid-template-columns: 1fr; max-height: none; overflow: visible; }
+  .sb-here .sb-use { flex: 1 1 100%; justify-content: center; }
+}
+
+/* 0.9.9 asked at pairing time: may other devices start sessions here? */
+.pair-ask .grow { min-width: 0; }
+@media (pointer: coarse) { .pair-ask > .btn { min-height: 44px; } }
+
+/* 0.9.9 a setting that saves on change says so beside it, then fades */
+.saved-mark { display: inline-block; margin-left: 10px; font-size: 13px; font-weight: 600; white-space: nowrap; color: var(--green, var(--accent)); transition: opacity .35s ease; }
+.saved-mark.bad { color: var(--red); font-weight: 400; white-space: normal; }
+.saved-mark.gone { opacity: 0; }
+@media (prefers-reduced-motion: reduce) { .saved-mark { transition: none; } }
+
+/* 0.9.9 settings kept on one Mac only: "🖥️ studio only" beside the label (a styled tip,
+   never title=), and a locked control (a lock, aria-disabled) when you're not at that Mac */
+.local-pill { position: relative; display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; border: 1px solid var(--line-strong); background: var(--bg2); color: var(--text2); font-size: 11.5px; font-weight: 500; line-height: 1.5; white-space: nowrap; vertical-align: 1px; cursor: default; }
+.local-pill::after { content: attr(data-tip); display: none; position: absolute; top: calc(100% + 4px); left: 0; width: max-content; max-width: min(240px, 70vw); padding: 4px 8px; border-radius: 7px; background: var(--card2); border: 1px solid var(--line-strong); box-shadow: var(--toast-shadow); color: var(--text2); font-size: 12px; line-height: 1.3; font-weight: 500; white-space: normal; pointer-events: none; z-index: 20; }
+@media (hover: hover) { .local-pill:hover::after { display: block; animation: tip-in .12s ease-out .35s both; } }
+.local-pill.show::after { display: block; }
+@media (prefers-reduced-motion: reduce) { .local-pill::after { animation: none !important; } }
+.local-pill .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
+.form label.check.locked { color: var(--muted); cursor: not-allowed; }
+.form label.check.locked input { cursor: not-allowed; }
+.form label.check .lock { display: inline-flex; color: var(--muted); }
+.form label.check .lock .ic { width: 14px; height: 14px; }
+/* 0.9.9 Settings → Approved folders: a list with Remove, and an add field (16px) */
+.form label[for="f-start-approve"] { align-self: start; padding-top: 12px; }
+.approved { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
+.approved-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
+.approved-list li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 4px 4px 4px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg2); }
+.approved-path { flex: 1; min-width: 0; overflow-wrap: anywhere; color: var(--text); font-size: 13px; }
+.approved .mono, .start-ask-banner .mono { font-family: var(--mono); }
+.approved-x { flex: none; min-height: 44px; min-width: 44px; justify-content: center; gap: 4px; }
+.approved-x .ic { width: 14px; height: 14px; }
+.approved-none { color: var(--faint); font-size: 13px; }
+.approved-add { display: flex; gap: 8px; align-items: center; }
+.form .approved-add input { flex: 1; min-width: 0; height: 44px; font-size: 16px; }
+.approved-add .btn { min-height: 44px; flex: none; }
+.approved.locked .approved-add input, .approved.locked .approved-add .btn { cursor: not-allowed; }
+.approved .lock { display: inline-flex; color: var(--muted); }
+.approved .lock .ic { width: 14px; height: 14px; }
+.approved-err { color: var(--red); font-size: 12.5px; overflow-wrap: anywhere; }
+.start-ask-banner .btn.approve { max-width: 100%; }
+.start-ask-banner .btn.approve .mono { overflow-wrap: anywhere; white-space: normal; text-align: left; }
+@media (max-width: 640px) {
+  .start-ask-banner > .btn.approve { order: 1; flex: 1 1 100%; }
+}
+
+/* 0.9.9 the ask in Live: a waiting permission prompt (or question) takes the
+   composer's place at the bottom of Live, and stays in reach while you read the
+   thread (sticky inside the Live box, above the phone's tab bar and the home
+   indicator); the thread keeps a short row for each ask where it happened. */
+.ask-dock-wrap { position: sticky; bottom: max(12px, calc(env(safe-area-inset-bottom) + 8px)); z-index: 6; margin-top: 10px; }
+.need.ask-dock { gap: 10px; padding: 12px 14px; border-radius: 16px; border-color: color-mix(in srgb, var(--red) 50%, var(--line)); background: var(--card); box-shadow: 0 8px 28px rgba(15, 20, 35, .14), 0 1px 3px rgba(15, 20, 35, .08); }
+[data-theme="dark"] .need.ask-dock { background: var(--card2); box-shadow: 0 8px 28px rgba(0, 0, 0, .45); }
+.ask-dock .need-head { font-size: 13px; }
+.ask-count { font-size: 12px; font-weight: 600; color: var(--text2); background: var(--field); border: 1px solid var(--line); border-radius: 10px; padding: 1px 8px; font-variant-numeric: tabular-nums; }
+.ask-what { display: grid; gap: 6px; min-width: 0; }
+.ask-verb { font-weight: 600; font-size: 15px; color: var(--text); }
+.ask-detail { display: block; font-family: var(--mono); font-size: 13px; line-height: 1.5; background: var(--field); border: 1px solid var(--line); border-radius: 8px; padding: 6px 9px; white-space: pre-wrap; overflow-wrap: anywhere; min-width: 0; max-height: 40vh; overflow: auto; }
+.ask-detail.long { max-height: calc(3 * 1.5em + 12px); overflow: hidden; }
+.ask-detail.long.open { max-height: 40vh; overflow: auto; }
+.ask-more, .ask-reply-instead { justify-self: start; min-height: 44px; padding: 0 2px; margin: -6px 0 -8px; border: 0; background: none; color: var(--accent); font: inherit; font-size: 14px; font-weight: 500; cursor: pointer; -webkit-tap-highlight-color: transparent; }
+.ask-reply-instead { color: var(--muted); }
+.ask-more:hover, .ask-reply-instead:hover { text-decoration: underline; }
+.ask-more:focus-visible, .ask-reply-instead:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }
+.ask-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch; }
+.ask-actions .btn, .ask-dock .deny-form .btn { min-height: 44px; font-size: 14px; padding: 8px 16px; justify-content: center; white-space: nowrap; }
+.ask-actions .btn.ask-allow { min-width: 120px; font-size: 15px; }
+.ask-dock .deny-form .deny-note { flex: 1 1 220px; min-width: 0; min-height: 44px; box-sizing: border-box; font-size: 16px; }
+@media (max-width: 699.98px) {
+  .ask-dock-wrap { bottom: calc(var(--bar-h) + 8px + env(safe-area-inset-bottom)); }
+  body.nav-hidden .ask-dock-wrap { bottom: max(10px, calc(env(safe-area-inset-bottom) + 6px)); }
+  .need.ask-dock { padding: 12px; }
+  .ask-actions .btn { flex: 1 1 calc(50% - 4px); font-size: 15px; min-height: 48px; }
+  .ask-actions .btn.ask-allow, .ask-actions .btn.ask-deny { flex-basis: 100%; }
+  .ask-actions .always-wrap { flex: 1 1 calc(50% - 4px); }
+  .ask-actions .always-wrap .btn { flex: 1 1 auto; width: 100%; }
+  .ask-dock .deny-form .btn { flex: 1 1 calc(50% - 4px); min-height: 48px; }
+  .ask-dock .deny-form .deny-note { flex-basis: 100%; }
+}
+/* after "Reply instead": one line above the composer, Answer brings the card back */
+.ask-slim { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding: 4px 4px 4px 12px; border: 1px solid color-mix(in srgb, var(--red) 40%, var(--line)); border-radius: 12px; background: var(--tint-red); font-size: 13px; min-width: 0; }
+.ask-slim .need-dot { background: var(--red); }
+.ask-slim-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text2); }
+.ask-slim .btn { flex: none; min-height: 44px; min-width: 44px; justify-content: center; }
+/* the row in the thread: what it asked, and how it was answered */
+.lv-ask { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; row-gap: 2px; margin: 0 0 8px; padding: 6px 10px; border-left: 3px solid var(--line-strong); border-radius: 0 8px 8px 0; background: color-mix(in srgb, var(--muted) 7%, transparent); font-size: 12.5px; color: var(--text2); min-width: 0; }
+.lv-ask .lva-what { flex: 1 1 200px; min-width: 0; overflow-wrap: anywhere; }
+.lv-ask .lva-verb { font-weight: 600; }
+.lv-ask code { font-family: var(--mono); font-size: 12px; overflow-wrap: anywhere; }
+.lv-ask .lva-state { flex: none; max-width: 100%; font-weight: 600; font-size: 12px; overflow-wrap: anywhere; }
+.lv-ask.t-ok { border-left-color: var(--green); } .lv-ask.t-ok .lva-state { color: var(--green); }
+.lv-ask.t-auto { border-left-color: var(--accent); } .lv-ask.t-auto .lva-state { color: var(--accent); }
+.lv-ask.t-no { border-left-color: var(--red); } .lv-ask.t-no .lva-state { color: var(--red); }
+.lv-ask.t-wait { border-left-color: var(--red); background: var(--tint-red); } .lv-ask.t-wait .lva-state { color: var(--red); }
+.ask-note { color: var(--muted); font-size: 13px; margin-top: -4px; }
+.lv-ask .lva-what { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
+/* a turn's answered asks folded into one row: "▸ 7 asks · 6 allowed · 1 always allowed"; tap opens them in place */
+.lv-askgroup { margin: 0 0 8px; min-width: 0; }
+.lvag-toggle { display: flex; flex-wrap: wrap; align-items: center; column-gap: 6px; row-gap: 2px; width: 100%; min-height: 44px; margin: 0; padding: 6px 10px; border: 0; border-left: 3px solid var(--line-strong); border-radius: 0 8px 8px 0; background: color-mix(in srgb, var(--muted) 7%, transparent); color: var(--text2); font: inherit; font-size: 12.5px; text-align: left; cursor: pointer; min-width: 0; }
+.lvag-toggle:hover { background: color-mix(in srgb, var(--muted) 12%, transparent); }
+.lvag-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.lvag-caret { flex: none; display: inline-block; width: 12px; color: var(--muted); transition: transform .15s ease; }
+.lv-askgroup.open .lvag-caret { transform: rotate(90deg); }
+.lvag-what { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
+.lvag-sep { flex: none; color: var(--muted); }
+.lvag-n { flex: none; white-space: nowrap; font-weight: 600; color: var(--green); }
+.lvag-n.lvag-no { color: var(--red); }
+.lvag-list { list-style: none; margin: 6px 0 0; padding: 0; }
+.lvag-list .lv-ask:last-child { margin-bottom: 0; }
+@media (prefers-reduced-motion: reduce) { .lvag-caret { transition: none; } }