diff --git a/frontend/e2e/mobile-journeys.spec.ts b/frontend/e2e/mobile-journeys.spec.ts
index f37ce88..d677b58 100644
--- a/frontend/e2e/mobile-journeys.spec.ts
+++ b/frontend/e2e/mobile-journeys.spec.ts
@@ -20,42 +20,47 @@ async function assertInsideViewport(locator: Locator, page: Page) {
   expect(box!.y + box!.height).toBeLessThanOrEqual(viewport!.height + 1)
 }
 
-test('Today paper composition has no overlap or horizontal overflow', async ({ page }) => {
+test('Today plain-list composition has no overlap or horizontal overflow', async ({ page }) => {
   await page.goto('/')
   await expect(await bottomTab(page, '今天')).toHaveAttribute('aria-current', 'page')
-  const board = page.locator('.today-board')
-  const environment = page.locator('.today-environment')
-  const tracks = board.locator('.today-track')
-  await expect(board).toBeVisible()
-  await expect(environment).toBeVisible()
-  await expect(tracks).toHaveCount(2)
 
-  const geometry = await board.evaluate((node) => {
-    const boardRect = node.getBoundingClientRect()
-    const environmentRect = node.querySelector('.today-environment')!.getBoundingClientRect()
-    const trackRects = [...node.querySelectorAll('.today-track')].map(item => item.getBoundingClientRect())
+  const context = page.locator('.today-context')
+  const environment = page.locator('.today-environment')
+  const title = page.locator('.today-page-title')
+  const remaining = page.locator('.today-remaining')
+  const filter = page.locator('.today-inline-filter')
+  const firstSection = page.locator('.today-section-toggle').first()
+
+  for (const locator of [context, environment, title, remaining, filter, firstSection]) {
+    await expect(locator).toBeVisible()
+  }
+
+  const geometry = await page.locator('main').evaluate((main) => {
+    const selectors = ['.today-environment', '.today-page-title', '.today-remaining', '.today-inline-filter', '.today-section-toggle']
+    const rects = selectors.map(selector => main.querySelector(selector)!.getBoundingClientRect())
+    const context = main.querySelector('.today-context')!
+    const contextRect = context.getBoundingClientRect()
     return {
-      boardRight: boardRect.right,
-      boardBottom: boardRect.bottom,
-      boardScrollWidth: node.scrollWidth,
-      boardClientWidth: node.clientWidth,
-      environmentBottom: environmentRect.bottom,
-      trackTops: trackRects.map(rect => rect.top),
-      trackRights: trackRects.map(rect => rect.right),
-      trackBottoms: trackRects.map(rect => rect.bottom),
+      mainScrollWidth: main.scrollWidth,
+      mainClientWidth: main.clientWidth,
+      contextScrollWidth: context.scrollWidth,
+      contextClientWidth: context.clientWidth,
+      contextLeft: contextRect.left,
+      contextRight: contextRect.right,
+      rects: rects.map(rect => ({ left: rect.left, right: rect.right, top: rect.top, bottom: rect.bottom, width: rect.width, height: rect.height })),
     }
   })
-  expect(geometry.boardScrollWidth).toBeLessThanOrEqual(geometry.boardClientWidth)
-  expect(Math.min(...geometry.trackTops)).toBeGreaterThanOrEqual(geometry.environmentBottom - 1)
-  expect(Math.max(...geometry.trackRights)).toBeLessThanOrEqual(geometry.boardRight + 1)
-  expect(Math.max(...geometry.trackBottoms)).toBeLessThanOrEqual(geometry.boardBottom + 1)
 
-  for (const track of await tracks.all()) {
-    const head = track.locator('.today-track-head')
-    const labels = head.locator('strong, span')
-    await expect(labels).toHaveCount(2)
-    const boxes = await labels.evaluateAll(nodes => nodes.map(node => node.getBoundingClientRect()))
-    expect(Math.abs(boxes[0].top - boxes[1].top)).toBeLessThan(4)
+  expect(geometry.mainScrollWidth).toBeLessThanOrEqual(geometry.mainClientWidth)
+  expect(geometry.contextScrollWidth).toBeLessThanOrEqual(geometry.contextClientWidth)
+  for (const rect of geometry.rects) {
+    expect(rect.width).toBeGreaterThan(0)
+    expect(rect.height).toBeGreaterThan(0)
+    expect(rect.left).toBeGreaterThanOrEqual(geometry.contextLeft - 1)
+    expect(rect.right).toBeLessThanOrEqual(geometry.contextRight + 1)
+  }
+  for (let index = 0; index < geometry.rects.length - 1; index += 1) {
+    expect(geometry.rects[index].bottom).toBeLessThanOrEqual(geometry.rects[index + 1].top + 1)
   }
 })
 test('Today task persists through detail, completion and reopen', async ({ page }, testInfo) => {
diff --git a/frontend/e2e/today-plain-list.spec.ts b/frontend/e2e/today-plain-list.spec.ts
new file mode 100644
index 0000000..6808ea1
--- /dev/null
+++ b/frontend/e2e/today-plain-list.spec.ts
@@ -0,0 +1,95 @@
+import { expect, test } from './fixtures'
+
+const widths = [721, 720, 390, 375]
+
+test('Today plain-list layout matches the approved responsive geometry', async ({ page }) => {
+  await page.goto('/')
+  for (const width of widths) {
+    await page.setViewportSize({ width, height: width <= 390 ? 844 : 900 })
+    await expect(page.locator('.today-environment')).toBeVisible()
+    await expect(page.getByRole('button', { name: '刷新当前页面' })).toBeVisible()
+    await expect(page.getByRole('switch', { name: '显示已完成' })).toHaveCount(1)
+    await expect(page.locator('.today-environment__gold')).toContainText('Au99.99')
+    const metrics = await page.evaluate(() => {
+      const rect = (selector: string) => document.querySelector<HTMLElement>(selector)!.getBoundingClientRect()
+      const environment = document.querySelector<HTMLElement>('.today-environment')!
+      const calendar = document.querySelector<HTMLElement>('.today-environment__calendar')!
+      const weather = document.querySelector<HTMLElement>('.today-environment__weather')!
+      const gold = document.querySelector<HTMLElement>('.today-environment__gold')!
+      const title = document.querySelector<HTMLElement>('.today-page-title')!
+      const remaining = document.querySelector<HTMLElement>('.today-remaining')!
+      const filter = document.querySelector<HTMLElement>('.today-inline-filter')!
+      const firstSection = document.querySelector<HTMLElement>('.today-section-toggle')!
+      const main = document.querySelector<HTMLElement>('main.today-main')!
+      const content = rect('.today-context')
+      const orderedElements = [environment, title, remaining, filter, firstSection]
+      const ordered = orderedElements.map((element) => {
+        const box = element.getBoundingClientRect()
+        return { left: box.left, right: box.right, top: box.top, bottom: box.bottom, width: box.width, height: box.height }
+      })
+      const tolerance = 1
+      const orderedPairs = ordered.slice(0, -1).map((current, index) => ({
+        previousBottom: current.bottom,
+        nextTop: ordered[index + 1].top,
+        separated: current.bottom <= ordered[index + 1].top + tolerance,
+      }))
+      const positiveGeometry = ordered.every(box => box.width > 0 && box.height > 0)
+      const insideContent = ordered.every(box => box.left >= content.left - tolerance && box.right <= content.right + tolerance)
+      const visible = (element: HTMLElement) => {
+        const style = getComputedStyle(element)
+        return style.visibility !== 'hidden' && style.display !== 'none' && element.getBoundingClientRect().width > 0
+      }
+      const rows = [...environment.children]
+        .filter((node): node is HTMLElement => node instanceof HTMLElement && visible(node) && !node.classList.contains('sr-only'))
+        .map(node => Math.round(node.getBoundingClientRect().top))
+      const uniqueRows = [...new Set(rows)]
+      const collisions = [calendar, weather, gold].some((a, index, items) => items.slice(index + 1).some(b => {
+        const ar = a.getBoundingClientRect(); const br = b.getBoundingClientRect()
+        return ar.left < br.right && ar.right > br.left && ar.top < br.bottom && ar.bottom > br.top
+      }))
+      const secondary = [...environment.querySelectorAll<HTMLElement>('small')].map(node => ({ scrollWidth: node.scrollWidth, clientWidth: node.clientWidth, visible: visible(node) }))
+      return {
+        viewport: innerWidth,
+        documentOverflow: document.documentElement.scrollWidth - document.documentElement.clientWidth,
+        mainOverflow: main.scrollWidth - main.clientWidth,
+        content: { left: content.left, right: content.right, width: content.width },
+        environment: { ...environment.getBoundingClientRect().toJSON(), scrollWidth: environment.scrollWidth, clientWidth: environment.clientWidth },
+        directions: { calendar: getComputedStyle(calendar).flexDirection, weather: getComputedStyle(weather).flexDirection, gold: getComputedStyle(gold).flexDirection },
+        uniqueRows,
+        collisions,
+        secondary,
+        ordered,
+        orderedPairs,
+        positiveGeometry,
+        insideContent,
+        weatherText: weather.innerText,
+        goldText: gold.innerText,
+        goldLabel: gold.querySelector('.today-environment__gold-date')?.getAttribute('aria-label'),
+      }
+    })
+    console.log(`[today-geometry][${width}] ${JSON.stringify(metrics)}`)
+    expect(metrics.documentOverflow).toBe(0)
+    expect(metrics.mainOverflow).toBeLessThanOrEqual(0)
+    expect(metrics.environment.scrollWidth).toBeLessThanOrEqual(metrics.environment.clientWidth)
+    expect(metrics.collisions).toBeFalsy()
+    expect(metrics.positiveGeometry).toBeTruthy()
+    expect(metrics.insideContent).toBeTruthy()
+    expect(metrics.orderedPairs.every(pair => pair.separated)).toBeTruthy()
+    expect(metrics.goldText).toContain('Au99.99')
+    expect(metrics.goldLabel).toMatch(/市场日期 \d{4}-\d{2}-\d{2}/)
+    expect(metrics.secondary.every(line => line.visible && line.scrollWidth <= line.clientWidth)).toBeTruthy()
+    if (width === 721) {
+      expect(metrics.uniqueRows).toHaveLength(1)
+      expect(metrics.environment.height).toBeLessThan(80)
+    } else {
+      expect(metrics.uniqueRows).toHaveLength(2)
+      expect(metrics.directions.calendar).toBe('row')
+      expect(metrics.directions.weather).toBe('column')
+      expect(metrics.directions.gold).toBe('column')
+    }
+    if (width >= 721) {
+      expect(metrics.content.width).toBeLessThanOrEqual(721)
+      expect(Math.abs(metrics.content.left - (width - metrics.content.width) / 2)).toBeLessThanOrEqual(2)
+    }
+  }
+})
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 28d8c31..5318c69 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -321,12 +321,8 @@ const activeName = computed(() => {
   if (activeView.value === 'settings') return '设置与数据'
   return lists.value.find((item) => item.id === activeList.value)?.name || '收集箱'
 })
-const todayHabitProgress = computed(() => `${todayHabitCompleted.value} / ${todayHabitTotal.value}`)
 const todayTaskRemaining = computed(() => Math.max(0, todayTaskTotal.value - todayTaskCompleted.value))
 const todayHabitRemaining = computed(() => Math.max(0, todayHabitTotal.value - todayHabitCompleted.value))
-const progressWidth = (completed: number, total: number) => `${total > 0 ? Math.min(100, Math.round(completed / total * 100)) : 0}%`
-const todayTaskProgressPercent = computed(() => progressWidth(todayTaskCompleted.value, todayTaskTotal.value))
-const todayHabitProgressPercent = computed(() => progressWidth(todayHabitCompleted.value, todayHabitTotal.value))
 function persistTodaySectionCollapse() {
   writeTodaySectionCollapse(window.localStorage, TODAY_SECTION_COLLAPSE_KEY, todaySectionCollapse.value)
 }
@@ -334,17 +330,6 @@ function toggleTodaySection(section: keyof TodaySectionCollapse) {
   todaySectionCollapse.value[section] = !todaySectionCollapse.value[section]
   persistTodaySectionCollapse()
 }
-async function navigateTodaySection(section: 'tasks' | 'habits') {
-  if (todaySectionCollapse.value[section]) {
-    todaySectionCollapse.value[section] = false
-    persistTodaySectionCollapse()
-  }
-  await nextTick()
-  await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()))
-  const heading = document.getElementById(`today-${section}-heading`)
-  heading?.focus({ preventScroll: true })
-  document.getElementById(`today-${section}`)?.scrollIntoView({ behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth', block: 'start' })
-}
 function updateTodayHabitSummary(value: { total: number; completed: number }) {
   todayHabitTotal.value = value.total
   todayHabitCompleted.value = value.completed
@@ -1519,12 +1504,12 @@ onUnmounted(() => {
       </AppSheet>
     </aside>
 
-    <main @touchstart="startSearchPull" @touchmove="moveSearchPull" @touchend="finishSearchPull" @touchcancel="cancelSearchPull">
+    <main :class="{'today-main':activeView==='today'}" @touchstart="startSearchPull" @touchmove="moveSearchPull" @touchend="finishSearchPull" @touchcancel="cancelSearchPull">
       <header class="topbar" :inert="memoBackgroundInert ? true : undefined">
         <button class="icon" :aria-label="(sidebarCollapsed ? '展开' : '收起') + '菜单'" :aria-expanded="sidebarCollapsed ? 'false' : 'true'" @click="toggleSidebar"><Menu /></button>
-        <div class="topbar-title"><h1 :title="activeName">{{ activeName }}</h1></div>
+        <div v-if="activeView!=='today'" class="topbar-title"><h1 :title="activeName">{{ activeName }}</h1></div>
         <div v-if="['today', 'tasks', 'upcoming', 'habits'].includes(activeView)" class="topbar-actions">
-          <CompletedFilterPill v-model="showCompleted" class="topbar-filter" />
+          <CompletedFilterPill v-if="activeView!=='today'" v-model="showCompleted" class="topbar-filter" />
           <button class="icon topbar-refresh" :class="{spinning:refreshing}" type="button" aria-label="刷新当前页面" title="刷新" :disabled="refreshing || loading" @click="refreshCurrentView"><RefreshCw /></button>
         </div>
         <div v-if="taskSearchAvailable" class="search-reveal" :class="{'mobile-search-open':mobileSearchOpen,'mobile-search-pulling':searchPullDistance>0}" :style="searchRevealStyle">
@@ -1539,30 +1524,22 @@ onUnmounted(() => {
       <MemoPanel v-else-if="activeView==='memos'" ref="memoPanel" :request="api" @scope="memoTrash=$event==='trash'" @detail="memoDetailOpen=$event" @notice="toast" />
       <CountdownPanel ref="countdownComposer" v-else-if="activeView==='countdowns'" @notice="toast" />
       <template v-else>
-        <section v-if="activeView==='today'" class="today-board" aria-labelledby="today-board-title">
-          <h2 id="today-board-title" class="sr-only">今日纸笺</h2>
+        <section v-if="activeView==='today'" class="today-context" aria-label="今日概览">
           <TodayEnvironmentStrip :environment="todayEnvironment" :loading="todayEnvironmentLoading" :failed="todayEnvironmentError" />
-          <div class="today-board__progress" aria-label="今日任务与习惯进度">
-            <button class="today-track today-task-track" type="button" aria-controls="today-tasks" @click="navigateTodaySection('tasks')">
-              <span class="today-track-head"><strong>任务 {{ todayTaskCompleted }} / {{ todayTaskTotal }}</strong><span>还有 {{ todayTaskRemaining }} 项</span></span>
-              <span class="today-track-rail" role="progressbar" aria-label="今日任务进度" aria-valuemin="0" :aria-valuemax="todayTaskTotal" :aria-valuenow="todayTaskCompleted"><i class="today-track-fill" :style="{ width: todayTaskProgressPercent }" /></span>
-            </button>
-            <button class="today-track today-habit-track" type="button" aria-controls="today-habits" @click="navigateTodaySection('habits')">
-              <span class="today-track-head"><strong>习惯 {{ todayHabitProgress }}</strong><span>还有 {{ todayHabitRemaining }} 项</span></span>
-              <span class="today-track-rail" role="progressbar" aria-label="今日习惯进度" aria-valuemin="0" :aria-valuemax="todayHabitTotal" :aria-valuenow="todayHabitCompleted"><i class="today-track-fill" :style="{ width: todayHabitProgressPercent }" /></span>
-            </button>
-          </div>
+          <h1 class="today-page-title">今天</h1>
+          <p class="today-remaining">还有 {{ todayTaskRemaining + todayHabitRemaining }} 项待完成</p>
+          <CompletedFilterPill v-model="showCompleted" class="today-inline-filter" />
         </section>
         <template v-if="activeView==='today'">
           <section v-if="overdueTaskTree.length" class="overdue-section today-collapsible-section">
-            <button id="today-overdue-heading" class="today-section-toggle" type="button" :aria-expanded="!todaySectionCollapse.overdue" aria-controls="today-overdue" @click="toggleTodaySection('overdue')"><span class="today-section-title"><CalendarDays/>已过期</span><span class="today-section-summary">{{overdueTaskTree.length}} 项</span><ChevronRight v-if="todaySectionCollapse.overdue" aria-hidden="true"/><ChevronDown v-else aria-hidden="true"/></button>
+            <button id="today-overdue-heading" class="today-section-toggle" type="button" :aria-expanded="!todaySectionCollapse.overdue" aria-controls="today-overdue" @click="toggleTodaySection('overdue')"><span class="today-section-title">逾期</span><span class="today-section-summary">{{overdueTaskTree.length}} 项</span><ChevronRight v-if="todaySectionCollapse.overdue" aria-hidden="true"/><ChevronDown v-else aria-hidden="true"/></button>
             <div v-show="!todaySectionCollapse.overdue" id="today-overdue" class="task-list overdue-list" role="region" aria-labelledby="today-overdue-heading">
               <template v-for="node in overdueTaskTree" :key="`overdue-${node.task.id}`">
                 <article :data-task-id="node.task.id" class="task-row overdue-task swipeable" :class="{'just-completed':justCompletedTaskIds.has(node.task.id),'completion-exiting':completionExitingTaskIds.has(node.task.id),ready:Math.abs(taskSwipeOffsets[node.task.id] ?? 0) >= 64}" :style="{ '--swipe-x': `${taskSwipeOffsets[node.task.id] ?? 0}px` }" @pointerdown="startTaskPointer(node.task, $event)" @pointermove="moveTaskPointer(node.task, $event)" @pointerup="finishTaskPointer(node.task, $event)" @pointercancel="cancelTaskPointer(node.task)" @touchstart.passive="startTaskSwipe(node.task, $event)" @touchmove.passive="moveTaskSwipe(node.task, $event)" @touchend="finishTaskSwipe(node.task, $event)" @touchcancel="cancelTaskSwipe(node.task)"><button class="task-check" :aria-label="`完成${node.task.title}`" :aria-pressed="false" @click.stop="toggle(node.task)"><span class="task-check-mark" :class="`p${node.task.priority}`"></span></button><div class="task-main" role="button" tabindex="0" @click="selectTaskUnlessSwiped(node.task)" @keydown.enter="selectTaskUnlessSwiped(node.task)" @keydown.space.prevent="selectTaskUnlessSwiped(node.task)"><strong :title="node.task.title">{{node.task.title}}</strong><span v-if="node.subtasks.length" class="meta"><span class="meta-item"><ListChecks/>{{node.subtasks.filter(t=>t.completed).length}}/{{node.subtasks.length}}</span></span></div><span v-if="node.task.due_at" class="task-tail"><TaskDueDisplay :due-at="node.task.due_at" :due-has-time="node.task.due_has_time" :completed="node.task.completed" :now-ms="taskDueNowMs" /></span></article>
               </template>
             </div>
           </section>
-          <button id="today-tasks-heading" class="today-section-toggle today-section-anchor" type="button" :aria-expanded="!todaySectionCollapse.tasks" aria-controls="today-tasks" @click="toggleTodaySection('tasks')"><span class="today-section-title"><ListTodo/>任务</span><span class="today-section-summary">{{totalTasks}} 项</span><ChevronRight v-if="todaySectionCollapse.tasks" aria-hidden="true"/><ChevronDown v-else aria-hidden="true"/></button>
+          <button id="today-tasks-heading" class="today-section-toggle today-section-anchor" type="button" :aria-expanded="!todaySectionCollapse.tasks" aria-controls="today-tasks" @click="toggleTodaySection('tasks')"><span class="today-section-title">今天</span><span class="today-section-summary">{{totalTasks}} 项</span><ChevronRight v-if="todaySectionCollapse.tasks" aria-hidden="true"/><ChevronDown v-else aria-hidden="true"/></button>
         </template>
       <div v-if="activeView!=='today'" class="list-toolbar"><span v-if="activeView==='trash' || totalPages > 1 || totalTasks > 0">{{ totalPages > 1 ? `第 ${page} / ${totalPages} 页 · ` : '' }}共 {{totalTasks}} 项</span><span class="list-toolbar-actions"><button v-if="query" class="link" @click="query=''">清除搜索</button><button v-if="taskReorderAvailable" class="soft-button reorder-mode-toggle task-reorder-toggle" type="button" :aria-pressed="taskReorderMode" @click="taskReorderMode=!taskReorderMode;cancelTaskReorder()">{{ taskReorderMode ? '完成' : '调整顺序' }}</button></span></div>
       <div v-if="activeView!=='trash' && totalPages > 1" class="pager"><button class="secondary" :disabled="page<=1 || loading" @click="previousPage">上一页</button><span>{{page}} / {{totalPages}}</span><button class="secondary" :disabled="page>=totalPages || loading" @click="nextPage">下一页</button></div>
@@ -1579,7 +1556,7 @@ onUnmounted(() => {
         <div v-else-if="!visibleTasks.length&&!loading" class="empty"><ListTodo/><b>{{ query ? '没有匹配的任务' : hiddenCompletedTaskCount > 0 ? '已完成任务已隐藏' : '这里还很安静' }}</b><span>{{query?'换个关键词试试':hiddenCompletedTaskCount > 0 ? '开启“显示已完成”即可查看。':'写下第一件想完成的小事吧'}}</span><button v-if="activeView==='today' && !query && hiddenCompletedTaskCount === 0" class="soft-button empty-action" @click="openTaskCompose"><Plus/>添加今天任务</button></div>
       </section>
       <div v-if="activeView==='today'" class="today-habits-section today-section-anchor">
-        <button id="today-habits-heading" class="today-section-toggle" type="button" :aria-expanded="!todaySectionCollapse.habits" aria-controls="today-habits" @click="toggleTodaySection('habits')"><span class="today-section-title"><Repeat2/>习惯</span><span class="today-section-summary">{{todayHabitCompleted}} / {{todayHabitTotal}}</span><ChevronRight v-if="todaySectionCollapse.habits" aria-hidden="true"/><ChevronDown v-else aria-hidden="true"/></button>
+        <button id="today-habits-heading" class="today-section-toggle" type="button" :aria-expanded="!todaySectionCollapse.habits" aria-controls="today-habits" @click="toggleTodaySection('habits')"><span class="today-section-title">习惯</span><span class="today-section-summary">{{todayHabitCompleted}} / {{todayHabitTotal}}</span><ChevronRight v-if="todaySectionCollapse.habits" aria-hidden="true"/><ChevronDown v-else aria-hidden="true"/></button>
         <div v-show="!todaySectionCollapse.habits" id="today-habits" role="region" aria-labelledby="today-habits-heading">
           <MvpPanel ref="habitComposer" view="today-habits" :show-completed="showCompleted" @changed="refreshAll" @notice="toast" @summary="updateTodayHabitSummary" />
         </div>
diff --git a/frontend/src/TodayEnvironment.test.ts b/frontend/src/TodayEnvironment.test.ts
index bd06cf9..e5c1a7e 100644
--- a/frontend/src/TodayEnvironment.test.ts
+++ b/frontend/src/TodayEnvironment.test.ts
@@ -46,23 +46,42 @@ describe('Today environment integration', () => {
     expect(css).not.toContain('.today-environment__refreshing')
   })
 
-  it('renders方案 A as the selected landing-page paper composition', () => {
-    expect(app.match(/class="today-board"/g)).toHaveLength(1)
-    expect(app).toContain('<section v-if="activeView===\'today\'" class="today-board" aria-labelledby="today-board-title">')
-    expect(app).toContain('<h2 id="today-board-title" class="sr-only">今日纸笺</h2>')
-    expect(app).toContain('<div class="today-board__progress" aria-label="今日任务与习惯进度">')
-    expect(app).toContain('<span>还有 {{ todayTaskRemaining }} 项</span>')
-    expect(app).toContain('<span>还有 {{ todayHabitRemaining }} 项</span>')
-    expect(app).toMatch(/today-board__progress[\s\S]*today-task-track[\s\S]*today-habit-track[\s\S]*<\/div>/)
-    expect(css).toMatch(/\.today-board\{[^}]*padding:0 18px 16px/)
-    expect(css).toMatch(/\.today-board__progress\{[^}]*display:grid[^}]*grid-template-columns:repeat\(2,minmax\(0,1fr\)\)/)
-    expect(css).toContain('.today-track:first-child{padding-left:0;padding-right:18px}')
-    expect(css).toContain('.today-track:last-child{padding-right:0;padding-left:18px;border-left:1px solid var(--line)}')
-    expect(css).not.toMatch(/@media\(max-width:720px\)\{\.today-board\{[^}]*padding:/)
-    expect(css).not.toMatch(/@media\(max-width:930px\)[\s\S]*?\.today-track-head\{[^}]*flex-direction:column/)
-    expect(css).toContain('.today-track-rail{display:block;height:5px;overflow:hidden;border-radius:999px;background:#eee5d9}')
-    expect(css).toContain('.today-track-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--success)')
-    expect(css).not.toMatch(/\.today-(?:board|track)[^{]*\{[^}]*(?:gradient|backdrop-filter)/)
+  it('renders the approved plain-list composition without a board or progress tracks', () => {
+    expect(app).toContain('<main :class="{\'today-main\':activeView===\'today\'}"')
+    expect(app).toContain('<section v-if="activeView===\'today\'" class="today-context" aria-label="今日概览">')
+    expect(app).toContain('<p class="today-remaining">还有 {{ todayTaskRemaining + todayHabitRemaining }} 项待完成</p>')
+    expect(app).not.toContain('class="today-board"')
+    expect(app).not.toContain('today-board-title')
+    expect(app).not.toContain('today-board__progress')
+    expect(app).not.toContain('today-task-track')
+    expect(app).not.toContain('today-habit-track')
+    expect(app).not.toContain('role="progressbar"')
+    expect(css).toContain('main.today-main{padding-left:max(34px,calc((100% - 720px)/2));padding-right:max(34px,calc((100% - 720px)/2))}')
+    expect(css).toContain('.today-context{margin:0 0 8px;border-bottom:1px solid var(--line)}')
+    expect(css).toContain('.today-remaining{margin:7px 0 10px;color:var(--muted);font-size:13px}')
+    expect(css).not.toContain('.today-board{')
+    expect(css).not.toContain('.today-board__progress{')
+    expect(css).not.toContain('.today-track{')
+    expect(css).not.toContain('.today-track-rail{')
+  })
+
+  it('renders the approved plain-list DOM in prototype order without duplicating the Today title', () => {
+    const main = app.slice(app.indexOf('<main :class='), app.indexOf('</main>'))
+    const environment = main.indexOf('<TodayEnvironmentStrip')
+    const title = main.indexOf('<h1 class="today-page-title">今天</h1>')
+    const remaining = main.indexOf('<p class="today-remaining">')
+    const filter = main.indexOf('<CompletedFilterPill v-model="showCompleted" class="today-inline-filter" />')
+    const overdue = main.indexOf('id="today-overdue-heading"')
+    expect(environment).toBeGreaterThan(-1)
+    expect(title).toBeGreaterThan(environment)
+    expect(remaining).toBeGreaterThan(title)
+    expect(filter).toBeGreaterThan(remaining)
+    expect(overdue).toBeGreaterThan(filter)
+    expect(main.match(/>今天<\/h1>/g)).toHaveLength(1)
+    expect(main).toContain("<div v-if=\"activeView!=='today'\" class=\"topbar-title\"><h1")
+    expect(main).toContain("<div v-if=\"['today', 'tasks', 'upcoming', 'habits'].includes(activeView)\" class=\"topbar-actions\">")
+    expect(main).toContain('<CompletedFilterPill v-if="activeView!==\'today\'" v-model="showCompleted" class="topbar-filter" />')
+    expect(main).toContain('aria-label="刷新当前页面"')
   })
 
   it('keeps the editorial environment layout readable at desktop and narrow widths', () => {
diff --git a/frontend/src/TodaySections.test.ts b/frontend/src/TodaySections.test.ts
index ac82b85..8bd5d20 100644
--- a/frontend/src/TodaySections.test.ts
+++ b/frontend/src/TodaySections.test.ts
@@ -29,6 +29,10 @@ describe('Today independent collapsible sections', () => {
         expect(app).toContain(`aria-labelledby="today-${section}-heading"`)
       }
     }
+    expect(app).toContain('<span class="today-section-title">逾期</span>')
+    expect(app).toContain('<span class="today-section-title">今天</span>')
+    expect(app).toContain('<span class="today-section-title">习惯</span>')
+    expect(app).not.toMatch(/today-section-title"><(?:CalendarDays|ListTodo|Repeat2)\/>/)
     expect(app.match(/class="today-section-toggle(?: today-section-anchor)?"/g)).toHaveLength(3)
     expect(app).toContain('<span class="today-section-summary">{{totalTasks}} 项</span>')
     expect(app).not.toContain('<span class="today-section-summary">{{taskTree.length}} 项</span>')
@@ -45,14 +49,9 @@ describe('Today independent collapsible sections', () => {
     expect(habits).not.toContain('v-if="!todaySectionCollapse.habits"')
   })
 
-  it('expands a collapsed destination before next-tick scrolling and focus, respecting reduced motion', () => {
-    expect(app).toContain("async function navigateTodaySection(section: 'tasks' | 'habits')")
-    expect(app).toContain('todaySectionCollapse.value[section] = false')
-    expect(app).toContain('await nextTick()')
-    expect(app).toContain('await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()))')
-    expect(app).toContain('heading?.focus({ preventScroll: true })')
-    expect(app).toContain("window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth'")
-    expect(app).toContain("@click=\"navigateTodaySection('tasks')\"")
-    expect(app).toContain("@click=\"navigateTodaySection('habits')\"")
+  it('keeps section navigation local to each collapse toggle', () => {
+    expect(app).not.toContain("async function navigateTodaySection(section: 'tasks' | 'habits')")
+    expect(app).toContain("@click=\"toggleTodaySection('tasks')\"")
+    expect(app).toContain("@click=\"toggleTodaySection('habits')\"")
   })
 })
diff --git a/frontend/src/components/TodayEnvironmentStrip.test.ts b/frontend/src/components/TodayEnvironmentStrip.test.ts
index 1a67dc2..5cc840e 100644
--- a/frontend/src/components/TodayEnvironmentStrip.test.ts
+++ b/frontend/src/components/TodayEnvironmentStrip.test.ts
@@ -30,11 +30,12 @@ describe('TodayEnvironmentStrip', () => {
     expect(host.querySelector('.today-environment')?.getAttribute('aria-label')).toBe('今日环境信息')
     expect(host.textContent).toContain('9月16日 周三')
     expect(host.textContent).toContain('农历八月初六')
-    expect(host.textContent).toContain('宁波海曙')
-    expect(host.textContent).toContain('27° 多云')
-    expect(host.textContent).toContain('Au99.99 延时')
-    expect(host.textContent).toContain('¥782.35/g')
-    expect(host.textContent).toContain('市场日期 09-15')
+    const weather = host.querySelector('.today-environment__weather')!
+    expect(weather.children).toHaveLength(2)
+    expect(weather.querySelector('strong')?.textContent).toBe('宁波 27°C 多云')
+    expect(weather.querySelector('small')?.textContent).toBe('海曙 09:00')
+    expect(host.textContent).toContain('Au99.99 ¥782.35/g')
+    expect(host.textContent).toContain('上金所延迟价 09-15')
     expect(host.querySelector('.today-environment__gold')?.classList.contains('is-stale')).toBe(true)
   })
 
@@ -45,11 +46,9 @@ describe('TodayEnvironmentStrip', () => {
       gold: { contract: 'Au99.99', latest_price: '935.990', market_date: '2026-09-16', delayed: true, source: '上海黄金交易所', stale: true },
     } as TodayEnvironment })
     expect(host.textContent).toContain('9月16日 周三')
-    expect(host.textContent).toContain('宁波海曙')
-    expect(host.textContent).toMatch(/28\.4°\s+多云/)
-    expect(host.textContent).toContain('Au99.99 延时')
-    expect(host.textContent).toContain('¥935.99/g')
-    expect(host.textContent).toContain('市场日期 09-16')
+    expect(host.textContent).toContain('宁波 28.4°C 多云')
+    expect(host.textContent).toContain('Au99.99 ¥935.99/g')
+    expect(host.textContent).toContain('上金所延迟价 09-16')
     expect(host.querySelector('.today-environment__gold')?.classList.contains('is-stale')).toBe(true)
   })
 
@@ -70,9 +69,8 @@ describe('TodayEnvironmentStrip', () => {
 
   it('keeps existing values visible while a refresh is in progress', async () => {
     const host = await mountStrip({ environment, loading: true })
-    expect(host.textContent).toContain('27° 多云')
-    expect(host.textContent).toContain('Open-Meteo 09:00')
-    expect(host.textContent).not.toContain('Open-Meteo · 09:00')
+    expect(host.textContent).toContain('宁波 27°C 多云')
+    expect(host.textContent).toContain('海曙 09:00')
     expect(host.textContent).toContain('¥782.35/g')
     expect(host.querySelector('.today-environment')?.getAttribute('aria-busy')).toBe('true')
     const status = host.querySelector('.today-environment__status')
@@ -141,10 +139,9 @@ describe('TodayEnvironmentStrip', () => {
 
   it('matches the selected two-row mobile composition', () => {
     const css = readFileSync(resolve(process.cwd(), 'src/style.css'), 'utf8')
-    expect(css).toContain('.today-track-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#776c60;font-size:12px}')
-    expect(css).toContain('.today-track-head strong{font-size:14px;line-height:1.2;color:#403a32}')
+    expect(css).not.toContain('.today-track-head{')
     expect(css).toContain('@media(max-width:720px){.today-environment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto}')
-    expect(css).toContain('.today-environment__calendar{grid-column:1/-1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start')
+    expect(css).toContain('.today-environment__calendar{grid-column:1/-1;grid-row:1;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between')
     expect(css).toContain('.today-environment__weather{grid-column:1;grid-row:2;border-top:1px solid var(--line);border-left:0!important}')
     expect(css).toContain('.today-environment__gold{grid-column:2;grid-row:2;border-top:1px solid var(--line)}')
     expect(css).toContain('.today-environment__weather,.today-environment__gold{padding:13px 10px;display:flex;flex-direction:column;')
diff --git a/frontend/src/components/TodayEnvironmentStrip.vue b/frontend/src/components/TodayEnvironmentStrip.vue
index 207a085..c4e72c0 100644
--- a/frontend/src/components/TodayEnvironmentStrip.vue
+++ b/frontend/src/components/TodayEnvironmentStrip.vue
@@ -88,14 +88,12 @@ const goldPrice = computed(() => {
   const numeric = typeof value === 'string' ? Number(value) : value
   return typeof numeric === 'number' && Number.isFinite(numeric) ? numeric.toFixed(2) : null
 })
-const weatherObservation = computed(() => {
+const weatherObservationTime = computed(() => {
   const value = props.environment?.weather
-  if (!value || weatherStatus.value === 'unavailable') return ''
-  const source = value.source || 'Open-Meteo'
-  if (!value.observed_at) return source
+  if (!value || weatherStatus.value === 'unavailable' || !value.observed_at) return ''
   const observed = new Date(value.observed_at)
-  if (Number.isNaN(observed.getTime())) return source
-  return `${source} ${new Intl.DateTimeFormat('zh-CN', { timeZone: 'Asia/Shanghai', hour: '2-digit', minute: '2-digit', hour12: false }).format(observed)}`
+  if (Number.isNaN(observed.getTime())) return ''
+  return new Intl.DateTimeFormat('zh-CN', { timeZone: 'Asia/Shanghai', hour: '2-digit', minute: '2-digit', hour12: false }).format(observed)
 })
 </script>
 
@@ -117,9 +115,8 @@ const weatherObservation = computed(() => {
       </span>
       <span class="today-environment__item today-environment__weather" :class="`is-${weatherStatus}`">
         <template v-if="weatherStatus !== 'unavailable'">
-          <span class="today-environment__eyeline">{{ environment.weather?.location || '宁波海曙' }}</span>
-          <strong><template v-if="environment.weather?.temperature_c != null">{{ environment.weather.temperature_c }}° </template>{{ weatherText }}</strong>
-          <small>{{ weatherObservation }}<template v-if="weatherStatus === 'stale'"> · 缓存</template></small>
+          <strong>宁波 <template v-if="environment.weather?.temperature_c != null">{{ environment.weather.temperature_c }}°C </template>{{ weatherText }}</strong>
+          <small>{{ `海曙${weatherObservationTime ? ` ${weatherObservationTime}` : ''}` }}<template v-if="weatherStatus === 'stale'"> · 缓存</template></small>
         </template>
         <template v-else>
           <span class="today-environment__skeleton" aria-hidden="true"></span>
@@ -129,9 +126,8 @@ const weatherObservation = computed(() => {
       </span>
       <span class="today-environment__item today-environment__gold" :class="`is-${goldStatus}`">
         <template v-if="goldStatus !== 'unavailable' && goldPrice">
-          <span class="today-environment__eyeline">{{ environment.gold?.symbol || environment.gold?.contract || 'Au99.99' }} 延时</span>
-          <strong>¥{{ goldPrice }}/g</strong>
-          <small><template v-if="goldMarketDate">市场日期 <span class="today-environment__gold-date today-environment__gold-date--desktop" :title="`市场日期 ${goldMarketDate}`" :aria-label="`市场日期 ${goldMarketDate}`">{{ mobileGoldMarketDate }}</span><span class="today-environment__gold-date today-environment__gold-date--mobile" :title="`市场日期 ${goldMarketDate}`" :aria-label="`市场日期 ${goldMarketDate}`">{{ mobileGoldMarketDate }}</span></template><template v-else>上金所延时</template><template v-if="goldStatus === 'stale'"> · 缓存</template></small>
+          <span class="today-environment__gold-primary"><b>{{ environment.gold?.symbol || environment.gold?.contract || 'Au99.99' }}</b> <strong>¥{{ goldPrice }}/g</strong></span>
+          <small>上金所延迟价 <template v-if="goldMarketDate"><span class="today-environment__gold-date today-environment__gold-date--desktop" :title="`市场日期 ${goldMarketDate}`" :aria-label="`市场日期 ${goldMarketDate}`">{{ mobileGoldMarketDate }}</span><span class="today-environment__gold-date today-environment__gold-date--mobile" :title="`市场日期 ${goldMarketDate}`" :aria-label="`市场日期 ${goldMarketDate}`">{{ mobileGoldMarketDate }}</span></template><template v-if="goldStatus === 'stale'"> · 缓存</template></small>
         </template>
         <template v-else>
           <span class="today-environment__skeleton" aria-hidden="true"></span>
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 7ed28fc..6dc1e1a 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -5,7 +5,7 @@
 *{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:#f8f3e8}button,input,textarea,select{font:inherit;color:inherit}@media(max-width:800px){input,textarea,select{font-size:16px}}button{cursor:pointer}svg{width:18px;height:18px;stroke-width:1.8}.center,.auth-shell{min-height:100vh;display:grid;place-items:center}.center{gap:12px;align-content:center;color:var(--muted)}.loading-brand{grid-template-columns:auto;justify-items:center;gap:13px}.loading-logo{width:40px;height:40px;display:block;margin-bottom:3px}.loading-brand>span:last-child{font-size:13px}.loader{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
 .auth-shell{background:var(--surface-canvas)}.auth-card{width:min(390px,90vw);padding:38px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:grid;gap:16px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:40px;font-weight:850;letter-spacing:-3px}.brand-wordmark{color:var(--text-primary)}.brand-logo{width:42px;height:42px;flex:0 0 auto;display:block}.brand.small{font-size:29px;gap:9px}.brand.small .brand-logo{width:32px;height:32px}.auth-card p{margin:0 0 8px;color:var(--muted)}.auth-card label,.detail-form>label{display:grid;gap:7px;font-size:12px;font-weight:650;color:#756d61}.auth-card input,.detail-form input,.detail-form select{width:100%;border:1px solid var(--line);background:#fff;padding:11px;border-radius:9px;outline:none}.auth-card input:focus,.detail-form input:focus,.detail-form select:focus,.detail-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(241,90,41,.1)}.primary{border:0;background:var(--accent);color:#fff;padding:12px;border-radius:9px;font-weight:700;box-shadow:0 5px 12px rgba(241,90,41,.2)}.auth-card small{color:var(--danger)}
 .shell{height:100vh;display:grid;grid-template-columns:236px minmax(430px,1fr) 0;background:var(--paper);overflow:hidden;transition:grid-template-columns .22s ease}.shell.detail-open{grid-template-columns:236px minmax(430px,1fr) 350px}.shell.sidebar-collapsed{grid-template-columns:0 minmax(430px,1fr) 0}.shell.sidebar-collapsed.detail-open{grid-template-columns:0 minmax(430px,1fr) 350px}.shell.sidebar-collapsed .sidebar{width:0;min-width:0;overflow:hidden;border-right:0;padding:0}.sidebar{border-right:1px solid #e4d5c3;background:#f7efe3;display:flex;flex-direction:column;min-height:0;overflow:hidden}.brand-row{height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(222,205,185,.75)}.primary-nav{display:grid;padding:10px 11px 8px;gap:2px}.primary-nav button,.sidebar-management button{position:relative;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0 12px;min-height:44px;border-radius:11px;color:#655b50;text-align:left}.primary-nav button:hover,.sidebar-management button:hover,.list-row:hover,.folder-row>button:hover{background:rgba(255,255,255,.68)}.primary-nav button.active{background:#f9e2d5;color:#b63c1b;font-weight:750}.list-row.active{background:#fff8ef;color:#bc431f;box-shadow:inset 0 0 0 1px #ead5c4}.sidebar-management button.active{background:#f9e2d5;color:#b63c1b;font-weight:750}.primary-nav button.active::before,.list-row.active::before,.sidebar-management button.active::before{content:"";position:absolute;left:2px;top:50%;width:3px;height:18px;border-radius:999px;background:var(--accent);transform:translateY(-50%)}.section-title{padding:14px 15px 5px 20px;display:flex;justify-content:space-between;align-items:center;color:#958b7d;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:750}.section-title>span:last-child{display:flex}.mini-icon,.row-actions button{min-width:44px;min-height:44px;border:0;background:transparent;padding:4px;color:#8e8477}.mini-icon svg,.row-actions svg{width:14px;height:14px}.folders{flex:1;min-height:0;padding:0 10px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.folders::-webkit-scrollbar{display:none}.folder-row,.list-row{position:relative;display:flex;align-items:center;border-radius:8px}.folder-row>button,.list-row-main{flex:1;min-width:0;min-height:44px;border:0;background:transparent;padding:0 8px;display:flex;align-items:center;gap:7px;color:#6d6559;text-align:left}.folder-row>button>span,.list-row-main>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row>button svg{width:14px}.row-actions{display:flex;position:absolute;right:0;opacity:0;pointer-events:none;transition:opacity .15s}.folder-row:hover .row-actions,.folder-row:focus-within .row-actions,.list-row:hover .row-actions,.list-row:focus-within .row-actions{opacity:1;pointer-events:auto}.list-row-main{width:100%;min-height:44px;padding:8px 7px 8px 31px;color:#665f55}.draggable-list-row-main{padding-left:0}.list-row.active .list-row-main{color:inherit}.sidebar-create-wrap{position:relative}.sidebar-popover{position:absolute;z-index:12;display:grid;min-width:148px;padding:6px;background:#fffdf8;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px rgba(78,58,34,.14);text-transform:none;letter-spacing:0}.sidebar-create-menu{top:40px;right:0}.sidebar-popover button{min-height:38px;border:0;background:transparent;border-radius:8px;padding:7px 10px;display:flex;align-items:center;gap:8px;color:#665e52;text-align:left;white-space:nowrap;font-size:12px}.sidebar-popover button:hover{background:#fbf0e8}.sidebar-popover svg{width:15px;height:15px}.sidebar-action-mask{position:fixed;z-index:70;inset:0;display:flex;align-items:flex-end}.sidebar-management{display:grid;gap:2px;margin:8px 12px max(12px,env(safe-area-inset-bottom));padding-top:8px;border-top:1px solid rgba(218,207,190,.82)}.mobile-only,.bottom{display:none}.scrim{display:none}
-main{container-type:inline-size;min-width:0;padding:27px 34px 50px;overflow:auto;background:var(--surface-base)}@media(min-width:931px){main{scrollbar-width:none}main::-webkit-scrollbar{display:none}}.topbar{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"menu title filter" "search search search";align-items:center;column-gap:14px;row-gap:12px;margin-bottom:18px}.topbar>.icon{grid-area:menu}.topbar-title{grid-area:title;min-width:0;width:100%}.topbar p{margin:0;color:var(--muted);font-size:12px}.topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:27px;margin:0;letter-spacing:-.03em}.search-reveal{grid-area:search;width:100%;min-width:0}.search-pull-hint{display:none}.topbar .search{width:100%;margin:0}.topbar-actions{grid-area:filter;justify-self:end;display:flex;align-items:center;gap:8px}.topbar-filter{justify-self:end;flex:none}.topbar-refresh{width:44px;height:44px;min-width:44px;border-radius:50%;color:var(--text-secondary)}.topbar-refresh:hover:not(:disabled){background:var(--surface-raised);color:var(--text-primary)}.topbar-refresh:disabled{opacity:.5;cursor:not-allowed}.topbar-refresh.spinning svg{animation:topbar-refresh-spin .7s linear infinite}@keyframes topbar-refresh-spin{to{transform:rotate(360deg)}}.completed-filter-pill{min-width:132px;height:36px;padding:0 8px 0 12px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border-cream);border-radius:999px;background:var(--surface-raised);box-shadow:var(--highlight-inner);color:#675f54;font-size:12px;font-weight:650;white-space:nowrap}.completed-filter-pill:hover:not(:disabled){background:#fff7eb;border-color:#d8c6ae}.completed-filter-pill:active:not(:disabled){transform:scale(.985)}.completed-filter-pill:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.completed-filter-pill:disabled{opacity:.55;cursor:not-allowed}.completed-filter-pill__track{width:32px;height:18px;flex:0 0 auto;padding:2px;border-radius:999px;background:#d8cbb9;transition:background .15s ease}.completed-filter-pill__thumb{display:block;width:14px;height:14px;border-radius:50%;background:#fffdf8;transform:translateX(0);transition:transform .15s ease}.completed-filter-pill[aria-checked="true"] .completed-filter-pill__track{background:var(--accent)}.completed-filter-pill[aria-checked="true"] .completed-filter-pill__thumb{transform:translateX(14px)}.today-board{display:grid;grid-template-columns:minmax(0,1fr);margin:18px 0 8px;padding:0 18px 16px;background:var(--surface-raised);border:1px solid var(--line);border-radius:14px;box-shadow:var(--highlight-inner),0 4px 14px rgba(88,67,42,.07);overflow:hidden}.today-board__progress{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #e4d5c0}.today-track{min-width:0;min-height:44px;border:0;background:transparent;border-radius:0;padding:14px 12px 2px;display:grid;align-content:center;gap:10px;text-align:left;transition:background .15s ease}.today-track:first-child{padding-left:0;padding-right:18px}.today-track:last-child{padding-right:0;padding-left:18px;border-left:1px solid var(--line)}.today-track:hover{background:#fff9f2}.today-track:focus-visible{outline:2px solid rgba(241,90,41,.3);outline-offset:1px}.today-track-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#776c60;font-size:12px}.today-track-head strong{font-size:14px;line-height:1.2;color:#403a32}.today-track-rail{display:block;height:5px;overflow:hidden;border-radius:999px;background:#eee5d9}.today-track-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--success);transition:width .35s ease}.today-habit-track .today-track-fill{background:var(--accent)}.today-section-anchor{scroll-margin-top:16px}.search{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:#faf7f0;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.search input{min-width:0;width:100%;border:0;outline:0;background:transparent}.search kbd{font-size:10px;white-space:nowrap;border:1px solid var(--line);padding:2px 4px;border-radius:4px}.list-toolbar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:12px}.list-toolbar-actions,.habit-reorder-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px}.reorder-mode-toggle{min-height:44px}.link{border:0;background:transparent;color:var(--accent);padding:3px;display:inline-flex;gap:3px;align-items:center}.link svg{width:14px}.task-list{transition:opacity .2s}.task-list.loading{opacity:.45}.task-row{border-left:0;--swipe-x:0px;min-height:53px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:4px 8px;transition:background .15s,transform .18s ease;position:relative;overflow:hidden;isolation:isolate}.task-row.swipeable{touch-action:pan-y;transform:translate(var(--swipe-x),var(--reorder-y,0px))}.task-row.swipeable:not([style*="0px"]){transition:none}.task-row:hover,.task-row.selected{background:rgba(250,240,229,.75)}.task-row:hover:not(.reordering){transform:translate(calc(var(--swipe-x) + 2px),var(--reorder-y,0px))}.check{width:19px;height:19px;flex:0 0 19px;border:1.6px solid #c6baa8;background:#fff;border-radius:5px;padding:0;display:grid;place-items:center}.check svg{width:13px}.task-check{width:44px;height:44px;flex:0 0 44px;border:0;background:transparent;padding:0;display:grid;place-items:center;border-radius:9px}.task-check-mark{width:19px;height:19px;border:1.6px solid #c6baa8;background:#fff;border-radius:50%;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.task-check-mark svg{width:13px}.task-check:hover .task-check-mark{transform:scale(1.06);border-color:#9d8f7b}.task-check:focus-visible{outline:2px solid rgba(241,90,41,.32);outline-offset:1px}.task-check[aria-pressed="true"] .task-check-mark{background:#71856b;border-color:#71856b;color:#fff}.task-check-mark.p1{border-color:#4b93d1}.task-check-mark.p2{border-color:#d79b25}.task-check-mark.p3{border-color:#dc4b30}.check.p1{border-color:#4b93d1}.check.p2{border-color:#d79b25}.check.p3{border-color:#dc4b30}.done .check{background:#afa595;color:white}.task-main{border:0;background:transparent;flex:1;min-width:0;text-align:left;padding:8px 0}.task-main strong{display:block;font-size:14px;font-weight:590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.done .task-main strong{text-decoration:line-through;color:#9b9388}.meta{display:inline-flex;align-items:center;gap:9px;color:#9b9286;font-size:11px;margin-top:3px}.meta-item{display:flex;align-items:center;gap:3px}.meta svg{width:12px}.priority{display:inline-flex;margin:3px 0 0 7px;font-size:10px;font-weight:750;padding:3px 6px;border-radius:5px}.priority.p1{color:#3f80ba;background:#e5f2fc}.priority.p2{color:#a56b05;background:#fff1cb}.priority.p3{color:#bd3827;background:#fde2dc}.icon,.ghost{min-width:44px;min-height:44px;border:0;background:transparent;display:grid;place-items:center;padding:5px;border-radius:6px}.mobile-only{display:none}.ghost{opacity:0;color:#9d9387}.task-row:hover .ghost{opacity:1}.ghost:hover{color:var(--danger);background:#fce7e2}.restore{display:flex;align-items:center;gap:5px;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;font-size:12px}.restore svg{width:14px}.subtask{padding-left:53px;min-height:42px;color:#6d655b}.subtask>svg{width:13px;color:#bbb0a2}.empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:8px;color:#aaa094;text-align:center}.empty>svg{width:38px;height:38px;color:#d8cabb}.empty b{color:#6f675c}.empty span{font-size:13px}.today-filtered-empty-note{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 6px 2px 14px;border:1px solid var(--line);border-radius:10px;background:#fffaf4;color:var(--muted);font-size:13px}.today-filtered-empty-note .link{min-width:44px;min-height:44px;padding:0 10px}
+main{container-type:inline-size;min-width:0;padding:27px 34px 50px;overflow:auto;background:var(--surface-base)}@media(min-width:931px){main{scrollbar-width:none}main::-webkit-scrollbar{display:none}}.topbar{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"menu title filter" "search search search";align-items:center;column-gap:14px;row-gap:12px;margin-bottom:18px}.topbar>.icon{grid-area:menu}.topbar-title{grid-area:title;min-width:0;width:100%}.topbar p{margin:0;color:var(--muted);font-size:12px}.topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:27px;margin:0;letter-spacing:-.03em}.search-reveal{grid-area:search;width:100%;min-width:0}.search-pull-hint{display:none}.topbar .search{width:100%;margin:0}.topbar-actions{grid-area:filter;justify-self:end;display:flex;align-items:center;gap:8px}.topbar-filter{justify-self:end;flex:none}.topbar-refresh{width:44px;height:44px;min-width:44px;border-radius:50%;color:var(--text-secondary)}.topbar-refresh:hover:not(:disabled){background:var(--surface-raised);color:var(--text-primary)}.topbar-refresh:disabled{opacity:.5;cursor:not-allowed}.topbar-refresh.spinning svg{animation:topbar-refresh-spin .7s linear infinite}@keyframes topbar-refresh-spin{to{transform:rotate(360deg)}}.completed-filter-pill{min-width:132px;height:36px;padding:0 8px 0 12px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border-cream);border-radius:999px;background:var(--surface-raised);box-shadow:var(--highlight-inner);color:#675f54;font-size:12px;font-weight:650;white-space:nowrap}.completed-filter-pill:hover:not(:disabled){background:#fff7eb;border-color:#d8c6ae}.completed-filter-pill:active:not(:disabled){transform:scale(.985)}.completed-filter-pill:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.completed-filter-pill:disabled{opacity:.55;cursor:not-allowed}.completed-filter-pill__track{width:32px;height:18px;flex:0 0 auto;padding:2px;border-radius:999px;background:#d8cbb9;transition:background .15s ease}.completed-filter-pill__thumb{display:block;width:14px;height:14px;border-radius:50%;background:#fffdf8;transform:translateX(0);transition:transform .15s ease}.completed-filter-pill[aria-checked="true"] .completed-filter-pill__track{background:var(--accent)}.completed-filter-pill[aria-checked="true"] .completed-filter-pill__thumb{transform:translateX(14px)}main.today-main{padding-left:max(34px,calc((100% - 720px)/2));padding-right:max(34px,calc((100% - 720px)/2))}.today-context{margin:0 0 8px;border-bottom:1px solid var(--line)}.today-page-title{margin:28px 0 0;font-size:30px;line-height:1.15;letter-spacing:-.03em}.today-remaining{margin:7px 0 10px;color:var(--muted);font-size:13px}.today-inline-filter{margin:0 0 12px auto}.today-section-anchor{scroll-margin-top:16px}.search{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:#faf7f0;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.search input{min-width:0;width:100%;border:0;outline:0;background:transparent}.search kbd{font-size:10px;white-space:nowrap;border:1px solid var(--line);padding:2px 4px;border-radius:4px}.list-toolbar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:12px}.list-toolbar-actions,.habit-reorder-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px}.reorder-mode-toggle{min-height:44px}.link{border:0;background:transparent;color:var(--accent);padding:3px;display:inline-flex;gap:3px;align-items:center}.link svg{width:14px}.task-list{transition:opacity .2s}.task-list.loading{opacity:.45}.task-row{border-left:0;--swipe-x:0px;min-height:53px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:4px 8px;transition:background .15s,transform .18s ease;position:relative;overflow:hidden;isolation:isolate}.task-row.swipeable{touch-action:pan-y;transform:translate(var(--swipe-x),var(--reorder-y,0px))}.task-row.swipeable:not([style*="0px"]){transition:none}.task-row:hover,.task-row.selected{background:rgba(250,240,229,.75)}.task-row:hover:not(.reordering){transform:translate(calc(var(--swipe-x) + 2px),var(--reorder-y,0px))}.check{width:19px;height:19px;flex:0 0 19px;border:1.6px solid #c6baa8;background:#fff;border-radius:5px;padding:0;display:grid;place-items:center}.check svg{width:13px}.task-check{width:44px;height:44px;flex:0 0 44px;border:0;background:transparent;padding:0;display:grid;place-items:center;border-radius:9px}.task-check-mark{width:19px;height:19px;border:1.6px solid #c6baa8;background:#fff;border-radius:50%;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.task-check-mark svg{width:13px}.task-check:hover .task-check-mark{transform:scale(1.06);border-color:#9d8f7b}.task-check:focus-visible{outline:2px solid rgba(241,90,41,.32);outline-offset:1px}.task-check[aria-pressed="true"] .task-check-mark{background:#71856b;border-color:#71856b;color:#fff}.task-check-mark.p1{border-color:#4b93d1}.task-check-mark.p2{border-color:#d79b25}.task-check-mark.p3{border-color:#dc4b30}.check.p1{border-color:#4b93d1}.check.p2{border-color:#d79b25}.check.p3{border-color:#dc4b30}.done .check{background:#afa595;color:white}.task-main{border:0;background:transparent;flex:1;min-width:0;text-align:left;padding:8px 0}.task-main strong{display:block;font-size:14px;font-weight:590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.done .task-main strong{text-decoration:line-through;color:#9b9388}.meta{display:inline-flex;align-items:center;gap:9px;color:#9b9286;font-size:11px;margin-top:3px}.meta-item{display:flex;align-items:center;gap:3px}.meta svg{width:12px}.priority{display:inline-flex;margin:3px 0 0 7px;font-size:10px;font-weight:750;padding:3px 6px;border-radius:5px}.priority.p1{color:#3f80ba;background:#e5f2fc}.priority.p2{color:#a56b05;background:#fff1cb}.priority.p3{color:#bd3827;background:#fde2dc}.icon,.ghost{min-width:44px;min-height:44px;border:0;background:transparent;display:grid;place-items:center;padding:5px;border-radius:6px}.mobile-only{display:none}.ghost{opacity:0;color:#9d9387}.task-row:hover .ghost{opacity:1}.ghost:hover{color:var(--danger);background:#fce7e2}.restore{display:flex;align-items:center;gap:5px;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;font-size:12px}.restore svg{width:14px}.subtask{padding-left:53px;min-height:42px;color:#6d655b}.subtask>svg{width:13px;color:#bbb0a2}.empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:8px;color:#aaa094;text-align:center}.empty>svg{width:38px;height:38px;color:#d8cabb}.empty b{color:#6f675c}.empty span{font-size:13px}.today-filtered-empty-note{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 6px 2px 14px;border:1px solid var(--line);border-radius:10px;background:#fffaf4;color:var(--muted);font-size:13px}.today-filtered-empty-note .link{min-width:44px;min-height:44px;padding:0 10px}
 .drag-handle{width:44px;min-width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;background:transparent;color:#b3a795;cursor:grab;touch-action:none;border-radius:8px}.drag-handle:active{cursor:grabbing}.drag-handle:disabled{opacity:.3;cursor:not-allowed}.drag-handle svg{width:17px;height:17px}.reordering{opacity:.78;z-index:4;box-shadow:0 12px 28px rgba(78,58,34,.18)!important;transition:none!important;pointer-events:none}.reorder-target{box-shadow:inset 0 2px 0 var(--accent)}
 .list-drag-handle{width:44px;min-width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:#ad9f8c;cursor:grab;touch-action:none;border-radius:8px}.list-drag-handle svg{width:15px;height:15px}.list-row{touch-action:pan-y}.list-row.list-dragging{position:relative;z-index:8;opacity:.8;box-shadow:0 10px 24px rgba(78,58,34,.2);transform:translateY(var(--list-drag-y));transition:none;pointer-events:none;background:#fffaf4}.folder-row.list-drop-target{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.list-root-drop.list-drop-target{background:var(--accent-soft);color:#b7421e;border-radius:9px}.list-row.list-reorder-target{box-shadow:inset 0 2px 0 var(--accent)}.list-move-menu{display:grid;gap:2px;padding:0}.list-move-menu button{min-height:44px}.list-move-menu button:disabled,.sidebar-action-sheet .app-sheet__body button:disabled{opacity:.55;cursor:default}.sidebar-action-sheet{width:min(320px,calc(100vw - 24px));margin:12px;border:1px solid var(--border-cream);border-radius:18px;box-shadow:var(--highlight-inner),var(--shadow-raised);overflow:hidden}.sidebar-action-header.app-sheet__header,.sidebar-action-move-view.app-sheet__header{align-items:flex-start;min-height:64px;padding:13px 14px 12px}.sidebar-action-header>div,.sidebar-action-move-view>div{min-width:0;display:grid;gap:2px}.sidebar-action-header b,.sidebar-action-move-view b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.sidebar-action-kind,.sidebar-action-group-title{font-size:11px;font-weight:750;letter-spacing:.04em;color:var(--muted)}.sidebar-action-body.app-sheet__body{gap:8px;padding:10px}.sidebar-action-group{display:grid;gap:2px;padding:6px;border:1px solid var(--border-cream);border-radius:14px;background:#fffaf4}.sidebar-action-group button,.sidebar-action-danger button,.list-move-menu button{width:100%;min-height:44px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:11px;background:transparent;padding:0 10px;text-align:left}.sidebar-action-group button:hover:not(:disabled),.list-move-menu button:hover:not(:disabled){background:#fff3e6}.sidebar-action-group button span,.sidebar-action-danger button span,.list-move-menu button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-action-chevron{color:#b3a795}.sidebar-action-up{transform:rotate(180deg)}.sidebar-action-danger{border-top:1px solid #efd6cf;padding:9px 6px 6px;display:grid;gap:7px}.sidebar-action-danger>span{font-size:11px;line-height:1.4;color:#9a6a5f;padding:0 4px}.sidebar-action-danger button.danger{color:var(--danger);background:#fff6f2}.sidebar-action-move-back{min-height:44px;width:44px;border:0;border-radius:12px;background:transparent;color:#8a7e70;display:grid;place-items:center}.sidebar-action-move-back svg{transform:rotate(180deg)}.list-move-current{background:#fbe6dc!important;color:#7b351e;font-weight:750}
 .archived-lists{position:relative;margin-top:4px}.archived-lists-toggle{min-height:44px;width:100%;display:flex;align-items:center;gap:8px;border:0;border-radius:9px;background:transparent;padding:0 12px;color:#81786c;text-align:left;font-size:12px;font-weight:650}.archived-lists-toggle:hover:not(:disabled){background:rgba(255,255,255,.52)}.archived-lists-toggle:focus-visible,.archived-row-menu-trigger:focus-visible,.archived-row-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.archived-lists-toggle:disabled{cursor:default;color:#aaa196}.archived-lists-toggle svg{width:15px;height:15px;transition:transform .16s ease}.archived-lists-toggle svg.expanded{transform:rotate(90deg)}.archived-list-items{display:grid;transition:opacity .16s ease}.archived-row{min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;padding-left:35px;color:#746c61}.archived-row-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.archived-row-menu{display:grid;place-items:center}.archived-row-menu-trigger{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#8e8477}.archived-row-menu-trigger svg{width:15px;height:15px}.archived-action-mask{display:contents}.archived-row-actions{position:fixed;z-index:70;width:164px;display:grid;gap:2px;padding:6px;background:#fffdf8;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.archived-row-actions button{min-height:44px;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;padding:8px 10px;text-align:left;font-size:12px}.archived-row-actions button:hover{background:#f8f1e8}.archived-row-actions svg{width:15px;height:15px}@media(max-width:930px){.archived-action-mask{display:block;position:fixed;z-index:60;inset:0;background:rgba(45,38,31,.3)}.archived-row-actions{position:fixed;z-index:61;left:0;right:0;top:auto;bottom:0;width:100%;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.archived-row-actions button{font-size:14px}}@media(prefers-reduced-motion:reduce){.archived-lists-toggle svg,.archived-list-items{transition:none}}
@@ -13,7 +13,7 @@ main{container-type:inline-size;min-width:0;padding:27px 34px 50px;overflow:auto
 .task-detail-due-row{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:10px;color:#756d61;font-size:12px;font-weight:650}.task-detail-due-controls{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.task-detail-due-controls>.task-detail-due-input{flex:1 1 150px}.field-hint{color:var(--muted);font-size:11px;font-weight:400}.after-completion-fields{display:grid;gap:5px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fffaf4;color:#675f54;font-size:12px}.after-completion-fields>div{display:flex;align-items:center;gap:7px;min-height:44px}.after-completion-fields input{width:76px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px}.after-completion-fields small{color:var(--muted);line-height:1.5}.repeat-save{width:100%;min-height:44px}.repeat-custom-fields{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fffaf4}.repeat-custom-fields>div,.repeat-custom-fields>label{display:flex;align-items:center;gap:8px;color:#675f54;font-size:12px}.repeat-custom-fields input[type="number"]{width:72px}.repeat-custom-fields input,.repeat-custom-fields select{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 9px}.weekday-picker{display:flex;gap:4px;flex-wrap:wrap}.weekday-picker label{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff}.weekday-picker input{position:absolute;opacity:0;pointer-events:none}.weekday-picker label:has(input:checked){background:var(--accent);border-color:var(--accent);color:#fff}.toast,.error-toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translateX(-50%);background:#322d28;color:#fff;border-radius:9px;padding:10px 15px;box-shadow:var(--shadow);font-size:13px}.error-toast{background:var(--danger);display:flex;align-items:center;gap:10px}.error-toast button{border:0;background:transparent;color:#fff;padding:0}.toast-enter-active,.toast-leave-active{transition:.2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}
 @media(max-width:930px){.repeat-custom-fields{padding:10px;gap:8px}.repeat-custom-fields>div,.repeat-custom-fields>label{min-width:0;flex-wrap:wrap;gap:6px}}
 @media(max-width:1050px) and (min-width:931px){.shell.detail-open{grid-template-columns:236px minmax(400px,1fr) minmax(280px,30vw)}.shell.sidebar-collapsed.detail-open{grid-template-columns:0 minmax(400px,1fr) minmax(280px,30vw)}main{padding-inline:24px}}
-@media(max-width:930px){.shell{height:100dvh;display:block;overflow:auto}.shell.mobile-sidebar-open{overflow:hidden}.shell.mobile-sidebar-open main{overflow:hidden;touch-action:none}.sidebar{position:fixed;z-index:50;display:flex;top:0;bottom:0;transition:transform .22s ease;box-shadow:var(--shadow);left:0;width:236px;max-width:86vw;transform:translateX(-105%);overscroll-behavior:contain}.sidebar.open{transform:none}.detail{position:fixed;z-index:40;display:block;left:0;right:0;top:auto;bottom:0;width:100%;max-height:min(88dvh,760px);overflow:auto;background:#fffdf8;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -14px 38px rgba(56,40,24,.2);transform:translateY(105%);transition:transform .22s ease;padding-bottom:max(16px,env(safe-area-inset-bottom))}.detail.open{transform:none}.detail-head{position:sticky;z-index:2;top:0;height:62px;background:#fffdf8;border-bottom:1px solid var(--line);padding:0 18px}.detail-head .icon{display:grid;width:42px;height:42px;background:var(--accent-soft);color:var(--accent);border-radius:50%}.detail-form{padding:18px}.detail-title textarea{font-size:21px}.scrim{position:fixed;z-index:35;inset:0;background:rgba(45,38,31,.32);display:block}.mobile-only{display:grid}main{min-height:100dvh;padding:20px 17px 112px}.topbar{grid-template-rows:auto auto;row-gap:0}.topbar h1{font-size:24px}.search-reveal{max-height:0;opacity:0;overflow:hidden;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:max-height .2s ease,opacity .16s ease,transform .2s ease}.search-reveal.mobile-search-open{max-height:52px;opacity:1;visibility:visible;pointer-events:auto;transform:none;overflow:visible}.search-reveal.mobile-search-pulling{max-height:var(--search-pull);opacity:var(--search-pull-opacity);visibility:visible;transform:translateY(calc(var(--search-pull) - 56px))}.search-pull-hint{display:block;height:16px;margin-top:-16px;text-align:center;color:var(--muted);font-size:11px;line-height:16px;opacity:0;pointer-events:none}.search-reveal.mobile-search-pulling .search-pull-hint{opacity:1}.completed-filter-pill{min-width:138px;height:44px}.completed-filter-pill__track{width:36px;height:22px}.completed-filter-pill__thumb{width:18px;height:18px}.today-board{gap:1px;margin:14px 0 4px;padding:0 18px 16px}.today-track{min-height:58px;padding:14px 12px 2px;gap:10px}.today-track-head{align-items:baseline;flex-direction:row;gap:12px}.today-track-head strong{font-size:14px}.search{width:100%;margin:0;padding:8px}.search input{width:100%}.search kbd{display:none}.list-toolbar{height:auto;min-height:36px}.section-heading{margin:12px 0 8px}.empty{min-height:190px}.today-empty-panel{min-height:104px}.row-actions{position:static;opacity:1;pointer-events:auto}.row-actions button{padding:7px;min-height:44px}.list-row{padding:6px 4px}.archived-row{padding:9px 7px;border:1px dashed #e0cfae;border-radius:8px;color:#8a6d3b;background:#fbf3e2}.archived-row .list-row-main{padding-left:14px}.archived-row .list-row-main>svg{color:#c9a45c}.bottom{display:flex;position:fixed;z-index:15;left:0;right:0;bottom:0;justify-content:space-around;background:rgba(255,253,248,.96);border-top:1px solid var(--line);padding:8px 5px max(8px,env(safe-area-inset-bottom));box-shadow:0 -5px 18px rgba(79,59,34,.06)}.bottom button{min-height:44px;min-width:60px;border:0;background:transparent;color:#81786d;display:grid;place-items:center;gap:2px;font-size:10px}.bottom button.active{color:var(--accent);font-weight:700}.bottom svg{width:20px}.toast,.error-toast{bottom:142px}.task-row{padding-inline:2px}.subtask{padding-left:35px}.ghost{opacity:.45}}
+@media(max-width:930px){.shell{height:100dvh;display:block;overflow:auto}.shell.mobile-sidebar-open{overflow:hidden}.shell.mobile-sidebar-open main{overflow:hidden;touch-action:none}.sidebar{position:fixed;z-index:50;display:flex;top:0;bottom:0;transition:transform .22s ease;box-shadow:var(--shadow);left:0;width:236px;max-width:86vw;transform:translateX(-105%);overscroll-behavior:contain}.sidebar.open{transform:none}.detail{position:fixed;z-index:40;display:block;left:0;right:0;top:auto;bottom:0;width:100%;max-height:min(88dvh,760px);overflow:auto;background:#fffdf8;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -14px 38px rgba(56,40,24,.2);transform:translateY(105%);transition:transform .22s ease;padding-bottom:max(16px,env(safe-area-inset-bottom))}.detail.open{transform:none}.detail-head{position:sticky;z-index:2;top:0;height:62px;background:#fffdf8;border-bottom:1px solid var(--line);padding:0 18px}.detail-head .icon{display:grid;width:42px;height:42px;background:var(--accent-soft);color:var(--accent);border-radius:50%}.detail-form{padding:18px}.detail-title textarea{font-size:21px}.scrim{position:fixed;z-index:35;inset:0;background:rgba(45,38,31,.32);display:block}.mobile-only{display:grid}main{min-height:100dvh;padding:20px 17px 112px}main.today-main{padding-left:17px;padding-right:17px}.topbar{grid-template-rows:auto auto;row-gap:0}.topbar h1{font-size:24px}.search-reveal{max-height:0;opacity:0;overflow:hidden;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:max-height .2s ease,opacity .16s ease,transform .2s ease}.search-reveal.mobile-search-open{max-height:52px;opacity:1;visibility:visible;pointer-events:auto;transform:none;overflow:visible}.search-reveal.mobile-search-pulling{max-height:var(--search-pull);opacity:var(--search-pull-opacity);visibility:visible;transform:translateY(calc(var(--search-pull) - 56px))}.search-pull-hint{display:block;height:16px;margin-top:-16px;text-align:center;color:var(--muted);font-size:11px;line-height:16px;opacity:0;pointer-events:none}.search-reveal.mobile-search-pulling .search-pull-hint{opacity:1}.completed-filter-pill{min-width:138px;height:44px}.completed-filter-pill__track{width:36px;height:22px}.completed-filter-pill__thumb{width:18px;height:18px}.search{width:100%;margin:0;padding:8px}.search input{width:100%}.search kbd{display:none}.list-toolbar{height:auto;min-height:36px}.section-heading{margin:12px 0 8px}.empty{min-height:190px}.today-empty-panel{min-height:104px}.row-actions{position:static;opacity:1;pointer-events:auto}.row-actions button{padding:7px;min-height:44px}.list-row{padding:6px 4px}.archived-row{padding:9px 7px;border:1px dashed #e0cfae;border-radius:8px;color:#8a6d3b;background:#fbf3e2}.archived-row .list-row-main{padding-left:14px}.archived-row .list-row-main>svg{color:#c9a45c}.bottom{display:flex;position:fixed;z-index:15;left:0;right:0;bottom:0;justify-content:space-around;background:rgba(255,253,248,.96);border-top:1px solid var(--line);padding:8px 5px max(8px,env(safe-area-inset-bottom));box-shadow:0 -5px 18px rgba(79,59,34,.06)}.bottom button{min-height:44px;min-width:60px;border:0;background:transparent;color:#81786d;display:grid;place-items:center;gap:2px;font-size:10px}.bottom button.active{color:var(--accent);font-weight:700}.bottom svg{width:20px}.toast,.error-toast{bottom:142px}.task-row{padding-inline:2px}.subtask{padding-left:35px}.ghost{opacity:.45}}
 .mvp-view{display:grid;gap:16px;padding-bottom:36px}.view-intro{display:block;border-bottom:1px dashed var(--line);padding-bottom:12px}.view-intro h2{margin:2px 0 0;font-size:22px}.view-intro small,.view-intro>span{color:var(--muted);font-size:12px}.tool-card,.empty-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 3px 14px rgba(81,61,38,.05)}.soft-button,.primary-small,.danger-button,.file-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;font-size:12px}.soft-button svg,.file-button svg{width:15px}.primary-small{background:var(--accent);border-color:var(--accent);color:#fff}.danger-button{color:var(--danger);border-color:#e5b7ad}.habit-list{display:grid;gap:10px}.tool-card h3{margin:0 0 4px}
 
 .habit-row{border:0;--swipe-x:0px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:5px 5px 5px 12px;box-shadow:0 0 0 1px rgba(231,221,204,.72),0 3px 14px rgba(81,61,38,.05);transition:box-shadow .15s,transform .18s ease;position:relative;overflow:hidden;isolation:isolate}
@@ -48,7 +48,7 @@ main{container-type:inline-size;min-width:0;padding:27px 34px 50px;overflow:auto
 .task-row.just-completed,.habit-row.just-completed{animation:completion-row-settle .34s cubic-bezier(.2,.85,.3,1)}.task-row.just-completed .task-check-mark,.habit-row.just-completed .task-check-mark{animation:completion-check-pop .38s cubic-bezier(.2,1.4,.35,1)}.task-row.completion-exiting,.habit-row.completion-exiting{pointer-events:none;overflow:hidden;animation:completion-slide-out .32s cubic-bezier(.4,0,.8,.2) forwards}@keyframes completion-slide-out{0%{opacity:1;transform:translate(var(--swipe-x),var(--reorder-y,0px));max-height:180px}68%{opacity:0;transform:translate(calc(100% + 24px),var(--reorder-y,0px));max-height:180px}100%{opacity:0;transform:translate(calc(100% + 24px),var(--reorder-y,0px));max-height:0;min-height:0;padding-top:0;padding-bottom:0;border-width:0}}@keyframes completion-row-settle{0%{background:rgba(113,133,107,.16);transform:translate(var(--swipe-x),var(--reorder-y,0px)) scale(1)}45%{background:rgba(113,133,107,.1);transform:translate(var(--swipe-x),var(--reorder-y,0px)) scale(.992)}100%{transform:translate(var(--swipe-x),var(--reorder-y,0px)) scale(1)}}@keyframes completion-check-pop{0%{transform:scale(.72);box-shadow:0 0 0 0 rgba(113,133,107,.28)}58%{transform:scale(1.18);box-shadow:0 0 0 7px rgba(113,133,107,0)}100%{transform:scale(1);box-shadow:none}}@media(prefers-reduced-motion:reduce){.task-row.just-completed,.habit-row.just-completed,.task-row.just-completed .task-check-mark,.habit-row.just-completed .task-check-mark{animation:none}.task-row.completion-exiting,.habit-row.completion-exiting{animation:none}}
 
 /* Today environment information strip. */
-.today-environment{grid-column:1/-1;position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch;padding:0;color:#655b50;font-variant-numeric:tabular-nums}.today-environment.has-attention:before{content:"";position:absolute;left:0;top:50%;width:2px;height:14px;background:#f15a29;border-radius:1px;transform:translateY(-50%)}.today-environment__item{position:relative;min-width:0;padding:17px 14px 15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;white-space:nowrap}.today-environment__item:first-child{padding-left:0}.today-environment__item+.today-environment__item{border-left:1px solid var(--line)}.today-environment__calendar strong{color:#302a24;font-size:23px;line-height:1.15;font-weight:760;letter-spacing:-.025em}.today-environment__calendar small{margin-top:6px;color:#655b50;font-size:12px;font-weight:450}.today-environment__eyeline{color:#8b8275;font-size:11px;line-height:1.2}.today-environment__weather strong,.today-environment__gold strong{display:block;margin-top:5px;color:#302a24;font-size:16px;line-height:1.2;font-weight:600}.today-environment__item small,.today-environment__status,.today-environment__state{display:block;margin-top:5px;color:#8b8275;font-size:10px;font-weight:400}.today-environment__item.is-stale small{color:#8b8275}.today-environment__status{color:#f15a29;white-space:nowrap}.today-environment__status:empty{display:none}.today-environment__state{grid-column:1/-1;min-height:95px;display:flex;align-items:center}.today-environment__skeleton{display:block;width:104px;height:8px;background:#eadfce;border-radius:2px}.today-environment__skeleton--short{width:72px;height:6px}.today-environment__calendar-main--mobile,.today-environment__gold-date--mobile{display:none}@media(min-width:721px){.today-environment{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr)}.today-environment__calendar{grid-column:1}.today-environment__weather{grid-column:2}.today-environment__gold{grid-column:3}}@media(max-width:720px){.today-track:first-child{padding-left:0;padding-right:18px}.today-track:last-child{padding-right:0;padding-left:18px}}@media(max-width:720px){.today-environment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto}.today-environment.has-attention:before{left:0;top:20px}.today-environment__calendar{grid-column:1/-1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:13px 10px}.today-environment__calendar strong{font-size:19px;letter-spacing:-.02em}.today-environment__status:not(:empty):before{content:"";display:inline-block;width:4px;height:4px;margin-right:4px;border-radius:50%;background:#f15a29;vertical-align:middle}.today-environment__weather{grid-column:1;grid-row:2;border-top:1px solid var(--line);border-left:0!important}.today-environment__gold{grid-column:2;grid-row:2;border-top:1px solid var(--line)}.today-environment__weather,.today-environment__gold{padding:13px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:visible;white-space:normal}.today-environment__weather strong,.today-environment__gold strong,.today-environment__item small{max-width:100%;overflow-wrap:anywhere}.today-environment__status{grid-column:auto;grid-row:auto;margin-top:0}.today-environment__calendar-main--desktop,.today-environment__gold-date--desktop{display:none}.today-environment__calendar-main--mobile,.today-environment__gold-date--mobile{display:inline}.today-environment__weather strong,.today-environment__gold strong{font-size:14px}.today-environment__item small{font-size:10px;line-height:1.3}}
+.today-environment{grid-column:1/-1;position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch;padding:0;color:#655b50;font-variant-numeric:tabular-nums}.today-environment.has-attention:before{content:"";position:absolute;left:0;top:50%;width:2px;height:14px;background:#f15a29;border-radius:1px;transform:translateY(-50%)}.today-environment__item{position:relative;min-width:0;padding:17px 14px 15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;white-space:nowrap}.today-environment__item:first-child{padding-left:0}.today-environment__item+.today-environment__item{border-left:1px solid var(--line)}.today-environment__calendar strong{color:#302a24;font-size:23px;line-height:1.15;font-weight:760;letter-spacing:-.025em}.today-environment__calendar small{margin-top:6px;color:#655b50;font-size:12px;font-weight:450}.today-environment__eyeline{color:#8b8275;font-size:11px;line-height:1.2}.today-environment__weather strong,.today-environment__gold strong{display:block;margin-top:5px;color:#302a24;font-size:16px;line-height:1.2;font-weight:600}.today-environment__gold-primary{display:flex;align-items:baseline;gap:4px;color:#302a24;font-size:16px;line-height:1.2;white-space:nowrap}.today-environment__gold-primary b{font-weight:600}.today-environment__gold-primary strong{display:inline;margin-top:0}.today-environment__item small,.today-environment__status,.today-environment__state{display:block;margin-top:5px;color:#8b8275;font-size:10px;font-weight:400}.today-environment__item.is-stale small{color:#8b8275}.today-environment__status{color:#f15a29;white-space:nowrap}.today-environment__status:empty{display:none}.today-environment__state{grid-column:1/-1;min-height:95px;display:flex;align-items:center}.today-environment__skeleton{display:block;width:104px;height:8px;background:#eadfce;border-radius:2px}.today-environment__skeleton--short{width:72px;height:6px}.today-environment__calendar-main--mobile,.today-environment__gold-date--mobile{display:none}@media(min-width:721px){.today-environment{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr)}.today-environment__calendar{grid-column:1}.today-environment__weather{grid-column:2}.today-environment__gold{grid-column:3}}@media(max-width:720px){.today-environment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto}.today-environment.has-attention:before{left:0;top:20px}.today-environment__calendar{grid-column:1/-1;grid-row:1;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 10px}.today-environment__calendar small{margin-top:0}.today-environment__calendar strong{font-size:15px;letter-spacing:-.02em}.today-environment__status:not(:empty):before{content:"";display:inline-block;width:4px;height:4px;margin-right:4px;border-radius:50%;background:#f15a29;vertical-align:middle}.today-environment__weather{grid-column:1;grid-row:2;border-top:1px solid var(--line);border-left:0!important}.today-environment__gold{grid-column:2;grid-row:2;border-top:1px solid var(--line)}.today-environment__weather,.today-environment__gold{padding:13px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:visible;white-space:normal}.today-environment__weather strong,.today-environment__gold strong,.today-environment__gold-primary,.today-environment__item small{max-width:100%;overflow-wrap:anywhere}.today-environment__status{grid-column:auto;grid-row:auto;margin-top:0}.today-environment__calendar-main--desktop,.today-environment__gold-date--desktop{display:none}.today-environment__calendar-main--mobile,.today-environment__gold-date--mobile{display:inline}.today-environment__weather strong,.today-environment__gold strong,.today-environment__gold-primary{font-size:13px}.today-environment__item small{font-size:10px;line-height:1.3}}
 
 /* Solid cream material system: opaque surfaces, warm edges, quiet depth. */
 :root{--surface-canvas:#f3ecdf;--surface-base:#fdfaf3;--surface-raised:#fffdf8;--text-primary:#302a24;--text-secondary:#655b50;--border-cream:#e4d5c0;--highlight-inner:inset 0 1px 0 #fff;--shadow-soft:0 4px 14px rgba(88,67,42,.08);--shadow-raised:0 12px 30px rgba(88,67,42,.12);--focus-ring:rgba(180,66,30,.34);--success:#687e61;--scrim:rgba(45,38,31,.38);--radius-control:11px;--radius-card:14px;--radius-list:15px;--radius-panel:20px;--paper:var(--surface-raised);--sidebar:var(--surface-canvas);--line:var(--border-cream);--muted:var(--text-secondary);--shadow:var(--shadow-raised);--sheet-radius:20px;--sheet-scrim:var(--scrim)}
@@ -63,7 +63,7 @@ main{background:var(--surface-base)}
 .archived-countdowns.archived-countdowns{background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-list);box-shadow:none;overflow:hidden}
 .archived-countdowns.archived-countdowns article{background:var(--surface-raised);border:0;border-radius:0;box-shadow:none}
 .archived-countdowns.archived-countdowns article+article{border-top:1px solid var(--border-cream)}
-.auth-card,.today-board,.tool-card,.empty-panel,.paper,.countdown-focus,.countdown-empty{background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-card);box-shadow:var(--highlight-inner),var(--shadow-soft)}
+.auth-card,.tool-card,.empty-panel,.paper,.countdown-focus,.countdown-empty{background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-card);box-shadow:var(--highlight-inner),var(--shadow-soft)}
 .app-sheet,.calendar-picker,.sidebar-popover,.archived-row-actions{background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-panel);box-shadow:var(--highlight-inner),var(--shadow-raised)}
 .habit-detail-sheet,.countdown-detail-sheet,.task-compose-sheet,.countdown-modal{background:var(--surface-raised);border-color:var(--border-cream);border-radius:var(--radius-panel);box-shadow:var(--highlight-inner),var(--shadow-raised)}
 .primary,.soft-button,.primary-small,.danger-button,.file-button,.secondary,.restore,.archived-toggle,.archived-countdowns button{border-radius:var(--radius-control)}
@@ -82,7 +82,7 @@ input,select,textarea,.search{background:var(--surface-raised);border-color:var(
 .countdown-row:first-of-type{border-top:0}.countdown-row:before{left:7px}.countdown-group{gap:0}.countdown-group+.countdown-group{margin-top:18px}.overdue-list{border-color:#ecc8bd}
 .empty,.center{color:var(--muted)}.loader{background:var(--surface-raised)}
 .toast{background:#3b342c;color:#fff;border:1px solid #574d42;border-radius:var(--radius-control);box-shadow:var(--shadow-raised)}.error-toast{background:var(--danger);color:#fff;border:1px solid #9f2f22;border-radius:var(--radius-control);box-shadow:var(--shadow-raised)}
-:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.task-check:focus-visible,.today-track:focus-visible,.archived-lists-toggle:focus-visible,.archived-row-menu-trigger:focus-visible,.archived-row-actions button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
+:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.task-check:focus-visible,.archived-lists-toggle:focus-visible,.archived-row-menu-trigger:focus-visible,.archived-row-actions button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
 @media(max-width:930px){.bottom{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:20px;padding:7px 5px;box-shadow:var(--highlight-inner),var(--shadow-raised)}.bottom button{min-height:44px;border-radius:11px}.bottom button.active{background:#fbe6dc}.sidebar{border-radius:0 var(--radius-panel) var(--radius-panel) 0}.detail,.app-sheet,.task-compose-sheet,.habit-detail-sheet,.countdown-detail-sheet{border-radius:var(--sheet-radius) var(--sheet-radius) 0 0!important}.task-list,.habit-list,.countdown-timeline{display:grid;gap:0}.task-row,.habit-row,.countdown-row{min-height:62px;background:var(--surface-raised);border:0;border-radius:0;box-shadow:none}.task-row+.task-row,.habit-row+.habit-row,.countdown-row+.countdown-row{border-top:1px solid var(--border-cream)}.countdown-row:first-of-type{border-top:0}.unified-fab{bottom:calc(88px + env(safe-area-inset-bottom))}}
 @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.completed-filter-pill,.completed-filter-pill__track,.completed-filter-pill__thumb{transition:none!important}.topbar-refresh.spinning svg{animation:none!important}.completed-filter-pill:active:not(:disabled){transform:none}.task-row.just-completed,.habit-row.just-completed,.task-row.just-completed .task-check-mark,.habit-row.just-completed .task-check-mark{animation:none}}
 /* Approved five-detail list/search polish. */
diff --git a/frontend/src/style.test.ts b/frontend/src/style.test.ts
index d82b497..fab60d3 100644
--- a/frontend/src/style.test.ts
+++ b/frontend/src/style.test.ts
@@ -789,10 +789,12 @@ describe('task and habit row decoration', () => {
     expect(app).toContain('if (restoredNavigation.view === \'tasks\' && restoredNavigation.listId)')
   })
 
-  it('uses one topbar pill and keeps App as the only preference owner', () => {
+  it('uses one completed filter per supported view and keeps App as the only preference owner', () => {
     expect(app).toContain("import CompletedFilterPill from './components/CompletedFilterPill.vue'")
-    expect(app.match(/<CompletedFilterPill/g)).toHaveLength(1)
+    expect(app.match(/<CompletedFilterPill/g)).toHaveLength(2)
     expect(app).toContain("v-if=\"['today', 'tasks', 'upcoming', 'habits'].includes(activeView)\"")
+    expect(app).toContain('<CompletedFilterPill v-if="activeView!==\'today\'" v-model="showCompleted" class="topbar-filter" />')
+    expect(app).toContain('class="today-inline-filter"')
     expect(app).toContain('v-model="showCompleted"')
     expect(app).toContain('class="topbar-actions"')
     expect(app).toContain('topbar-refresh')
@@ -912,18 +914,20 @@ describe('task and habit row decoration', () => {
     expect(app).toContain("params.set('due_to', isoAtLocalDayOffset(0))")
     expect(app).toContain("params.set('completed', 'false')")
     expect(app).toContain('class="overdue-section today-collapsible-section"')
-    expect(app).toContain('已过期')
+    expect(app).toContain('<span class="today-section-title">逾期</span>')
     expect(app).toContain('v-for="node in overdueTaskTree"')
     expect(css).toContain('.overdue-section{')
     expect(css).toContain('.overdue-heading{')
   })
 
-  it('keeps Today as a low-noise dashboard with direct empty-state actions', () => {
-    expect(app).toContain('class="today-board"')
-    expect(app).toContain('class="today-track today-task-track"')
-    expect(app).toContain('class="today-track today-habit-track"')
-    expect(app).toContain(':style="{ width: todayTaskProgressPercent }"')
-    expect(app).toContain(':style="{ width: todayHabitProgressPercent }"')
+  it('keeps Today as a low-noise continuous list with direct empty-state actions', () => {
+    expect(app).toContain('class="today-context"')
+    expect(app).toContain('还有 {{ todayTaskRemaining + todayHabitRemaining }} 项待完成')
+    expect(app).not.toContain('class="today-board"')
+    expect(app).not.toContain('class="today-track today-task-track"')
+    expect(app).not.toContain('class="today-track today-habit-track"')
+    expect(app).not.toContain(':style="{ width: todayTaskProgressPercent }"')
+    expect(app).not.toContain(':style="{ width: todayHabitProgressPercent }"')
     expect(app).toContain('async function loadTodayTaskSummary()')
     expect(app).toContain('const token = ++todaySummaryLoadToken')
     expect(app).toContain("params.set('completed', String(completed))")
@@ -931,21 +935,13 @@ describe('task and habit row decoration', () => {
     expect(app).toContain('await Promise.all([summaryTotal(false), summaryTotal(true), overdueTotal()])')
     expect(app).toContain('todayTaskTotal.value = overdue + open + completed')
     expect(app).toContain("if (activeView.value === 'today') void loadTodayTaskSummary()")
-    expect(app).toContain('aria-controls="today-tasks"')
-    expect(app).toContain('aria-controls="today-habits"')
-    expect(app).toContain('role="progressbar"')
-    expect(app).toContain(':aria-valuemax="todayTaskTotal"')
-    expect(app).toContain(':aria-valuenow="todayHabitCompleted"')
-    expect(app).toContain('任务 {{ todayTaskCompleted }} / {{ todayTaskTotal }}')
-    expect(app).toContain('习惯 {{ todayHabitProgress }}')
+    expect(app).not.toContain('role="progressbar"')
     expect(app).not.toContain('const todayProgressText = computed')
     expect(app).not.toContain('const todayTaskProgressHint = computed')
     expect(app).not.toContain('const todayHabitProgressHint = computed')
     expect(app).not.toContain('<p v-if="activeView===\'today\'">')
     expect(app).not.toContain('class="paper today-summary"')
     expect(app).not.toContain('today-summary-grid')
-    expect(app).toContain("navigateTodaySection('tasks')")
-    expect(app).toContain("navigateTodaySection('habits')")
     expect(app).not.toContain('<div class="today-stat"')
     expect(app).toContain('@summary="updateTodayHabitSummary"')
     expect(mvpPanel).toContain("summary: [value: { total: number; completed: number }]")
@@ -956,10 +952,11 @@ describe('task and habit row decoration', () => {
     expect(app).toContain('v-if="activeView===\'trash\' || totalPages > 1 || totalTasks > 0"')
     expect(mvpPanel).toContain('class="empty-panel today-empty-panel"')
     expect(mvpPanel).toContain('添加习惯')
-    expect(css).toContain('.today-board{')
-    expect(css).toContain('.today-track{')
-    expect(css).toContain('.today-track-fill{')
-    expect(css).toContain('.today-habit-track .today-track-fill{')
+    expect(css).toContain('.today-context{')
+    expect(css).toContain('.today-remaining{')
+    expect(css).not.toContain('.today-board{')
+    expect(css).not.toContain('.today-track{')
+    expect(css).not.toContain('.today-track-fill{')
     expect(css).not.toContain('.today-stat{')
     expect(css).not.toContain('.today-summary{')
     expect(css).not.toContain('.today-summary-grid{')