diff --git a/frontend/e2e/mobile-ui.spec.ts b/frontend/e2e/mobile-ui.spec.ts
index e3cd6b8..32c889a 100644
--- a/frontend/e2e/mobile-ui.spec.ts
+++ b/frontend/e2e/mobile-ui.spec.ts
@@ -271,8 +271,8 @@ test('settings match the approved paper-ledger geometry and action hierarchy', a
   expect(layout.bodyOverflow).toBe(0)
   const isMobileContract = (await page.viewportSize())!.width <= 720
   if (isMobileContract) {
-    expect(layout.leftPadding).toBeCloseTo(29, 0)
-    expect(layout.rightPadding).toBeCloseTo(29, 0)
+    expect(layout.leftPadding).toBeCloseTo(28, 0)
+    expect(layout.rightPadding).toBeCloseTo(28, 0)
     expect(layout.headingSize).toBe('24px')
   } else {
     const pageWidth = await page.locator('.settings-sections').evaluate(element => element.getBoundingClientRect().width)
diff --git a/frontend/e2e/today-plain-list.spec.ts b/frontend/e2e/today-plain-list.spec.ts
index e80305c..eb85791 100644
--- a/frontend/e2e/today-plain-list.spec.ts
+++ b/frontend/e2e/today-plain-list.spec.ts
@@ -60,7 +60,7 @@ test('Today plain-list layout matches the approved responsive geometry', async (
       }
     })).toEqual({
       media720: width <= 720,
-      contentWidth: width >= 1440 ? 1080 : width > 930 ? Math.min(1080, width - 324) : width === 721 ? 630 : width - 58,
+      contentWidth: width >= 1440 ? 1080 : width > 930 ? Math.min(1080, width - 324) : width === 721 ? 630 : width - 56,
       environmentHeight: width >= 721 ? 55 : width === 375 ? 79 : 81,
     })
     await expect(page.locator('.today-heading')).toHaveCount(1)
@@ -270,9 +270,9 @@ test('Today plain-list layout matches the approved responsive geometry', async (
       expect(metrics.directions.weather).toBe('column')
       expect(metrics.directions.gold).toBe('column')
       if (width <= 720) {
-        expect(metrics.content.width).toBeCloseTo(width - 58, 0)
-        expect(metrics.content.left).toBeCloseTo(29, 0)
-        expect(metrics.styles.mainPaddingLeft).toBe('29px')
+        expect(metrics.content.width).toBeCloseTo(width - 56, 0)
+        expect(metrics.content.left).toBeCloseTo(28, 0)
+        expect(metrics.styles.mainPaddingLeft).toBe('28px')
         expect(metrics.styles.titleFontSize).toBe('24px')
         expect(metrics.environment.height).toBeCloseTo(width === 375 ? 79 : 81, 0)
       }
diff --git a/frontend/e2e/upcoming-list-parity.spec.ts b/frontend/e2e/upcoming-list-parity.spec.ts
index ddbc33e..b295840 100644
--- a/frontend/e2e/upcoming-list-parity.spec.ts
+++ b/frontend/e2e/upcoming-list-parity.spec.ts
@@ -78,8 +78,8 @@ test('Upcoming shares the task-list hierarchy while keeping its date scope and n
   expect(geometry.section.left).toBeCloseTo(geometry.list.left, 0)
   expect(geometry.header.width).toBeCloseTo(geometry.list.width, 0)
   if (geometry.viewportWidth <= 720) {
-    expect(geometry.header.left).toBeCloseTo(29, 0)
-    expect(geometry.list.right).toBeCloseTo(geometry.viewportWidth - 29, 0)
+    expect(geometry.header.left).toBeCloseTo(28, 0)
+    expect(geometry.list.right).toBeCloseTo(geometry.viewportWidth - 28, 0)
   }
 
   const fab = page.getByRole('button', { name: '添加任务' })
diff --git a/frontend/e2e/visual-regression.spec.ts-snapshots/inbox-mobile-390.png b/frontend/e2e/visual-regression.spec.ts-snapshots/inbox-mobile-390.png
index 8c6a4de..2a4f31b 100644
Binary files a/frontend/e2e/visual-regression.spec.ts-snapshots/inbox-mobile-390.png and b/frontend/e2e/visual-regression.spec.ts-snapshots/inbox-mobile-390.png differ
diff --git a/frontend/e2e/visual-regression.spec.ts-snapshots/task-composer-mobile-390.png b/frontend/e2e/visual-regression.spec.ts-snapshots/task-composer-mobile-390.png
index a311b43..7c4dbb3 100644
Binary files a/frontend/e2e/visual-regression.spec.ts-snapshots/task-composer-mobile-390.png and b/frontend/e2e/visual-regression.spec.ts-snapshots/task-composer-mobile-390.png differ
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index c82d829..a37f38b 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -28,6 +28,7 @@ import AppDialog, { type AppDialogOptions } from './components/AppDialog.vue'
 import { shanghaiDateKey, useTaskDueClock, watchShanghaiDateRollover } from './lib/task-due-clock'
 import { readTodaySectionCollapse, writeTodaySectionCollapse, type TodaySectionCollapse } from './lib/today-section-collapse'
 import { loadTaskOpenTotal } from './lib/task-open-total'
+import { failureHint } from './failureHint'
 
 type FolderItem = { id: string; name: string }
 type TaskList = { id: string; folder_id: string | null; name: string; is_inbox: boolean }
@@ -470,7 +471,7 @@ async function api(path: string, options: RequestInit = {}) {
     ...options,
   })
   if (!response.ok) {
-    let message = '请求失败'
+    let message = '请求失败，请检查网络后重试'
     try { const body = await response.json(); message = formatApiErrorDetail(body.detail) } catch { /* noop */ }
     const requestError = new Error(message) as Error & { status: number }
     requestError.status = response.status
@@ -483,7 +484,7 @@ function toast(message: string) {
   notice.value = message
   window.setTimeout(() => { if (notice.value === message) notice.value = '' }, 2400)
 }
-function fail(reason: unknown) { error.value = reason instanceof Error ? reason.message : '请求失败' }
+function fail(reason: unknown) { error.value = failureHint('请求失败', reason) }
 
 async function syncBrowserTimezone(currentTimezone?: string) {
   const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone
@@ -1138,7 +1139,7 @@ async function saveSelectedTaskChanges() {
     toast('已保存')
   } catch (reason) {
     if (recurrenceLoadToken !== selectionToken || selectedTask.value?.id !== taskId) return
-    selectedRepeatError.value = reason instanceof Error ? reason.message : '保存失败'
+    selectedRepeatError.value = failureHint('保存失败', reason)
     fail(reason)
   } finally {
     savingSelectedTask.value = false
@@ -1443,7 +1444,7 @@ async function confirmPurgeList() {
     focusPurgeListTrigger()
     toast('清单已永久删除')
   } catch (reason) {
-    purgeListError.value = reason instanceof Error ? reason.message : '永久删除失败'
+    purgeListError.value = failureHint('永久删除失败', reason)
   } finally {
     purgeListSubmitting.value = false
   }
@@ -1512,7 +1513,7 @@ async function saveListEditor() {
         listEditorFolderId.value = current.folder_id ?? ''
       }
       listEditorError.value = '名称已保存，但移动文件夹失败，请重试。'
-    } else listEditorError.value = reason instanceof Error ? reason.message : '保存失败'
+    } else listEditorError.value = reason instanceof Error ? reason.message : '保存失败，请检查网络后重试'
   } finally { listEditorBusy.value = false }
 }
 async function archiveListFromEditor() {
@@ -1534,7 +1535,7 @@ async function archiveListFromEditor() {
     }
     toast('清单已归档')
   } catch (reason) {
-    listEditorError.value = reason instanceof Error ? reason.message : '归档失败'
+    listEditorError.value = failureHint('归档失败', reason)
   } finally { listEditorBusy.value = false }
 }
 function toggleFolder(id: string) { const next = new Set(expandedFolders.value); next.has(id) ? next.delete(id) : next.add(id); expandedFolders.value = next }
diff --git a/frontend/src/CalendarIntegration.test.ts b/frontend/src/CalendarIntegration.test.ts
index 1f42306..f7e54bf 100644
--- a/frontend/src/CalendarIntegration.test.ts
+++ b/frontend/src/CalendarIntegration.test.ts
@@ -4,7 +4,7 @@ const app=readFileSync('src/App.vue','utf8');const utils=readFileSync('src/lib/m
 describe('calendar shell integration',()=>{
  it('puts calendar beside the other first-level tools on desktop and mobile',()=>{const nav=app.slice(app.indexOf('<nav class="primary-nav">'),app.indexOf('</nav>',app.indexOf('<nav class="primary-nav">')));expect(nav.indexOf("switchView('habits')")).toBeLessThan(nav.indexOf("switchView('countdowns')"));expect(nav.indexOf("switchView('countdowns')")).toBeLessThan(nav.indexOf("switchView('memos')"));expect(nav.indexOf("switchView('memos')")).toBeLessThan(nav.indexOf("switchView('calendar')"));const bottom=app.slice(app.indexOf('<nav class="bottom"'),app.indexOf('</nav>',app.indexOf('<nav class="bottom"')));for(const view of ['today','habits','countdowns','memos','calendar'])expect(bottom).toContain(`switchView('${view}')`);expect(bottom).not.toContain("switchView('settings')")})
  it('persists calendar navigation and mounts the panel',()=>{expect(utils).toContain("'calendar'");expect(app).toContain("import CalendarPanel from './CalendarPanel.vue'");expect(app).toContain("activeView==='calendar'")})
- it('places desktop event detail in the shell right pane while retaining the mobile sheet',()=>{const panel=readFileSync('src/CalendarPanel.vue','utf8');expect(app).toContain("'detail-open': Boolean(selectedTask) || habitDetailOpen || calendarDetailOpen");expect(app).toContain(':compact-layout="compactLayout" @detail="calendarDetailOpen=$event"');expect(app).toContain("selectedTask || habitDetailOpen || calendarDetailOpen");expect(app).toContain('watch([selectedTask, habitDetailOpen, calendarDetailOpen, sidebarCollapsed], reconcileDesktopPaneWidths)');expect(panel).toContain('defineProps<{ compactLayout: boolean }>()');expect(panel).toContain(':modal="compactLayout"');expect(panel).toContain('inline-target=".shell"');expect(panel).toContain("watch(selected,event=>emit('detail',Boolean(event)))");expect(panel).toContain("watch(()=>props.compactLayout,()=>{selected.value=null},{flush:'sync'})");expect(panel).not.toContain("onBeforeUnmount(()=>emit('detail',false))");expect(css).toContain('@media(min-width:931px){.calendar-view{padding-top:4px}.calendar-event-detail')})
+ it('places desktop event detail in the shell right pane while retaining the mobile sheet',()=>{const panel=readFileSync('src/CalendarPanel.vue','utf8');expect(app).toContain("'detail-open': Boolean(selectedTask) || habitDetailOpen || calendarDetailOpen");expect(app).toContain(':compact-layout="compactLayout" @detail="calendarDetailOpen=$event"');expect(app).toContain("selectedTask || habitDetailOpen || calendarDetailOpen");expect(app).toContain('watch([selectedTask, habitDetailOpen, calendarDetailOpen, sidebarCollapsed], reconcileDesktopPaneWidths)');expect(panel).toContain('defineProps<{ compactLayout: boolean }>()');expect(panel).toContain(':modal="compactLayout"');expect(panel).toContain('inline-target=".shell"');expect(panel).toContain("watch(selected,event=>emit('detail',Boolean(event)))");expect(panel).toContain("watch(()=>props.compactLayout,()=>{selected.value=null},{flush:'sync'})");expect(panel).not.toContain("onBeforeUnmount(()=>emit('detail',false))");expect(css).toContain('@media(min-width:931px){.calendar-view{padding-top:var(--space-4)}.calendar-event-detail')})
  it('keeps five 44px mobile targets across required breakpoints',()=>{const shellCss=readFileSync('src/style.css','utf8');expect(shellCss).toContain('grid-template-columns:repeat(5,minmax(0,1fr))');expect(css).toContain('min-height:44px');expect(css).toContain('@media(max-width:720px)');expect(css).toContain('@media(min-width:931px)');expect(css).toContain('@media(min-width:1440px)')})
  it('uses the shell page title once and contains the horizontal source scroller',()=>{const panel=readFileSync('src/CalendarPanel.vue','utf8');expect(panel).not.toContain('<h1>日历订阅</h1>');expect(css).toContain('.calendar-view{min-width:0;');expect(css).toContain('.calendar-filters{min-width:0;max-width:100%;')})
  it('uses the approved minimal reading layout for event details',()=>{const panel=readFileSync('src/CalendarPanel.vue','utf8');expect(panel).toContain('class="calendar-event-detail__meta"');expect(panel).toContain('class="calendar-event-detail__content"');expect(panel).not.toContain('<dt>时间</dt>');expect(css).toContain('.calendar-event-detail__meta{');expect(css).toContain('.calendar-event-detail__content{')})
diff --git a/frontend/src/CalendarPanel.vue b/frontend/src/CalendarPanel.vue
index 762e3af..acb692e 100644
--- a/frontend/src/CalendarPanel.vue
+++ b/frontend/src/CalendarPanel.vue
@@ -5,6 +5,7 @@ import { csrfHeader } from './lib/csrf'
 import { formatApiErrorDetail } from './lib/mvp-utils'
 import AppSheet from './components/AppSheet.vue'
 import AppDialog, { type AppDialogOptions } from './components/AppDialog.vue'
+import { failureHint } from './failureHint'
 
 type Subscription = { id:string; name:string; url:string; color:string; enabled:boolean; refreshed_at:string|null; last_error:string|null; stale:boolean }
 type CalendarEvent = { id:string; title:string; starts_at:string; ends_at:string; all_day:boolean; source_id:string; source_name:string; color:string; description?:string|null; location?:string|null }
@@ -43,17 +44,17 @@ function displayDay(day:string){const [y,m,d]=day.split('-').map(Number);return
 function displayTime(event:CalendarEvent){if(event.all_day)return'全天';const date=new Date(eventStart(event));return Number.isNaN(date.getTime())?'时间待定':new Intl.DateTimeFormat('zh-CN',{hour:'2-digit',minute:'2-digit'}).format(date)}
 async function loadSubscriptions(){subscriptions.value=await request('/calendar-subscriptions') as Subscription[]}
 async function loadEvents(){const generation=++eventsRequestGeneration;const requestedRange=range.value;const data=await request(`/calendar-events?start=${encodeURIComponent(requestedRange.start)}&end=${encodeURIComponent(requestedRange.end)}`) as EventResponse;if(generation===eventsRequestGeneration)events.value=data.events}
-async function load(){loading.value=true;error.value='';try{await Promise.all([loadSubscriptions(),loadEvents()])}catch(reason){error.value=reason instanceof Error?reason.message:'日历载入失败'}finally{loading.value=false}}
-async function moveWeek(offset:number){const next=new Date(weekStart.value);next.setDate(next.getDate()+offset*7);selectedDay.value=next;await loadEvents().catch(reason=>error.value=reason instanceof Error?reason.message:'事件载入失败')}
-async function today(){const now=new Date();selectedDay.value=new Date(now.getFullYear(),now.getMonth(),now.getDate());await loadEvents().catch(reason=>error.value=reason instanceof Error?reason.message:'事件载入失败')}
+async function load(){loading.value=true;error.value='';try{await Promise.all([loadSubscriptions(),loadEvents()])}catch(reason){error.value=failureHint('日历载入失败', reason)}finally{loading.value=false}}
+async function moveWeek(offset:number){const next=new Date(weekStart.value);next.setDate(next.getDate()+offset*7);selectedDay.value=next;await loadEvents().catch(reason=>error.value=failureHint('事件载入失败', reason))}
+async function today(){const now=new Date();selectedDay.value=new Date(now.getFullYear(),now.getMonth(),now.getDate());await loadEvents().catch(reason=>error.value=reason instanceof Error?reason.message:'事件载入失败，请检查网络后重试')}
 function selectDay(date:Date){selectedDay.value=new Date(date.getFullYear(),date.getMonth(),date.getDate())}
 function toggleFilter(id:string){const next=new Set(hiddenSources.value);next.has(id)?next.delete(id):next.add(id);hiddenSources.value=next}
 function openCreate(){editing.value=null;form.value={name:'',url:'',color:'#f15a29',enabled:true};formOpen.value=true}
 function openEdit(item:Subscription){editing.value=item;form.value={name:item.name,url:item.url,color:item.color||'#f15a29',enabled:item.enabled};formOpen.value=true}
-async function save(){if(busyId.value||!form.value.name.trim()||!form.value.url.trim())return;busyId.value='form';error.value='';try{await request(editing.value?`/calendar-subscriptions/${editing.value.id}`:'/calendar-subscriptions',{method:editing.value?'PATCH':'POST',body:JSON.stringify({...form.value,name:form.value.name.trim(),url:form.value.url.trim()})});formOpen.value=false;await Promise.all([loadSubscriptions(),loadEvents()]);emit('notice',editing.value?'日历订阅已更新':'日历订阅已添加')}catch(reason){error.value=reason instanceof Error?reason.message:'保存失败'}finally{busyId.value=''}}
-async function toggleEnabled(item:Subscription){if(busyId.value)return;busyId.value=item.id;error.value='';try{await request(`/calendar-subscriptions/${item.id}`,{method:'PATCH',body:JSON.stringify({enabled:!item.enabled})});await Promise.all([loadSubscriptions(),loadEvents()]);emit('notice',item.enabled?'日历订阅已停用':'日历订阅已启用')}catch(reason){error.value=reason instanceof Error?reason.message:'更新失败'}finally{busyId.value=''}}
-async function refresh(item:Subscription){if(busyId.value)return;busyId.value=item.id;error.value='';try{await request(`/calendar-subscriptions/${item.id}/refresh`,{method:'POST'});await Promise.all([loadSubscriptions(),loadEvents()]);emit('notice',`${item.name}已刷新`)}catch(reason){error.value=reason instanceof Error?reason.message:'刷新失败'}finally{busyId.value=''}}
-async function remove(item:Subscription){if(busyId.value)return;if(await appDialog.value?.show({title:`删除“${item.name}”？`,description:'该来源的事件也会从日历中移除。',danger:true,confirmText:'删除'})!==true)return;busyId.value=item.id;error.value='';try{await request(`/calendar-subscriptions/${item.id}`,{method:'DELETE'});hiddenSources.value.delete(item.id);await Promise.all([loadSubscriptions(),loadEvents()]);emit('notice','日历订阅已删除')}catch(reason){error.value=reason instanceof Error?reason.message:'删除失败'}finally{busyId.value=''}}
+async function save(){if(busyId.value||!form.value.name.trim()||!form.value.url.trim())return;busyId.value='form';error.value='';try{await request(editing.value?`/calendar-subscriptions/${editing.value.id}`:'/calendar-subscriptions',{method:editing.value?'PATCH':'POST',body:JSON.stringify({...form.value,name:form.value.name.trim(),url:form.value.url.trim()})});formOpen.value=false;await Promise.all([loadSubscriptions(),loadEvents()]);emit('notice',editing.value?'日历订阅已更新':'日历订阅已添加')}catch(reason){error.value=failureHint('保存失败', reason)}finally{busyId.value=''}}
+async function toggleEnabled(item:Subscription){if(busyId.value)return;busyId.value=item.id;error.value='';try{await request(`/calendar-subscriptions/${item.id}`,{method:'PATCH',body:JSON.stringify({enabled:!item.enabled})});await Promise.all([loadSubscriptions(),loadEvents()]);emit('notice',item.enabled?'日历订阅已停用':'日历订阅已启用')}catch(reason){error.value=failureHint('更新失败', reason)}finally{busyId.value=''}}
+async function refresh(item:Subscription){if(busyId.value)return;busyId.value=item.id;error.value='';try{await request(`/calendar-subscriptions/${item.id}/refresh`,{method:'POST'});await Promise.all([loadSubscriptions(),loadEvents()]);emit('notice',`${item.name}已刷新`)}catch(reason){error.value=failureHint('刷新失败', reason)}finally{busyId.value=''}}
+async function remove(item:Subscription){if(busyId.value)return;if(await appDialog.value?.show({title:`删除“${item.name}”？`,description:'该来源的事件也会从日历中移除。',danger:true,confirmText:'删除'})!==true)return;busyId.value=item.id;error.value='';try{await request(`/calendar-subscriptions/${item.id}`,{method:'DELETE'});hiddenSources.value.delete(item.id);await Promise.all([loadSubscriptions(),loadEvents()]);emit('notice','日历订阅已删除')}catch(reason){error.value=failureHint('删除失败', reason)}finally{busyId.value=''}}
 watch(manageOpen,open=>{if(!open)formOpen.value=false})
 watch(selected,event=>emit('detail',Boolean(event)))
 watch(()=>props.compactLayout,()=>{selected.value=null},{flush:'sync'})
diff --git a/frontend/src/CountdownPanel.vue b/frontend/src/CountdownPanel.vue
index 0cea0ac..9f83444 100644
--- a/frontend/src/CountdownPanel.vue
+++ b/frontend/src/CountdownPanel.vue
@@ -5,6 +5,7 @@ import { csrfHeader } from './lib/csrf'
 import { calendarModeLabel, countdownDayText, countdownKindLabel, dateKey, formatApiErrorDetail, getCountdownCacheGeneration, invalidateCountdownCache, isCountdownCacheGenerationCurrent, loadCountdownCache, readCountdownCache } from './lib/mvp-utils'
 import AppSheet from './components/AppSheet.vue'
 import AppDialog, { type AppDialogOptions } from './components/AppDialog.vue'
+import { failureHint } from './failureHint'
 
 type Countdown = {
   id: string; title: string; event_date: string; display_date: string; kind: 'countdown'|'anniversary'|'birthday'
@@ -98,7 +99,7 @@ async function safe(detailId:string|null, work:(context:OperationContext)=>Promi
     await work(context)
   } catch(reason) {
     if (!currentContext(context)) return
-    error.value=reason instanceof Error ? reason.message : '请求失败'
+    error.value=failureHint('请求失败', reason)
   } finally {
     if (activeOperation === context) activeOperation=null
     if (currentContext(context)) busy.value=false
@@ -123,7 +124,7 @@ async function load(force = false, manageBusy = true) {
     items.value=data.items
     archived.value=data.archived
   } catch(reason) {
-    if (manageBusy && isCountdownCacheGenerationCurrent(generation)) error.value=reason instanceof Error ? reason.message : '请求失败'
+    if (manageBusy && isCountdownCacheGenerationCurrent(generation)) error.value=reason instanceof Error ? reason.message : failureHint('请求失败', reason)
   } finally {
     if (manageBusy && isCountdownCacheGenerationCurrent(generation)) busy.value=false
   }
diff --git a/frontend/src/MemoIntegration.test.ts b/frontend/src/MemoIntegration.test.ts
index e27284b..d1eabcf 100644
--- a/frontend/src/MemoIntegration.test.ts
+++ b/frontend/src/MemoIntegration.test.ts
@@ -64,7 +64,7 @@ describe('memo shell integration', () => {
     expect(app).toContain(':show="showFloatingAdd"')
     expect(css).toContain('.shell.memo-detail-open main{padding-right:372px}')
     expect(css).toContain('.memo-editor__fields{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden')
-    expect(css).toContain('@media(max-width:930px){.shell.memo-detail-open main{padding:20px 17px 112px}')
+    expect(css).toContain('@media(max-width:930px){.shell.memo-detail-open main{padding:var(--space-20) var(--space-16) 112px}')
     expect(css).toContain('.memo-editor{position:fixed;z-index:42;left:0;right:0;top:auto;bottom:0;width:100%;max-width:100%')
   })
 
diff --git a/frontend/src/MemoPanel.vue b/frontend/src/MemoPanel.vue
index 5ed2fb7..9460c25 100644
--- a/frontend/src/MemoPanel.vue
+++ b/frontend/src/MemoPanel.vue
@@ -5,6 +5,7 @@ import MemoRow, { type MemoListItem } from './components/MemoRow.vue'
 import MemoEditor, { type MemoEditorValue, type MemoRecord } from './components/MemoEditor.vue'
 import AppDialog, { type AppDialogOptions } from './components/AppDialog.vue'
 import AppSheet from './components/AppSheet.vue'
+import { failureHint } from './failureHint'
 
 type RequestFn = (path: string, options?: RequestInit) => Promise<unknown>
 const props = defineProps<{ request: RequestFn }>()
@@ -55,7 +56,7 @@ async function load(reset = true) {
       committedGeneration = token
     }
   } catch (reason) {
-    if (token === generation && criteriaEqual(criteria, currentCriteria())) error.value = reason instanceof Error ? reason.message : '加载失败'
+    if (token === generation && criteriaEqual(criteria, currentCriteria())) error.value = failureHint('加载失败', reason)
   } finally {
     if (token === generation && criteriaEqual(criteria, currentCriteria())) {
       loading.value = false
@@ -76,7 +77,7 @@ async function loadMore() {
     items.value = [...items.value, ...data.items]
     total.value = data.total
     page.value = nextPage
-  } catch (reason) { if (token === generation) error.value = reason instanceof Error ? reason.message : '加载失败' }
+  } catch (reason) { if (token === generation) error.value = reason instanceof Error ? reason.message : failureHint('加载失败', reason) }
   finally { if (token === generation) refreshing.value = false }
 }
 function closeDetail() {
@@ -108,7 +109,7 @@ async function selectMemo(id: string, opener?: EventTarget | null) {
     const memo = await props.request(`/memos/${id}`) as MemoRecord
     if (token === detailGeneration) { selectedToken.value = token; selected.value = memo; emit('detail', true) }
   } catch (reason) {
-    if (token === detailGeneration) error.value = reason instanceof Error ? reason.message : '读取失败'
+    if (token === detailGeneration) error.value = failureHint('读取失败', reason)
   }
 }
 async function createMemo() {
diff --git a/frontend/src/MvpPanel.vue b/frontend/src/MvpPanel.vue
index 57b490d..619ec54 100644
--- a/frontend/src/MvpPanel.vue
+++ b/frontend/src/MvpPanel.vue
@@ -10,6 +10,7 @@ import { backupFileSnapshot, isCurrentBackupSnapshot, isLegacyBackup, shouldComm
 import AppSheet from './components/AppSheet.vue'
 import AppDialog, { type AppDialogOptions } from './components/AppDialog.vue'
 import CompletedFilterPill from './components/CompletedFilterPill.vue'
+import { failureHint } from './failureHint'
 
 type View = 'habits' | 'today-habits' | 'settings'
 type HabitCell = { day: string; scheduled?: boolean; paused?: boolean; value: number | boolean }
@@ -158,7 +159,7 @@ async function request<T = unknown>(path: string, options: RequestInit = {}): Pr
 }
 async function safe(work: () => Promise<void>) {
   busy.value = true; error.value = ''
-  try { await work() } catch (e) { error.value = e instanceof Error ? e.message : '请求失败' } finally { busy.value = false }
+  try { await work() } catch (e) { error.value = failureHint('请求失败', e) } finally { busy.value = false }
 }
 
 function logFor(h: Habit, day: string) { return (h.cells ?? []).find((c) => c.day === day) }
@@ -203,7 +204,7 @@ async function finishHabitReorder(h: Habit, event: PointerEvent) {
   } catch (e) {
     habits.value = previous
     writeHabitGridCache(dateKey(new Date()), previous)
-    error.value = e instanceof Error ? e.message : '请求失败'
+    error.value = e instanceof Error ? e.message : failureHint('请求失败', e)
   }
 }
 function cancelHabitReorder() {
@@ -309,7 +310,7 @@ async function mutateHabitValue(h: Habit, next: number | boolean, previous: numb
         if (!ownership.current()) return
         setHabitCompletionExiting(h.id, false)
         setLocalHabitValue(h, rollback, day)
-        error.value = reason instanceof Error ? reason.message : '请求失败'
+        error.value = reason instanceof Error ? reason.message : '请求失败，请检查网络后重试'
       },
     },
   )
@@ -424,7 +425,7 @@ async function saveHabit() {
     originalHabitForm.value = null
     await loadHabits()
   } catch (reason) {
-    habitFormError.value = reason instanceof Error ? reason.message : '请求失败'
+    habitFormError.value = reason instanceof Error ? reason.message : failureHint('请求失败', reason)
   } finally {
     busy.value = false
   }
@@ -520,7 +521,7 @@ async function loadHabitHistory(reset = false) {
     habitHistoryHasMore.value = !habit.start_date || nextTo >= habit.start_date
   } catch (reason) {
     if (requestId !== habitHistoryRequest || selectedHabit.value?.id !== habit.id) return
-    habitHistoryError.value = reason instanceof Error ? reason.message : '历史记录加载失败'
+    habitHistoryError.value = failureHint('历史记录加载失败', reason)
   } finally {
     if (requestId === habitHistoryRequest && selectedHabit.value?.id === habit.id) {
       habitHistoryLoading.value = false
@@ -563,7 +564,7 @@ async function archiveHabit(h: Habit) {
     if (props.view === 'habits' && showArchivedHabits.value) await loadArchivedHabits()
     emit('notice', '习惯已归档')
   } catch (reason) {
-    error.value = reason instanceof Error ? reason.message : '请求失败'
+    error.value = reason instanceof Error ? reason.message : failureHint('请求失败', reason)
   } finally {
     busy.value = false
   }
@@ -585,7 +586,7 @@ async function restoreHabit(h: Habit) {
     emit('notice', result.refreshed ? '习惯已恢复' : '习惯已恢复，但列表刷新失败，请重试')
     void nextTick(() => habitArchiveToggle.value?.focus())
   } catch (reason) {
-    error.value = reason instanceof Error ? reason.message : '恢复失败'
+    error.value = failureHint('恢复失败', reason)
   } finally {
     busy.value = false
   }
@@ -603,7 +604,7 @@ async function deleteHabit(h: Habit) {
     emit('notice', '习惯已永久删除')
     void nextTick(() => habitArchiveToggle.value?.focus())
   } catch (reason) {
-    error.value = reason instanceof Error ? reason.message : '永久删除失败'
+    error.value = failureHint('永久删除失败', reason)
   } finally {
     busy.value = false
   }
@@ -617,7 +618,7 @@ async function loadArchivedHabits() {
     archiveState.value = 'success'
   } catch (reason) {
     archiveState.value = 'error'
-    archiveError.value = reason instanceof Error ? reason.message : '归档习惯加载失败'
+    archiveError.value = failureHint('归档习惯加载失败', reason)
   }
 }
 async function toggleArchivedHabits() {
@@ -645,7 +646,7 @@ async function loadHabits() {
     writeHabitGridCache(week, habits.value)
     return true
   } catch (e) {
-    error.value = e instanceof Error ? e.message : '请求失败'
+    error.value = e instanceof Error ? e.message : failureHint('请求失败', e)
     return false
   } finally {
     if (!cached) busy.value = false
@@ -667,14 +668,14 @@ async function loadSettings() {
     sessionsState.value = 'success'
   } else {
     sessionsState.value = 'error'
-    sessionsError.value = sessionResult.reason instanceof Error ? sessionResult.reason.message : '登录设备加载失败'
+    sessionsError.value = sessionResult.reason instanceof Error ? sessionResult.reason.message : '登录设备加载失败，请检查网络后重试'
   }
   if (auditResult.status === 'fulfilled') {
     audit.value = mergePage<any>(auditResult.value).items
     auditState.value = 'success'
   } else {
     auditState.value = 'error'
-    auditError.value = auditResult.reason instanceof Error ? auditResult.reason.message : '活动记录加载失败'
+    auditError.value = auditResult.reason instanceof Error ? auditResult.reason.message : '活动记录加载失败，请检查网络后重试'
   }
   busy.value = false
 }
@@ -695,7 +696,7 @@ function downloadBlob(blob: Blob, name: string) {
 async function exportData() {
   backupBusy.value = true; backupError.value = ''
   try { downloadBlob(await downloadFullBackup(), 'dodo-backup-v2.zip') }
-  catch (reason) { backupError.value = reason instanceof Error ? reason.message : '完整备份导出失败' }
+  catch (reason) { backupError.value = failureHint('完整备份导出失败', reason) }
   finally { backupBusy.value = false }
 }
 function openRestoreFilePicker() {
@@ -732,7 +733,7 @@ async function runPreflight() {
     acceptedPreflightSnapshot = snapshot
   } catch (reason) {
     if (generation !== preflightGeneration || controller.signal.aborted) return
-    backupError.value = reason instanceof Error ? reason.message : '备份预检失败'
+    backupError.value = failureHint('备份预检失败', reason)
   } finally {
     if (generation === preflightGeneration) {
       backupBusy.value = false
@@ -762,7 +763,7 @@ async function restore() {
     restoreFile.value = null; restorePreflight.value = null; acceptedPreflightSnapshot = null
     if (restoreInput.value) restoreInput.value.value = ''
     emit('changed'); emit('notice', '数据已恢复')
-  } catch (reason) { backupError.value = reason instanceof Error ? reason.message : '恢复失败' }
+  } catch (reason) { backupError.value = reason instanceof Error ? reason.message : failureHint('恢复失败', reason) }
   finally { backupBusy.value = false }
 }
 async function logout() {
diff --git a/frontend/src/TodayEnvironment.test.ts b/frontend/src/TodayEnvironment.test.ts
index 69b82e6..60ceea2 100644
--- a/frontend/src/TodayEnvironment.test.ts
+++ b/frontend/src/TodayEnvironment.test.ts
@@ -65,10 +65,10 @@ describe('Today environment integration', () => {
     expect(css).toContain('main.today-main{padding-left:max(44px,calc((100% - 1080px)/2));padding-right:max(44px,calc((100% - 1080px)/2))}')
     expect(css).toContain('.today-environment{grid-template-columns:repeat(3,minmax(0,1fr));')
     expect(css).toContain('@media(max-width:930px){main.today-main{padding-left:max(44px,calc((100% - 630px)/2));padding-right:max(44px,calc((100% - 630px)/2))}}')
-    expect(css).toContain('@media(max-width:720.98px){main.today-main{padding-left:29px!important;padding-right:29px!important;padding-bottom:calc(78px + var(--safe-area-bottom))}')
-    expect(css).toContain('.today-context{margin:0 0 14px;border-bottom:0}')
+    expect(css).toContain('@media(max-width:720.98px){main.today-main{padding-left:var(--space-28)!important;padding-right:var(--space-28)!important;padding-bottom:calc(78px + var(--safe-area-bottom))}')
+    expect(css).toContain('.today-context{margin:0 0 var(--space-14);border-bottom:0}')
     expect(css).toContain('.today-heading{display:grid;')
-    expect(css).toContain('.today-heading .today-remaining{margin:6px 0 0}')
+    expect(css).toContain('.today-heading .today-remaining{margin:var(--space-6) 0 0}')
     expect(css).not.toContain('.today-board{')
     expect(css).not.toContain('.today-board__progress{')
     expect(css).not.toContain('.today-track{')
diff --git a/frontend/src/api/errors.ts b/frontend/src/api/errors.ts
index 3b3d288..6619d65 100644
--- a/frontend/src/api/errors.ts
+++ b/frontend/src/api/errors.ts
@@ -13,7 +13,7 @@ export function formatApiErrorDetail(detail: unknown): string {
     if (typeof value.message === 'string') return value.message
     if (typeof value.code === 'string') return value.code
   }
-  return '请求失败'
+  return '请求失败，请检查网络后重试'
 }
 
 export class ApiError extends Error {
diff --git a/frontend/src/calendar.css b/frontend/src/calendar.css
index 6cc6da5..23485b0 100644
--- a/frontend/src/calendar.css
+++ b/frontend/src/calendar.css
@@ -1,4 +1,4 @@
-.calendar-view{min-width:0;width:min(100%,900px);margin:0 auto;padding-bottom:42px;display:grid;gap:16px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.calendar-heading p{margin:0;color:var(--text-secondary);font-size:13px}.calendar-manage{min-height:44px}.calendar-toolbar{min-height:48px;display:grid;grid-template-columns:44px 64px minmax(0,1fr) 44px;align-items:center;border-block:1px solid var(--border-hairline)}.calendar-toolbar button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--radius-control)}.calendar-toolbar .calendar-today{width:64px}.calendar-toolbar strong{text-align:center;font-size:16px}.calendar-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:10px;border:1px solid var(--border-cream);border-radius:var(--radius-list);background:var(--surface-raised);box-shadow:inset 0 1px rgba(255,255,255,.9)}.calendar-week-day{position:relative;min-width:0;min-height:76px;display:grid;place-items:center;align-content:center;gap:4px;border:0;border-radius:var(--radius-control);background:transparent}.calendar-week-day small{color:var(--text-secondary);font-size:11px}.calendar-week-day b{font-size:18px}.calendar-week-day i{position:absolute;right:7px;top:7px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:var(--calendar-week-day-bg);color:var(--calendar-week-day-ink);font-size:11px;font-style:normal}.calendar-week-day.is-selected{background:var(--accent);color:var(--white);box-shadow:0 8px 18px rgba(241,90,41,.22)}.calendar-week-day.is-selected small{color:var(--white)}.calendar-week-day.is-selected i{background:var(--calendar-week-day-bg-2);color:var(--accent)}.calendar-week-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px var(--calendar-week-day-shadow)}.calendar-filters{min-width:0;max-width:100%;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;contain:layout paint;padding-bottom:2px;overscroll-behavior-inline:contain}.calendar-filters label{min-height:44px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--border-cream);border-radius:999px;background:var(--surface-raised);font-size:12px;white-space:nowrap}.calendar-filters input{position:absolute;opacity:0;pointer-events:none}.calendar-filters label:has(input:not(:checked)){opacity:.48}.calendar-filters i,.calendar-event-row>i,.calendar-event-detail dd i,.calendar-source-copy i{width:9px;height:9px;display:inline-block;flex:0 0 auto;border-radius:50%}.calendar-agenda{display:grid;gap:20px}.calendar-agenda section{display:grid}.calendar-agenda h2{min-height:40px;margin:0;display:flex;align-items:center;border-bottom:1px solid var(--border-hairline);font-size:13px}.calendar-event-row{min-height:62px;display:grid;grid-template-columns:10px 54px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:0 4px;border:0;border-bottom:1px solid var(--border-hairline);background:transparent;text-align:left}.calendar-event-row:hover{background:var(--event-hover)}.calendar-event-row time{color:var(--text-secondary);font-size:12px}.calendar-event-row span{min-width:0;display:grid;gap:4px}.calendar-event-row b,.calendar-event-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-row b{font-size:14px;font-weight:600}.calendar-event-row small{color:var(--text-secondary);font-size:11px}.calendar-event-row>svg{color:var(--calendar-event-row-ink)}.calendar-empty{min-height:260px;display:grid;place-items:center;align-content:center;gap:9px;color:var(--text-secondary);text-align:center}.calendar-empty svg{width:32px;height:32px}.calendar-empty b{color:var(--text-primary)}.calendar-event-detail,.calendar-sources-sheet{width:min(520px,100%);max-height:min(88dvh,760px)}.calendar-event-detail .app-sheet__header{padding:24px 24px 18px;align-items:flex-start;border-bottom:0}.calendar-event-detail .app-sheet__header h3{max-width:calc(100% - 48px);font-size:22px;font-weight:700;line-height:1.38;letter-spacing:-.02em}.calendar-event-detail .app-sheet__body{padding:0 24px 32px}.calendar-event-detail__meta{display:flex;flex-wrap:wrap;gap:8px 14px;padding:0 0 20px;border-bottom:1px solid var(--border-hairline);color:var(--text-secondary);font-size:12px;line-height:1.45}.calendar-event-detail__meta span{display:inline-flex;align-items:center;gap:7px;min-width:0}.calendar-event-detail__meta i{width:8px;height:8px;display:inline-block;flex:0 0 auto;border-radius:50%}.calendar-event-detail__content{padding-top:22px}.calendar-event-detail__content p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-primary);font-size:14px;line-height:1.9}.calendar-event-detail__empty{margin:0;padding-top:22px;color:var(--text-secondary);font-size:13px}.calendar-source-add{justify-self:start}.calendar-source-list{display:grid}.calendar-source-list article{min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto 44px 44px 44px;align-items:center;gap:4px;border-bottom:1px solid var(--border-hairline)}.calendar-source-copy{min-width:0;display:grid;gap:3px}.calendar-source-copy b{display:flex;align-items:center;gap:7px;font-size:13px}.calendar-source-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:11px}.calendar-source-copy .calendar-source-error{color:var(--danger);white-space:normal}.calendar-source-list article>button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--radius-control)}.calendar-source-toggle{min-height:44px;display:flex;align-items:center;gap:5px;font-size:11px}.calendar-subscription-form{width:min(460px,100%)}.calendar-subscription-form .app-sheet__body label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.calendar-subscription-form input{min-height:44px;width:100%;padding:8px 11px;border:1px solid var(--border-cream)}.calendar-subscription-form input[type=color]{padding:5px;width:72px}.calendar-subscription-form .calendar-form-toggle{display:flex;align-items:center;min-height:44px}.calendar-subscription-form .calendar-form-toggle input{width:18px;min-height:18px}.calendar-view.loading{opacity:.72}@media(max-width:930px){.calendar-view{width:min(100%,630px)}.calendar-event-detail,.calendar-sources-sheet,.calendar-subscription-form{width:100%;max-width:100%;border-radius:var(--radius-panel) var(--radius-panel) 0 0!important}}@media(max-width:720px){.calendar-view{width:100%;gap:13px}.calendar-heading .calendar-manage{font-size:0;padding:0;width:44px}.calendar-heading .calendar-manage svg{width:19px;height:19px}.calendar-toolbar{grid-template-columns:44px 54px minmax(0,1fr) 44px}.calendar-toolbar .calendar-today{width:54px}.calendar-week-strip{gap:3px;padding:7px}.calendar-week-day{min-height:64px}.calendar-week-day i{right:4px;top:4px;min-width:16px;height:16px}.calendar-source-list article{grid-template-columns:minmax(0,1fr) 44px 44px 44px}.calendar-source-toggle{grid-column:1/-1;grid-row:2}.calendar-event-row{grid-template-columns:9px 48px minmax(0,1fr) 20px}.calendar-filters{width:100%;margin-inline:-4px;padding-inline:4px}}@media(max-width:390px){.calendar-week-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.calendar-week-day{flex:0 0 44px;scroll-snap-align:start}.calendar-event-row{gap:7px}.calendar-source-list article{gap:1px}}@media(min-width:931px){.calendar-view{padding-top:4px}.calendar-event-detail{grid-column:3;grid-row:1;width:var(--detail-width,350px);height:100vh;max-height:none;padding:0;border-radius:0;border-top:0;border-right:0;border-bottom:0;box-shadow:inset 1px 0 0 var(--white);overflow:hidden;display:flex;flex-direction:column}.calendar-event-detail .app-sheet__body{flex:1 1 auto;overflow-y:auto}.calendar-sources-sheet{border-radius:var(--radius-panel)}}@media(min-width:1440px){.calendar-view{width:min(100%,1040px)}}
+.calendar-view{min-width:0;width:min(100%,900px);margin:0 auto;padding-bottom:var(--space-40);display:grid;gap:16px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.calendar-heading p{margin:0;color:var(--text-secondary);font-size:13px}.calendar-manage{min-height:44px}.calendar-toolbar{min-height:48px;display:grid;grid-template-columns:44px 64px minmax(0,1fr) 44px;align-items:center;border-block:1px solid var(--border-hairline)}.calendar-toolbar button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--radius-control)}.calendar-toolbar .calendar-today{width:64px}.calendar-toolbar strong{text-align:center;font-size:16px}.calendar-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:var(--space-10);border:1px solid var(--border-cream);border-radius:var(--radius-list);background:var(--surface-raised);box-shadow:inset 0 1px rgba(255,255,255,.9)}.calendar-week-day{position:relative;min-width:0;min-height:76px;display:grid;place-items:center;align-content:center;gap:4px;border:0;border-radius:var(--radius-control);background:transparent}.calendar-week-day small{color:var(--text-secondary);font-size:11px}.calendar-week-day b{font-size:18px}.calendar-week-day i{position:absolute;right:7px;top:7px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:var(--calendar-week-day-bg);color:var(--calendar-week-day-ink);font-size:11px;font-style:normal}.calendar-week-day.is-selected{background:var(--accent);color:var(--white);box-shadow:0 8px 18px rgba(241,90,41,.22)}.calendar-week-day.is-selected small{color:var(--white)}.calendar-week-day.is-selected i{background:var(--calendar-week-day-bg-2);color:var(--accent)}.calendar-week-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px var(--calendar-week-day-shadow)}.calendar-filters{min-width:0;max-width:100%;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;contain:layout paint;padding-bottom:var(--space-2);overscroll-behavior-inline:contain}.calendar-filters label{min-height:44px;display:flex;align-items:center;gap:7px;padding:0 var(--space-12);border:1px solid var(--border-cream);border-radius:999px;background:var(--surface-raised);font-size:12px;white-space:nowrap}.calendar-filters input{position:absolute;opacity:0;pointer-events:none}.calendar-filters label:has(input:not(:checked)){opacity:.48}.calendar-filters i,.calendar-event-row>i,.calendar-event-detail dd i,.calendar-source-copy i{width:9px;height:9px;display:inline-block;flex:0 0 auto;border-radius:50%}.calendar-agenda{display:grid;gap:20px}.calendar-agenda section{display:grid}.calendar-agenda h2{min-height:40px;margin:0;display:flex;align-items:center;border-bottom:1px solid var(--border-hairline);font-size:13px}.calendar-event-row{min-height:62px;display:grid;grid-template-columns:10px 54px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:0 var(--space-4);border:0;border-bottom:1px solid var(--border-hairline);background:transparent;text-align:left}.calendar-event-row:hover{background:var(--event-hover)}.calendar-event-row time{color:var(--text-secondary);font-size:12px}.calendar-event-row span{min-width:0;display:grid;gap:4px}.calendar-event-row b,.calendar-event-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-row b{font-size:14px;font-weight:600}.calendar-event-row small{color:var(--text-secondary);font-size:11px}.calendar-event-row>svg{color:var(--calendar-event-row-ink)}.calendar-empty{min-height:260px;display:grid;place-items:center;align-content:center;gap:9px;color:var(--text-secondary);text-align:center}.calendar-empty svg{width:32px;height:32px}.calendar-empty b{color:var(--text-primary)}.calendar-event-detail,.calendar-sources-sheet{width:min(520px,100%);max-height:min(88dvh,760px)}.calendar-event-detail .app-sheet__header{padding:var(--space-24) var(--space-24) var(--space-18);align-items:flex-start;border-bottom:0}.calendar-event-detail .app-sheet__header h3{max-width:calc(100% - 48px);font-size:22px;font-weight:700;line-height:1.38;letter-spacing:-.02em}.calendar-event-detail .app-sheet__body{padding:0 var(--space-24) var(--space-32)}.calendar-event-detail__meta{display:flex;flex-wrap:wrap;gap:8px 14px;padding:0 0 var(--space-20);border-bottom:1px solid var(--border-hairline);color:var(--text-secondary);font-size:12px;line-height:1.45}.calendar-event-detail__meta span{display:inline-flex;align-items:center;gap:7px;min-width:0}.calendar-event-detail__meta i{width:8px;height:8px;display:inline-block;flex:0 0 auto;border-radius:50%}.calendar-event-detail__content{padding-top:var(--space-20)}.calendar-event-detail__content p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-primary);font-size:14px;line-height:1.9}.calendar-event-detail__empty{margin:0;padding-top:var(--space-20);color:var(--text-secondary);font-size:13px}.calendar-source-add{justify-self:start}.calendar-source-list{display:grid}.calendar-source-list article{min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto 44px 44px 44px;align-items:center;gap:4px;border-bottom:1px solid var(--border-hairline)}.calendar-source-copy{min-width:0;display:grid;gap:3px}.calendar-source-copy b{display:flex;align-items:center;gap:7px;font-size:13px}.calendar-source-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:11px}.calendar-source-copy .calendar-source-error{color:var(--danger);white-space:normal}.calendar-source-list article>button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--radius-control)}.calendar-source-toggle{min-height:44px;display:flex;align-items:center;gap:5px;font-size:11px}.calendar-subscription-form{width:min(460px,100%)}.calendar-subscription-form .app-sheet__body label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.calendar-subscription-form input{min-height:44px;width:100%;padding:var(--space-8) var(--space-10);border:1px solid var(--border-cream)}.calendar-subscription-form input[type=color]{padding:var(--space-4);width:72px}.calendar-subscription-form .calendar-form-toggle{display:flex;align-items:center;min-height:44px}.calendar-subscription-form .calendar-form-toggle input{width:18px;min-height:18px}.calendar-view.loading{opacity:.72}@media(max-width:930px){.calendar-view{width:min(100%,630px)}.calendar-event-detail,.calendar-sources-sheet,.calendar-subscription-form{width:100%;max-width:100%;border-radius:var(--radius-panel) var(--radius-panel) 0 0!important}}@media(max-width:720px){.calendar-view{width:100%;gap:13px}.calendar-heading .calendar-manage{font-size:0;padding:0;width:44px}.calendar-heading .calendar-manage svg{width:19px;height:19px}.calendar-toolbar{grid-template-columns:44px 54px minmax(0,1fr) 44px}.calendar-toolbar .calendar-today{width:54px}.calendar-week-strip{gap:3px;padding:var(--space-6)}.calendar-week-day{min-height:64px}.calendar-week-day i{right:4px;top:4px;min-width:16px;height:16px}.calendar-source-list article{grid-template-columns:minmax(0,1fr) 44px 44px 44px}.calendar-source-toggle{grid-column:1/-1;grid-row:2}.calendar-event-row{grid-template-columns:9px 48px minmax(0,1fr) 20px}.calendar-filters{width:100%;margin-inline:-4px;padding-inline:var(--space-4)}}@media(max-width:390px){.calendar-week-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.calendar-week-day{flex:0 0 44px;scroll-snap-align:start}.calendar-event-row{gap:7px}.calendar-source-list article{gap:1px}}@media(min-width:931px){.calendar-view{padding-top:var(--space-4)}.calendar-event-detail{grid-column:3;grid-row:1;width:var(--detail-width,350px);height:100vh;max-height:none;padding:0;border-radius:0;border-top:0;border-right:0;border-bottom:0;box-shadow:inset 1px 0 0 var(--white);overflow:hidden;display:flex;flex-direction:column}.calendar-event-detail .app-sheet__body{flex:1 1 auto;overflow-y:auto}.calendar-sources-sheet{border-radius:var(--radius-panel)}}@media(min-width:1440px){.calendar-view{width:min(100%,1040px)}}
 
 
 /* Restrained motion: picker open (scale 140ms desktop / rise 180ms mobile) and month shift crossfade. */
diff --git a/frontend/src/components/MemoEditor.vue b/frontend/src/components/MemoEditor.vue
index c157c00..267cfae 100644
--- a/frontend/src/components/MemoEditor.vue
+++ b/frontend/src/components/MemoEditor.vue
@@ -2,6 +2,7 @@
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
 import { ArchiveRestore, Bold, Code, Heading2, Italic, Link, List, ListChecks, ListOrdered, Quote, Trash2, X } from 'lucide-vue-next'
 import { applyMarkdownFormat, renderMarkdown, type MarkdownFormat } from '../lib/task-utils'
+import { failureHint } from '../failureHint'
 
 export type MemoRecord = { id: string; title: string; content: string; version: number; created_at: string; updated_at: string; deleted_at: string | null }
 export type MemoDraft = { id: null; title: string; content: string; version: null; created_at: null; updated_at: null; deleted_at: null }
@@ -67,7 +68,7 @@ async function save() {
     if (!isCurrentSelection()) return
     const status = (reason as { status?: number }).status
     conflict.value = memoId !== null && status === 409
-    error.value = conflict.value ? '版本冲突：草稿已保留，请重新载入后再保存。' : reason instanceof Error ? reason.message : memoId === null ? '创建失败' : '保存失败'
+    error.value = conflict.value ? '版本冲突：草稿已保留，请重新载入后再保存。' : reason instanceof Error ? reason.message : memoId === null ? failureHint('创建失败', reason) : failureHint('保存失败', reason)
   } finally {
     emit('saveFinished', selectionToken)
     if (isCurrentSelection()) saving.value = false
@@ -84,7 +85,7 @@ async function reload() {
     loadDraft(fresh)
     emit('saved', fresh, selectionToken)
   } catch (reason) {
-    if (isCurrentSelection()) error.value = reason instanceof Error ? reason.message : '重新载入失败'
+    if (isCurrentSelection()) error.value = failureHint('重新载入失败', reason)
   }
 }
 async function remove() {
@@ -101,7 +102,7 @@ async function remove() {
     await props.request(`/memos/${memoId}`, { method: 'DELETE' })
     emit('deleted', memoId, selectionToken)
     if (isCurrentOperation()) emit('notice', '备忘录已移到回收站')
-  } catch (reason) { if (isCurrentOperation()) error.value = reason instanceof Error ? reason.message : '删除失败' }
+  } catch (reason) { if (isCurrentOperation()) error.value = failureHint('删除失败', reason) }
   finally {
     emit('lifecycleFinished', selectionToken)
     if (isCurrentOperation()) lifecycleBusy.value = false
@@ -120,7 +121,7 @@ async function restore() {
     const restored = await props.request(`/memos/${memoId}/restore`, { method: 'POST' }) as Memo
     emit('restored', restored, selectionToken)
     if (isCurrentOperation()) emit('notice', '备忘录已恢复')
-  } catch (reason) { if (isCurrentOperation()) error.value = reason instanceof Error ? reason.message : '恢复失败' }
+  } catch (reason) { if (isCurrentOperation()) error.value = failureHint('恢复失败', reason) }
   finally {
     emit('lifecycleFinished', selectionToken)
     if (isCurrentOperation()) lifecycleBusy.value = false
@@ -140,7 +141,7 @@ async function purge() {
     await props.request(`/memos/${memoId}/purge`, { method: 'DELETE' })
     emit('purged', memoId, selectionToken)
     if (isCurrentOperation()) emit('notice', '备忘录已永久删除')
-  } catch (reason) { if (isCurrentOperation()) error.value = reason instanceof Error ? reason.message : '永久删除失败' }
+  } catch (reason) { if (isCurrentOperation()) error.value = failureHint('永久删除失败', reason) }
   finally {
     emit('lifecycleFinished', selectionToken)
     if (isCurrentOperation()) lifecycleBusy.value = false
diff --git a/frontend/src/components/TodayEnvironmentStrip.test.ts b/frontend/src/components/TodayEnvironmentStrip.test.ts
index e96eab6..7c62647 100644
--- a/frontend/src/components/TodayEnvironmentStrip.test.ts
+++ b/frontend/src/components/TodayEnvironmentStrip.test.ts
@@ -131,7 +131,7 @@ describe('TodayEnvironmentStrip', () => {
     const css = readFileSync(resolve(process.cwd(), 'src/style.css'), 'utf8')
     expect(css).toContain('.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')
     expect(css).toContain('color:var(--text-primary);font-size:23px;line-height:1.15;font-weight:800')
-    expect(css).toContain('margin-top:6px;color:var(--text-secondary);font-size:12px;font-weight:400')
+    expect(css).toContain('margin-top:var(--space-6);color:var(--text-secondary);font-size:12px;font-weight:400')
     expect(css).toContain('.today-environment__eyeline{color:var(--text-secondary);font-size:11px')
     expect(css).toContain('.today-environment__item+.today-environment__item{border-left:1px solid var(--border-cream)}')
     expect(css).not.toContain('.today-environment.has-attention:before')
@@ -145,7 +145,7 @@ describe('TodayEnvironmentStrip', () => {
     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(--border-cream);border-left:0!important}')
     expect(css).toContain('.today-environment__gold{grid-column:2;grid-row:2;border-top:1px solid var(--border-cream)}')
-    expect(css).toContain('.today-environment__weather,.today-environment__gold{padding:13px 10px;display:flex;flex-direction:column;')
+    expect(css).toContain('.today-environment__weather,.today-environment__gold{padding:var(--space-12) var(--space-10);display:flex;flex-direction:column;')
     expect(css).toContain('.today-environment__calendar-main--desktop,.today-environment__gold-date--desktop{display:none}')
     expect(css).toContain('.today-environment__calendar-main--mobile,.today-environment__gold-date--mobile{display:inline}')
     const mobileBlock = css.slice(css.indexOf('@media(max-width:720px){.today-environment'), css.indexOf('/* Solid cream material system'))
diff --git a/frontend/src/failureHint.test.ts b/frontend/src/failureHint.test.ts
new file mode 100644
index 0000000..7822b7b
--- /dev/null
+++ b/frontend/src/failureHint.test.ts
@@ -0,0 +1,21 @@
+import { describe, it, expect } from 'vitest'
+import { failureHint } from './failureHint'
+
+describe('failureHint', () => {
+  it('uses network hint without error', () => {
+    expect(failureHint('保存失败')).toBe('保存失败，请检查网络后重试')
+  })
+  it('classifies TypeError as network', () => {
+    const e = new TypeError('Failed to fetch')
+    expect(failureHint('请求失败', e)).toBe('请求失败，请检查网络后重试')
+  })
+  it('classifies 401 as auth', () => {
+    expect(failureHint('加载失败', { status: 401 })).toBe('加载失败，请重新登录后再试')
+  })
+  it('classifies 5xx as server', () => {
+    expect(failureHint('保存失败', { status: 502 })).toBe('保存失败，服务器出错，请稍后重试')
+  })
+  it('keeps Chinese server detail', () => {
+    expect(failureHint('保存失败', new Error('重复规则冲突'))).toBe('保存失败：重复规则冲突')
+  })
+})
diff --git a/frontend/src/failureHint.ts b/frontend/src/failureHint.ts
new file mode 100644
index 0000000..3d4f703
--- /dev/null
+++ b/frontend/src/failureHint.ts
@@ -0,0 +1,17 @@
+type FailErr = unknown
+
+/** 错误提示统一出口：动作短语 + 可操作后缀（网络/鉴权/校验/服务端四类） */
+export function failureHint(phrase: string, err?: FailErr): string {
+  if (!err) return `${phrase}，请检查网络后重试`
+  const e = err as { name?: string; message?: string; status?: number; response?: { status?: number } }
+  const name = String(e.name ?? "")
+  const msg = String(e.message ?? "")
+  const status = Number(e.status ?? e.response?.status ?? 0)
+  const blob = `${name} ${msg}`
+  if (status === 401 || status === 403 || /unauthorized|\b401\b|登录|token/i.test(blob)) return `${phrase}，请重新登录后再试`
+  if (name === 'TypeError' || /failed to fetch|networkerror|network request failed|net::|fetch/i.test(blob)) return `${phrase}，请检查网络后重试`
+  if (status >= 500) return `${phrase}，服务器出错，请稍后重试`
+  if (status >= 400) return `${phrase}，请检查填写内容后重试`
+  if (/\p{Script=Han}/u.test(msg)) return `${phrase}：${msg}`
+  return `${phrase}，请重试`
+}
diff --git a/frontend/src/lib/mvp-utils.ts b/frontend/src/lib/mvp-utils.ts
index ccc4bde..ac8ebb5 100644
--- a/frontend/src/lib/mvp-utils.ts
+++ b/frontend/src/lib/mvp-utils.ts
@@ -894,5 +894,5 @@ export function formatApiErrorDetail(detail: unknown): string {
     if ('detail' in record) return formatApiErrorDetail(record.detail)
     return JSON.stringify(record)
   }
-  return '请求失败'
+  return '请求失败，请检查网络后重试'
 }
diff --git a/frontend/src/memo.css b/frontend/src/memo.css
index 0ec3be2..7902a36 100644
--- a/frontend/src/memo.css
+++ b/frontend/src/memo.css
@@ -1,3 +1,3 @@
-.memo-panel{position:relative;min-height:calc(100vh - 130px)}.shell.memo-detail-open main{padding-right:372px}.memo-panel__main{display:grid;gap:14px}.memo-toolbar{display:flex;align-items:center;gap:12px}.memo-scope{display:flex;gap:4px;padding:3px;border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--surface-raised)}.memo-scope button{min-height:44px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-control);background:transparent;padding:0 13px}.memo-scope button[aria-selected="true"]{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.memo-list{display:grid;gap:0;border:1px solid var(--border-cream);border-radius:var(--radius-list);background:var(--surface-raised);overflow:hidden}.memo-list.refreshing{opacity:.62}.memo-row{width:100%;height:74px;min-height:74px;max-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:0;background:var(--surface-raised);padding:9px 15px;text-align:left}.memo-row+.memo-row{border-top:1px solid var(--border-cream)}.memo-row:hover,.memo-row.active{background:var(--surface-hover)}.memo-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-row time{grid-column:2;grid-row:1;align-self:center;color:var(--text-secondary);font-size:11px}.memo-state{min-height:240px;display:grid;place-items:center;align-content:center;gap:9px;color:var(--text-secondary);text-align:center}.memo-state svg{width:30px;height:30px;color:var(--accent)}.memo-load-more{justify-self:center;min-width:132px;min-height:44px}.memo-error,.memo-editor__error{color:var(--danger);background:var(--error-wash);border-radius:var(--radius-control);padding:10px 12px}.memo-editor>.memo-editor{display:contents}.memo-editor{width:350px;position:fixed;z-index:42;right:0;top:0;bottom:0;display:flex;flex-direction:column;border-left:1px solid var(--border-cream);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.memo-editor header,.memo-editor footer{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border-cream)}.memo-editor header span{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--text-secondary)}.memo-editor header button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--radius-control);background:transparent}.memo-editor__fields{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;align-content:start;gap:14px;padding:18px}.memo-editor__fields label{display:grid;gap:7px;color:var(--text-secondary);font-size:12px;font-weight:700}.memo-editor__fields input,.memo-editor__fields textarea{width:100%;border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--white);padding:12px;outline:0}.memo-editor__fields textarea{resize:vertical;line-height:1.65}.memo-editor__fields input:focus,.memo-editor__fields textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.memo-field{display:grid;gap:7px}.memo-field__label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-secondary);font-size:12px;font-weight:700}.memo-markdown-field{display:grid;gap:7px;min-width:0}.memo-markdown-editor{min-width:0}.memo-markdown-editor .markdown-toolbar{max-width:100%}.memo-markdown-editor textarea{min-height:250px;resize:vertical}.memo-markdown-preview{min-height:250px;max-height:none;width:100%;overflow-x:hidden}.memo-markdown-preview pre{max-width:100%;overflow-x:auto}.memo-editor footer{border-top:1px solid var(--border-cream);border-bottom:0}.memo-editor footer button{min-height:44px}.memo-editor-scrim{display:none}
-@media(max-width:930px){.shell.memo-detail-open main{padding:20px 17px 112px}.memo-panel{min-height:calc(100dvh - 150px)}.memo-toolbar{display:block}.memo-scope{min-width:0}.memo-scope button{flex:1;justify-content:center;padding-inline:9px}.memo-row{height:74px;min-height:74px;max-height:76px}.memo-editor-scrim{display:block;position:fixed;z-index:41;inset:0;background:var(--scrim)}.memo-editor{position:fixed;z-index:42;left:0;right:0;top:auto;bottom:0;width:100%;max-width:100%;height:min(92dvh,820px);overflow-x:hidden;border:1px solid var(--border-cream);border-bottom:0;border-radius:22px 22px 0 0;transition:transform .22s ease}.memo-editor__fields{padding:16px}.memo-editor footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}
+.memo-panel{position:relative;min-height:calc(100vh - 130px)}.shell.memo-detail-open main{padding-right:372px}.memo-panel__main{display:grid;gap:14px}.memo-toolbar{display:flex;align-items:center;gap:12px}.memo-scope{display:flex;gap:4px;padding:var(--space-2);border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--surface-raised)}.memo-scope button{min-height:44px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-control);background:transparent;padding:0 var(--space-12)}.memo-scope button[aria-selected="true"]{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.memo-list{display:grid;gap:0;border:1px solid var(--border-cream);border-radius:var(--radius-list);background:var(--surface-raised);overflow:hidden}.memo-list.refreshing{opacity:.62}.memo-row{width:100%;height:74px;min-height:74px;max-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:0;background:var(--surface-raised);padding:var(--space-8) var(--space-14);text-align:left}.memo-row+.memo-row{border-top:1px solid var(--border-cream)}.memo-row:hover,.memo-row.active{background:var(--surface-hover)}.memo-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-row time{grid-column:2;grid-row:1;align-self:center;color:var(--text-secondary);font-size:11px}.memo-state{min-height:240px;display:grid;place-items:center;align-content:center;gap:9px;color:var(--text-secondary);text-align:center}.memo-state svg{width:30px;height:30px;color:var(--accent)}.memo-load-more{justify-self:center;min-width:132px;min-height:44px}.memo-error,.memo-editor__error{color:var(--danger);background:var(--error-wash);border-radius:var(--radius-control);padding:var(--space-10) var(--space-12)}.memo-editor>.memo-editor{display:contents}.memo-editor{width:350px;position:fixed;z-index:42;right:0;top:0;bottom:0;display:flex;flex-direction:column;border-left:1px solid var(--border-cream);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.memo-editor header,.memo-editor footer{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:var(--space-10) var(--space-16);border-bottom:1px solid var(--border-cream)}.memo-editor header span{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--text-secondary)}.memo-editor header button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--radius-control);background:transparent}.memo-editor__fields{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;align-content:start;gap:14px;padding:var(--space-18)}.memo-editor__fields label{display:grid;gap:7px;color:var(--text-secondary);font-size:12px;font-weight:700}.memo-editor__fields input,.memo-editor__fields textarea{width:100%;border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--white);padding:var(--space-12);outline:0}.memo-editor__fields textarea{resize:vertical;line-height:1.65}.memo-editor__fields input:focus,.memo-editor__fields textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.memo-field{display:grid;gap:7px}.memo-field__label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-secondary);font-size:12px;font-weight:700}.memo-markdown-field{display:grid;gap:7px;min-width:0}.memo-markdown-editor{min-width:0}.memo-markdown-editor .markdown-toolbar{max-width:100%}.memo-markdown-editor textarea{min-height:250px;resize:vertical}.memo-markdown-preview{min-height:250px;max-height:none;width:100%;overflow-x:hidden}.memo-markdown-preview pre{max-width:100%;overflow-x:auto}.memo-editor footer{border-top:1px solid var(--border-cream);border-bottom:0}.memo-editor footer button{min-height:44px}.memo-editor-scrim{display:none}
+@media(max-width:930px){.shell.memo-detail-open main{padding:var(--space-20) var(--space-16) 112px}.memo-panel{min-height:calc(100dvh - 150px)}.memo-toolbar{display:block}.memo-scope{min-width:0}.memo-scope button{flex:1;justify-content:center;padding-inline:var(--space-8)}.memo-row{height:74px;min-height:74px;max-height:76px}.memo-editor-scrim{display:block;position:fixed;z-index:41;inset:0;background:var(--scrim)}.memo-editor{position:fixed;z-index:42;left:0;right:0;top:auto;bottom:0;width:100%;max-width:100%;height:min(92dvh,820px);overflow-x:hidden;border:1px solid var(--border-cream);border-bottom:0;border-radius:22px 22px 0 0;transition:transform .22s ease}.memo-editor__fields{padding:var(--space-16)}.memo-editor footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}
 @media(prefers-reduced-motion:reduce){.memo-editor,.memo-row,.memo-list{transition:none!important}}
diff --git a/frontend/src/style.css b/frontend/src/style.css
index cc77596..13705ac 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -1,54 +1,71 @@
 @import "tailwindcss";
 @import "./today-sections.css";
 
-:root{font-family:-apple-system,BlinkMacSystemFont,"Avenir Next","PingFang SC","Hiragino Sans GB","Segoe UI",sans-serif;color:var(--text-primary);background:var(--surface-page);--surface-canvas:#f3ecdf;--surface-base:#fdfaf3;--surface-raised:#fffdf8;--text-primary:#302a24;--text-secondary:#655b50;--border-cream:#e4d5c0;--highlight-inner:inset 0 1px 0 var(--white);--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:#5f705a;--scrim:rgba(45,38,31,.38);--radius-control:11px;--radius-card:14px;--radius-list:15px;--radius-panel:20px;--accent:#f15a29;--accent-soft:#fbe6dc;--danger:#bd3827;--safe-area-bottom:env(safe-area-inset-bottom);--surface-page:#f8f3e8;--surface-soft:#fffaf4;--surface-sunken:#eee6db;--surface-hover:#fff7eb;--surface-inverse:#322d28;--error-wash:#fff0ec;--row-hover:#fffaf3;--row-done-hover:#fffaf5;--row-done-bg:#fbf5eb;--text-strong:#514a40;--accent-ink:#b63c1b;--accent-press:#dd4b1e;--border-hairline:#e8e0d5;--border-section:#e4dbcf;--white:#fff;--badge-sep:#c1b7aa;--code-ink:#f8f1e7;--disabled-ink:#aaa095;--app-sheet-danger-border:#f1d4cd;--archived-ink:#886b3a;--archived-row-actions-bg:#f8f1e8;--archived-row-bg:#fbf3e2;--archived-row-border:#e0cfae;--archived-row-ink:#c9a45c;--backup-preflight-bg:#f5faf1;--backup-preflight-border:#bfd3b8;--backup-preflight-border-2:#efc4bc;--calendar-event-row-ink:#aa9f92;--calendar-picker-border:#ded6ca;--calendar-picker-footer-bg:#df4e22;--calendar-picker-footer-ink:#6d6459;--calendar-picker-grid-ink:#4f483f;--calendar-week-day-bg:#f5dfcc;--calendar-week-day-bg-2:#fff3e9;--calendar-week-day-ink:#8d4929;--calendar-week-day-shadow:#edc5ab;--check-border:#c6baa8;--chip-clear-hover:#f5eee5;--completed-filter-pill-border:#d8c6ae;--completed-filter-pill-track-bg:#d8cbb9;--countdown-copy-ink:#71685e;--countdown-state-ink:#62594e;--danger-btn-bg:#fff8f5;--danger-button-bg:#fde9e3;--danger-button-border:#d9a79a;--danger-button-border-2:#dba99d;--danger-button-border-3:#e2b7ac;--danger-button-border-4:#e5b7ad;--danger-button-ink:#b83c2c;--detail-bg:#faf7f0;--disabled-bg:#ebe2d8;--disabled-border:#ded3c7;--done-bg:#afa595;--empty-action-ink:#655d52;--empty-ink:#6f675c;--empty-ink-2:#d8cabb;--error-toast-border:#9f2f22;--event-hover:#fff8ee;--folder-row-ink:#6d6559;--ghost-bg:#fce7e2;--habit-detail-archive-note-bg:#fff5f2;--habit-detail-archive-note-border:#e8b7aa;--habit-history-loading-bg:#f3ece2;--habit-progress-ink:#4d463d;--habit-row-strike:#d8c8bb;--handle-ink:#b3a795;--inline-error-bg:#fff0ed;--input-border:#ded5c8;--list-drag-handle-ink:#ad9f8c;--list-inline-filter-bg:#d8d0c5;--list-row-bg:#fff8ef;--list-row-main-ink:#665f55;--list-row-shadow:#ead5c4;--markdown-mode-switch-bg:#eee7dc;--markdown-preview-bg:#332f2b;--markdown-preview-bg-2:#f2ece2;--markdown-preview-bg-3:#fff7ed;--markdown-preview-border:#d7aa8f;--markdown-preview-border-2:#e4dacb;--markdown-preview-ink:#665c51;--markdown-toolbar-bg:#f7f0e5;--markdown-toolbar-ink:#70675c;--nav-active-bg:#f9e2d5;--overdue-chip-bg:#fde2dc;--overdue-list-border:#ecc8bd;--overdue-task-bg:#fff5f1;--p1-border:#4b93d1;--p2-border:#d79b25;--p3-border:#dc4b30;--pager-button-bg:#f2e7d9;--pager-button-bg-2:#f7efe4;--pager-button-ink:#b5aa9c;--paper-ink:#625b50;--paper-ink-2:#ceb8a4;--password-form-ink:#72695e;--picker-day-hover:#f6ede2;--plain-list-bg:#fbf7f0;--plain-list-bg-2:#fff4e5;--plain-list-bg-3:#fff7f4;--plain-list-ink:#70685f;--plain-list-strike:#a99e92;--priority-bg:#e5f2fc;--priority-bg-2:#fff1cb;--priority-p1-ink:#3871a5;--priority-p2-ink:#996305;--progress-track:#eadfce;--purge-list-error-bg:#fde7e2;--sheet-danger-bg:#fff8f6;--sidebar-action-danger-bg:#fff6f2;--sidebar-action-danger-border:#efd6cf;--sidebar-action-group-bg:#fff3e6;--sidebar-popover-bg:#fbf0e8;--sidebar-popover-ink:#665e52;--soft-button-bg:#f8eddf;--soft-button-border:#d5c5b2;--soft-button-border-2:#ddd0c0;--soft-button-ink:#51483f;--subtask-bg:#fcf7ee;--subtask-ink:#6d655b;--subtask-ink-2:#bbb0a2;--subtask-remove-bg:#fff3ef;--task-check-border:#9d8f7b;--task-compose-date-chip-border:#f3b18f;--task-compose-date-chip-ink:#776e62;--task-compose-time-add-bg:#fff4e8;--task-compose-time-add-border:#e5b89d;--task-detail-time-empty-bg:#f7f0e6;--toast-border:#574d42;--toggle-active-bg:#fff1df;--trash-action-menu-bg:#fff3ee;--trigger-ink:#8e8477}
-*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--surface-page)}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(--text-secondary)}.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(--border-cream);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);padding:24px}.auth-card{width:min(400px,100%);padding:36px;background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-card);box-shadow:var(--highlight-inner),var(--shadow-soft);display:grid;gap:14px}.auth-card>.primary{min-height:46px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:40px;font-weight:800;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-brand{margin-bottom:12px}.auth-brand .brand{gap:9px;font-size:28px;letter-spacing:-2px}.auth-brand .brand-logo{width:34px;height:34px}.auth-heading{display:grid;gap:6px;margin-bottom:4px}.auth-heading h1{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.03em}.auth-heading p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}.auth-card label,.detail-form>label{display:grid;gap:7px;font-size:12px;font-weight:600;color:var(--text-secondary)}.auth-card input{min-height:46px;background:var(--surface-raised)}.auth-card input,.detail-form input,.detail-form select{width:100%;border:1px solid var(--border-cream);padding:11px;border-radius:var(--radius-control);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:var(--white);padding:12px;border-radius:var(--radius-control);font-weight:700;box-shadow:0 5px 12px rgba(241,90,41,.2)}.auth-card small{color:var(--danger)}.auth-footnote{margin:2px 0 0;color:var(--text-secondary);font-size:11px;text-align:center}@media(max-width:930px){.auth-shell{padding:18px}.auth-card{padding:30px 24px}}
-.shell{height:100vh;display:grid;grid-template-columns:var(--sidebar-width,236px) minmax(330px,1fr) 0;background:var(--surface-raised);overflow:hidden;transition:grid-template-columns .22s ease}.shell.detail-open{grid-template-columns:var(--sidebar-width,236px) minmax(330px,1fr) var(--detail-width,350px)}.shell.sidebar-collapsed{grid-template-columns:0 minmax(330px,1fr) 0}.shell.sidebar-collapsed.detail-open{grid-template-columns:0 minmax(330px,1fr) var(--detail-width,350px)}.shell.pane-resizing{transition:none;cursor:col-resize;user-select:none}.shell.pane-resizing>*{pointer-events:none}.shell.pane-resizing>.pane-resizer{pointer-events:auto}.shell>.sidebar{grid-column:1;grid-row:1}.shell>main{grid-column:2;grid-row:1}.shell>.detail,.shell>.habit-detail-sheet{grid-column:3;grid-row:1}.pane-resizer{position:relative;z-index:12;width:9px;height:100vh;margin-right:-5px;justify-self:end;cursor:col-resize;touch-action:none;outline:none}.pane-resizer--sidebar{grid-column:1;grid-row:1}.pane-resizer--detail{grid-column:2;grid-row:1}.pane-resizer:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background:transparent;transition:background-color .14s ease}.pane-resizer:hover:after,.pane-resizer:focus-visible:after,.shell.pane-resizing .pane-resizer:after{background:var(--accent)}.shell.sidebar-collapsed .sidebar{width:0;min-width:0;overflow:hidden;border-right:0;padding:0}.sidebar{border-right:1px solid var(--border-cream);background:var(--surface-canvas);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:var(--radius-control);color:var(--text-secondary);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:var(--nav-active-bg);color:var(--accent-ink);font-weight:700}.list-row.active{background:var(--list-row-bg);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--list-row-shadow)}.sidebar-management button.active{background:var(--nav-active-bg);color:var(--accent-ink);font-weight:700}.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:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.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:var(--trigger-ink)}.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:var(--folder-row-ink);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:var(--list-row-main-ink)}.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:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-card);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:var(--sidebar-popover-ink);text-align:left;white-space:nowrap;font-size:12px}.sidebar-popover button:hover{background:var(--sidebar-popover-bg)}.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);grid-template-areas:"menu title";align-items:center;column-gap:14px;margin-bottom:18px}.topbar>.icon{grid-area:menu}.topbar-title{grid-area:title;min-width:0;width:100%}.topbar p{margin:0;color:var(--text-secondary);font-size:12px}.topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:27px;margin:0;letter-spacing:-.03em}.topbar-filter{justify-self:end;flex:none}.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:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap}.completed-filter-pill:hover:not(:disabled){background:var(--surface-hover);border-color:var(--completed-filter-pill-border)}.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:var(--completed-filter-pill-track-bg);transition:background .15s ease}.completed-filter-pill__thumb{display:block;width:14px;height:14px;border-radius:50%;background:var(--surface-raised);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(44px,calc((100% - 1080px)/2));padding-right:max(44px,calc((100% - 1080px)/2))}@media(min-width:931px){main.today-main{position:relative}main.today-main>.topbar{height:44px}main.today-main>.topbar>.icon{position:absolute;top:27px;left:34px}}.today-context{margin:0 0 14px;border-bottom:0}.today-page-title{margin:28px 0 8px;font-size:34px;font-weight:700;line-height:1.15;letter-spacing:-.04em}.today-remaining{margin:0 0 24px;color:var(--text-secondary);font-size:13px}.today-inline-filter{margin:0 0 14px auto}.today-context .completed-filter-pill{min-width:0;width:87px;height:36px;padding:0;justify-content:flex-end;gap:7px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text-secondary);font-weight:400}.today-context .completed-filter-pill__track{width:30px;height:18px}.today-section-anchor{scroll-margin-top:16px}.list-toolbar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--text-secondary);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(--border-cream);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)}@media(hover:hover) and (pointer:fine){.task-row:hover:not(.reordering):not(.task-row--trash),.habit-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 var(--check-border);background:var(--white);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:var(--radius-control)}.task-check-mark{width:19px;height:19px;border:1.6px solid var(--check-border);background:var(--white);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:var(--task-check-border)}.task-check:focus-visible{outline:2px solid rgba(241,90,41,.32);outline-offset:1px}.task-check[aria-pressed="true"] .task-check-mark{background:var(--success);border-color:var(--success);color:var(--white)}.task-check-mark.p1{border-color:var(--p1-border)}.task-check-mark.p2{border-color:var(--p2-border)}.task-check-mark.p3{border-color:var(--p3-border)}.check.p1{border-color:var(--p1-border)}.check.p2{border-color:var(--p2-border)}.check.p3{border-color:var(--p3-border)}.done .check{background:var(--done-bg);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:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.done .task-main strong{text-decoration:line-through;color:var(--text-secondary)}.meta{display:inline-flex;align-items:center;gap:9px;color:var(--text-secondary);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:11px;font-weight:700;padding:3px 6px;border-radius:5px}.priority.p1{color:var(--priority-p1-ink);background:var(--priority-bg)}.priority.p2{color:var(--priority-p2-ink);background:var(--priority-bg-2)}.priority.p3{color:var(--danger);background:var(--overdue-chip-bg)}.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:var(--text-secondary)}.task-row:hover .ghost{opacity:1}.ghost:hover{color:var(--danger);background:var(--ghost-bg)}.restore{display:flex;align-items:center;gap:5px;min-height:44px;border:1px solid var(--border-cream);background:var(--white);border-radius:7px;padding:6px 8px;font-size:12px}.restore svg{width:14px}.subtask{padding-left:53px;min-height:42px;color:var(--subtask-ink)}.subtask>svg{width:13px;color:var(--subtask-ink-2)}.empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--text-secondary);text-align:center}.empty>svg{width:38px;height:38px;color:var(--empty-ink-2)}.empty b{color:var(--empty-ink)}.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(--border-cream);border-radius:var(--radius-control);background:var(--surface-soft);color:var(--text-secondary);font-size:13px}.today-filtered-empty-note .link{min-width:44px;min-height:44px;padding:0 10px}
+:root{font-family:-apple-system,BlinkMacSystemFont,"Avenir Next","PingFang SC","Hiragino Sans GB","Segoe UI",sans-serif;color:var(--text-primary);background:var(--surface-page);--surface-canvas:#f3ecdf;--surface-base:#fdfaf3;--surface-raised:#fffdf8;--text-primary:#302a24;--text-secondary:#655b50;--border-cream:#e4d5c0;--highlight-inner:inset 0 1px 0 var(--white);--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:#5f705a;--scrim:rgba(45,38,31,.38);--radius-control:11px;--radius-card:14px;--radius-list:15px;--radius-panel:20px;--accent:#f15a29;--accent-soft:#fbe6dc;--danger:#bd3827;--safe-area-bottom:env(safe-area-inset-bottom);--surface-page:#f8f3e8;--surface-soft:#fffaf4;--surface-sunken:#eee6db;--surface-hover:#fff7eb;--surface-inverse:#322d28;--error-wash:#fff0ec;--row-hover:#fffaf3;--row-done-hover:#fffaf5;--row-done-bg:#fbf5eb;--text-strong:#514a40;--accent-ink:#b63c1b;--accent-press:#dd4b1e;--border-hairline:#e8e0d5;--border-section:#e4dbcf;--white:#fff;--badge-sep:#c1b7aa;--code-ink:#f8f1e7;--disabled-ink:#aaa095;--app-sheet-danger-border:#f1d4cd;--archived-ink:#886b3a;--archived-row-actions-bg:#f8f1e8;--archived-row-bg:#fbf3e2;--archived-row-border:#e0cfae;--archived-row-ink:#c9a45c;--backup-preflight-bg:#f5faf1;--backup-preflight-border:#bfd3b8;--backup-preflight-border-2:#efc4bc;--calendar-event-row-ink:#aa9f92;--calendar-picker-border:#ded6ca;--calendar-picker-footer-bg:#df4e22;--calendar-picker-footer-ink:#6d6459;--calendar-picker-grid-ink:#4f483f;--calendar-week-day-bg:#f5dfcc;--calendar-week-day-bg-2:#fff3e9;--calendar-week-day-ink:#8d4929;--calendar-week-day-shadow:#edc5ab;--check-border:#c6baa8;--chip-clear-hover:#f5eee5;--completed-filter-pill-border:#d8c6ae;--completed-filter-pill-track-bg:#d8cbb9;--countdown-copy-ink:#71685e;--countdown-state-ink:#62594e;--danger-btn-bg:#fff8f5;--danger-button-bg:#fde9e3;--danger-button-border:#d9a79a;--danger-button-border-2:#dba99d;--danger-button-border-3:#e2b7ac;--danger-button-border-4:#e5b7ad;--danger-button-ink:#b83c2c;--detail-bg:#faf7f0;--disabled-bg:#ebe2d8;--disabled-border:#ded3c7;--done-bg:#afa595;--empty-action-ink:#655d52;--empty-ink:#6f675c;--empty-ink-2:#d8cabb;--error-toast-border:#9f2f22;--event-hover:#fff8ee;--folder-row-ink:#6d6559;--ghost-bg:#fce7e2;--habit-detail-archive-note-bg:#fff5f2;--habit-detail-archive-note-border:#e8b7aa;--habit-history-loading-bg:#f3ece2;--habit-progress-ink:#4d463d;--habit-row-strike:#d8c8bb;--handle-ink:#b3a795;--inline-error-bg:#fff0ed;--input-border:#ded5c8;--list-drag-handle-ink:#ad9f8c;--list-inline-filter-bg:#d8d0c5;--list-row-bg:#fff8ef;--list-row-main-ink:#665f55;--list-row-shadow:#ead5c4;--markdown-mode-switch-bg:#eee7dc;--markdown-preview-bg:#332f2b;--markdown-preview-bg-2:#f2ece2;--markdown-preview-bg-3:#fff7ed;--markdown-preview-border:#d7aa8f;--markdown-preview-border-2:#e4dacb;--markdown-preview-ink:#665c51;--markdown-toolbar-bg:#f7f0e5;--markdown-toolbar-ink:#70675c;--nav-active-bg:#f9e2d5;--overdue-chip-bg:#fde2dc;--overdue-list-border:#ecc8bd;--overdue-task-bg:#fff5f1;--p1-border:#4b93d1;--p2-border:#d79b25;--p3-border:#dc4b30;--pager-button-bg:#f2e7d9;--pager-button-bg-2:#f7efe4;--pager-button-ink:#b5aa9c;--paper-ink:#625b50;--paper-ink-2:#ceb8a4;--password-form-ink:#72695e;--picker-day-hover:#f6ede2;--plain-list-bg:#fbf7f0;--plain-list-bg-2:#fff4e5;--plain-list-bg-3:#fff7f4;--plain-list-ink:#70685f;--plain-list-strike:#a99e92;--priority-bg:#e5f2fc;--priority-bg-2:#fff1cb;--priority-p1-ink:#3871a5;--priority-p2-ink:#996305;--progress-track:#eadfce;--purge-list-error-bg:#fde7e2;--sheet-danger-bg:#fff8f6;--sidebar-action-danger-bg:#fff6f2;--sidebar-action-danger-border:#efd6cf;--sidebar-action-group-bg:#fff3e6;--sidebar-popover-bg:#fbf0e8;--sidebar-popover-ink:#665e52;--soft-button-bg:#f8eddf;--soft-button-border:#d5c5b2;--soft-button-border-2:#ddd0c0;--soft-button-ink:#51483f;--subtask-bg:#fcf7ee;--subtask-ink:#6d655b;--subtask-ink-2:#bbb0a2;--subtask-remove-bg:#fff3ef;--task-check-border:#9d8f7b;--task-compose-date-chip-border:#f3b18f;--task-compose-date-chip-ink:#776e62;--task-compose-time-add-bg:#fff4e8;--task-compose-time-add-border:#e5b89d;--task-detail-time-empty-bg:#f7f0e6;--toast-border:#574d42;--toggle-active-bg:#fff1df;--trash-action-menu-bg:#fff3ee;--trigger-ink:#8e8477;  --space-2:2px;
+  --space-4:4px;
+  --space-6:6px;
+  --space-8:8px;
+  --space-10:10px;
+  --space-12:12px;
+  --space-14:14px;
+  --space-16:16px;
+  --space-18:18px;
+  --space-20:20px;
+  --space-24:24px;
+  --space-28:28px;
+  --space-32:32px;
+  --space-36:36px;
+  --space-40:40px;
+  --space-44:44px;
+  --space-48:48px;
+}
+*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--surface-page)}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(--text-secondary)}.loading-brand{grid-template-columns:auto;justify-items:center;gap:13px}.loading-logo{width:40px;height:40px;display:block;margin-bottom:var(--space-2)}.loading-brand>span:last-child{font-size:13px}.loader{width:24px;height:24px;border:2px solid var(--border-cream);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);padding:var(--space-24)}.auth-card{width:min(400px,100%);padding:var(--space-36);background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-card);box-shadow:var(--highlight-inner),var(--shadow-soft);display:grid;gap:14px}.auth-card>.primary{min-height:46px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:40px;font-weight:800;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-brand{margin-bottom:var(--space-12)}.auth-brand .brand{gap:9px;font-size:28px;letter-spacing:-2px}.auth-brand .brand-logo{width:34px;height:34px}.auth-heading{display:grid;gap:6px;margin-bottom:var(--space-4)}.auth-heading h1{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.03em}.auth-heading p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}.auth-card label,.detail-form>label{display:grid;gap:7px;font-size:12px;font-weight:600;color:var(--text-secondary)}.auth-card input{min-height:46px;background:var(--surface-raised)}.auth-card input,.detail-form input,.detail-form select{width:100%;border:1px solid var(--border-cream);padding:var(--space-10);border-radius:var(--radius-control);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:var(--white);padding:var(--space-12);border-radius:var(--radius-control);font-weight:700;box-shadow:0 5px 12px rgba(241,90,41,.2)}.auth-card small{color:var(--danger)}.auth-footnote{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:11px;text-align:center}@media(max-width:930px){.auth-shell{padding:var(--space-18)}.auth-card{padding:var(--space-28) var(--space-24)}}
+.shell{height:100vh;display:grid;grid-template-columns:var(--sidebar-width,236px) minmax(330px,1fr) 0;background:var(--surface-raised);overflow:hidden;transition:grid-template-columns .22s ease}.shell.detail-open{grid-template-columns:var(--sidebar-width,236px) minmax(330px,1fr) var(--detail-width,350px)}.shell.sidebar-collapsed{grid-template-columns:0 minmax(330px,1fr) 0}.shell.sidebar-collapsed.detail-open{grid-template-columns:0 minmax(330px,1fr) var(--detail-width,350px)}.shell.pane-resizing{transition:none;cursor:col-resize;user-select:none}.shell.pane-resizing>*{pointer-events:none}.shell.pane-resizing>.pane-resizer{pointer-events:auto}.shell>.sidebar{grid-column:1;grid-row:1}.shell>main{grid-column:2;grid-row:1}.shell>.detail,.shell>.habit-detail-sheet{grid-column:3;grid-row:1}.pane-resizer{position:relative;z-index:12;width:9px;height:100vh;margin-right:-5px;justify-self:end;cursor:col-resize;touch-action:none;outline:none}.pane-resizer--sidebar{grid-column:1;grid-row:1}.pane-resizer--detail{grid-column:2;grid-row:1}.pane-resizer:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background:transparent;transition:background-color .14s ease}.pane-resizer:hover:after,.pane-resizer:focus-visible:after,.shell.pane-resizing .pane-resizer:after{background:var(--accent)}.shell.sidebar-collapsed .sidebar{width:0;min-width:0;overflow:hidden;border-right:0;padding:0}.sidebar{border-right:1px solid var(--border-cream);background:var(--surface-canvas);display:flex;flex-direction:column;min-height:0;overflow:hidden}.brand-row{height:68px;padding:0 var(--space-20);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(222,205,185,.75)}.primary-nav{display:grid;padding:var(--space-10) var(--space-10) var(--space-8);gap:2px}.primary-nav button,.sidebar-management button{position:relative;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0 var(--space-12);min-height:44px;border-radius:var(--radius-control);color:var(--text-secondary);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:var(--nav-active-bg);color:var(--accent-ink);font-weight:700}.list-row.active{background:var(--list-row-bg);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--list-row-shadow)}.sidebar-management button.active{background:var(--nav-active-bg);color:var(--accent-ink);font-weight:700}.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:var(--space-14) var(--space-14) var(--space-4) var(--space-20);display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.section-title>span:last-child{display:flex}.mini-icon,.row-actions button{min-width:44px;min-height:44px;border:0;background:transparent;padding:var(--space-4);color:var(--trigger-ink)}.mini-icon svg,.row-actions svg{width:14px;height:14px}.folders{flex:1;min-height:0;padding:0 var(--space-10);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 var(--space-8);display:flex;align-items:center;gap:7px;color:var(--folder-row-ink);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:var(--space-8) var(--space-6) var(--space-8) var(--space-32);color:var(--list-row-main-ink)}.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:var(--space-6);background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-card);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:44px;border:0;background:transparent;border-radius:8px;padding:var(--space-6) var(--space-10);display:flex;align-items:center;gap:8px;color:var(--sidebar-popover-ink);text-align:left;white-space:nowrap;font-size:12px}.sidebar-popover button:hover{background:var(--sidebar-popover-bg)}.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:var(--space-8);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:var(--space-28) var(--space-32) 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);grid-template-areas:"menu title";align-items:center;column-gap:14px;margin-bottom:var(--space-18)}.topbar>.icon{grid-area:menu}.topbar-title{grid-area:title;min-width:0;width:100%}.topbar p{margin:0;color:var(--text-secondary);font-size:12px}.topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:27px;margin:0;letter-spacing:-.03em}.topbar-filter{justify-self:end;flex:none}.completed-filter-pill{min-width:132px;height:36px;padding:0 var(--space-8) 0 var(--space-12);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:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap}.completed-filter-pill:hover:not(:disabled){background:var(--surface-hover);border-color:var(--completed-filter-pill-border)}.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:var(--space-2);border-radius:999px;background:var(--completed-filter-pill-track-bg);transition:background .15s ease}.completed-filter-pill__thumb{display:block;width:14px;height:14px;border-radius:50%;background:var(--surface-raised);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(44px,calc((100% - 1080px)/2));padding-right:max(44px,calc((100% - 1080px)/2))}@media(min-width:931px){main.today-main{position:relative}main.today-main>.topbar{height:44px}main.today-main>.topbar>.icon{position:absolute;top:27px;left:34px}}.today-context{margin:0 0 var(--space-14);border-bottom:0}.today-page-title{margin:var(--space-28) 0 var(--space-8);font-size:34px;font-weight:700;line-height:1.15;letter-spacing:-.04em}.today-remaining{margin:0 0 var(--space-24);color:var(--text-secondary);font-size:13px}.today-inline-filter{margin:0 0 var(--space-14) auto}.today-context .completed-filter-pill{min-width:0;width:87px;height:36px;padding:0;justify-content:flex-end;gap:7px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text-secondary);font-weight:400}.today-context .completed-filter-pill__track{width:30px;height:18px}.today-section-anchor{scroll-margin-top:16px}.list-toolbar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--text-secondary);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:var(--space-2);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(--border-cream);padding:var(--space-4) var(--space-8);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)}@media(hover:hover) and (pointer:fine){.task-row:hover:not(.reordering):not(.task-row--trash),.habit-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 var(--check-border);background:var(--white);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:var(--radius-control)}.task-check-mark{width:19px;height:19px;border:1.6px solid var(--check-border);background:var(--white);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:var(--task-check-border)}.task-check:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.task-check[aria-pressed="true"] .task-check-mark{background:var(--success);border-color:var(--success);color:var(--white)}.task-check-mark.p1{border-color:var(--p1-border)}.task-check-mark.p2{border-color:var(--p2-border)}.task-check-mark.p3{border-color:var(--p3-border)}.check.p1{border-color:var(--p1-border)}.check.p2{border-color:var(--p2-border)}.check.p3{border-color:var(--p3-border)}.done .check{background:var(--done-bg);color:white}.task-main{border:0;background:transparent;flex:1;min-width:0;text-align:left;padding:var(--space-8) 0}.task-main strong{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.done .task-main strong{text-decoration:line-through;color:var(--text-secondary)}.meta{display:inline-flex;align-items:center;gap:9px;color:var(--text-secondary);font-size:11px;margin-top:var(--space-2)}.meta-item{display:flex;align-items:center;gap:3px}.meta svg{width:12px}.priority{display:inline-flex;margin:var(--space-2) 0 0 var(--space-6);font-size:11px;font-weight:700;padding:var(--space-2) var(--space-6);border-radius:5px}.priority.p1{color:var(--priority-p1-ink);background:var(--priority-bg)}.priority.p2{color:var(--priority-p2-ink);background:var(--priority-bg-2)}.priority.p3{color:var(--danger);background:var(--overdue-chip-bg)}.icon,.ghost{min-width:44px;min-height:44px;border:0;background:transparent;display:grid;place-items:center;padding:var(--space-4);border-radius:6px}.mobile-only{display:none}.ghost{opacity:0;color:var(--text-secondary)}.task-row:hover .ghost{opacity:1}.ghost:hover{color:var(--danger);background:var(--ghost-bg)}.restore{display:flex;align-items:center;gap:5px;min-height:44px;border:1px solid var(--border-cream);background:var(--white);border-radius:7px;padding:var(--space-6) var(--space-8);font-size:12px}.restore svg{width:14px}.subtask{padding-left:53px;min-height:42px;color:var(--subtask-ink)}.subtask>svg{width:13px;color:var(--subtask-ink-2)}.empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--text-secondary);text-align:center}.empty>svg{width:38px;height:38px;color:var(--empty-ink-2)}.empty b{color:var(--empty-ink)}.empty span{font-size:13px}.today-filtered-empty-note{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-14);border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--surface-soft);color:var(--text-secondary);font-size:13px}.today-filtered-empty-note .link{min-width:44px;min-height:44px;padding:0 var(--space-10)}
 .drag-handle{width:44px;min-width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;background:transparent;color:var(--handle-ink);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:var(--list-drag-handle-ink);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:var(--surface-soft)}.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:var(--accent-ink);border-radius:var(--radius-control)}.list-row.list-reorder-target{box-shadow:inset 0 2px 0 var(--accent)}.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:var(--radius-panel);box-shadow:var(--highlight-inner),var(--shadow-raised);overflow:hidden}.sidebar-action-header.app-sheet__header{align-items:flex-start;min-height:64px;padding:13px 14px 12px}.sidebar-action-header>div{min-width:0;display:grid;gap:2px}.sidebar-action-header 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:700;letter-spacing:.04em;color:var(--text-secondary)}.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:var(--radius-card);background:var(--surface-soft)}.sidebar-action-group button,.sidebar-action-danger 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:var(--radius-control);background:transparent;padding:0 10px;text-align:left}.sidebar-action-group button:hover:not(:disabled){background:var(--sidebar-action-group-bg)}.sidebar-action-group button span,.sidebar-action-danger button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-action-danger{border-top:1px solid var(--sidebar-action-danger-border);padding:9px 6px 6px;display:grid;gap:7px}.sidebar-action-danger>span{font-size:11px;line-height:1.4;color:var(--danger);padding:0 4px}.sidebar-action-danger button.danger{color:var(--danger);background:var(--sidebar-action-danger-bg)}
-.list-editor-sheet{width:min(460px,calc(100vw - 24px));margin:12px;border:1px solid var(--border-cream);border-radius:var(--radius-panel);background:var(--surface-raised);box-shadow:var(--highlight-inner),var(--shadow-raised);overflow:hidden}@media(min-width:931px){.app-sheet-mask:has(.list-editor-sheet){place-items:center;padding:24px}.app-sheet-mask:has(.list-editor-sheet) .list-editor-sheet{margin:0}}.list-editor-header.app-sheet__header{min-height:64px;padding:10px 16px 10px 20px}.list-editor-header h2{margin:0;font-size:20px;letter-spacing:-.02em}.list-editor-form{display:grid;gap:17px;padding:18px 20px}.list-editor-form>label{display:grid;gap:7px;color:var(--text-secondary);font-size:12px;font-weight:700}.list-editor-form input,.list-editor-form select{width:100%;min-height:46px;padding:0 13px}.list-editor-form label>small{color:var(--text-secondary);font-size:11px;font-weight:400}.list-editor-error{margin:0;padding:9px 11px;border-radius:var(--radius-control);background:var(--error-wash);color:var(--danger);font-size:12px}.list-editor-danger{border-top:1px solid var(--border-cream);padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.list-editor-danger b,.list-editor-danger small{display:block}.list-editor-danger b{font-size:13px}.list-editor-danger small{margin-top:4px;color:var(--text-secondary);font-size:11px;line-height:1.45}.list-editor-danger .danger-button{flex:0 0 auto}.list-editor-footer.app-sheet__footer{position:static;padding:12px 20px 16px;background:var(--surface-soft)}.list-editor-footer .primary-small{min-width:100px}@media(max-width:930px){.list-editor-sheet{width:100%;max-width:100%}.list-editor-form{padding:17px}.list-editor-danger{align-items:flex-start;flex-direction:column}.list-editor-danger .danger-button{width:100%;min-height:44px}.list-editor-footer.app-sheet__footer{padding:12px 17px calc(12px + env(safe-area-inset-bottom))}.list-editor-footer>button{min-height:44px;flex:1}}
-.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:var(--radius-control);background:transparent;padding:0 12px;color:var(--text-secondary);text-align:left;font-size:12px;font-weight:600}.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:var(--disabled-ink)}.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:var(--text-secondary)}.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:var(--radius-control);background:transparent;color:var(--trigger-ink)}.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:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-control);box-shadow:var(--shadow-raised)}.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:var(--archived-row-actions-bg)}.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}}
-.detail{min-width:0;border-left:1px solid var(--border-cream);background:var(--detail-bg);overflow:auto}.detail-head{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid var(--border-cream);font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.paper{margin:22px;padding:28px 20px;min-height:180px;background:var(--white);border:1px solid var(--border-cream);border-radius:var(--radius-control);box-shadow:0 4px 18px rgba(76,57,34,.05);display:grid;place-items:center;align-content:center;text-align:center;color:var(--text-secondary)}.paper svg{width:32px;height:32px;color:var(--paper-ink-2);margin-bottom:12px}.paper b{color:var(--paper-ink)}.paper p{font-size:13px;line-height:1.6}.detail-form{min-width:0;grid-template-columns:minmax(0,1fr);padding:19px;display:grid;gap:12px}.detail-form>*{min-width:0}.detail-title{display:flex;align-items:flex-start;gap:10px}.detail-title .detail-task-check{width:44px;height:44px;flex:0 0 44px;margin-top:0}.detail-title textarea{flex:1;border:0;background:transparent;resize:none;outline:none;font-size:19px;line-height:1.4;font-weight:700}.detail-form>label{grid-template-columns:80px 1fr;align-items:center}.detail-form>label input,.detail-form>label select{padding:8px}.task-detail-field-input{width:190px!important;max-width:100%;justify-self:end}.task-detail-due-input{padding-inline:9px!important}.field{display:grid;gap:7px}.field-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:var(--text-secondary)}.hint{font-size:12px;color:var(--text-secondary)}.markdown-mode-switch{display:flex;background:var(--markdown-mode-switch-bg);padding:2px;border-radius:7px}.markdown-mode-switch button{min-height:30px;border:0;background:transparent;padding:4px 9px;border-radius:6px;font-size:11px}.markdown-mode-switch button.active{background:var(--white);color:var(--accent);box-shadow:0 1px 3px rgba(78,58,34,.08)}.markdown-editor-shell{min-width:0;border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--white);overflow:hidden}.markdown-toolbar{display:flex;align-items:center;gap:2px;overflow-x:auto;padding:4px;background:var(--markdown-toolbar-bg);border-bottom:1px solid var(--border-cream);scrollbar-width:none}.markdown-toolbar::-webkit-scrollbar{display:none}.markdown-toolbar button{min-width:44px;min-height:44px;flex:0 0 44px;border:0;border-radius:8px;background:transparent;color:var(--markdown-toolbar-ink);display:grid;place-items:center;padding:0}.markdown-toolbar button:hover{background:var(--white);color:var(--accent)}.markdown-toolbar button svg{width:16px;height:16px}.markdown-toolbar .markdown-codeblock{font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.markdown textarea{width:100%;min-height:180px;border:0;background:var(--white);border-radius:0;padding:12px;resize:vertical;outline:none;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.markdown textarea:focus{box-shadow:inset 0 0 0 2px rgba(241,90,41,.15)}.markdown-preview{min-height:180px;max-height:360px;overflow:auto;padding:14px 15px;background:var(--white);border:1px solid var(--border-cream);border-radius:var(--radius-control);color:var(--text-primary);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.markdown-preview-empty{color:var(--text-secondary);display:grid;place-items:center}.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{line-height:1.3;color:var(--text-primary)}.markdown-preview h1{margin:4px 0 12px;font-size:21px}.markdown-preview h2{margin:16px 0 9px;font-size:18px}.markdown-preview h3{margin:14px 0 8px;font-size:16px}.markdown-preview p{margin:0 0 10px}.markdown-preview ul,.markdown-preview ol{margin:8px 0 12px;padding-left:24px}.markdown-preview li{margin:4px 0}.markdown-preview li>p{margin:0}.markdown-preview blockquote{margin:10px 0;padding:7px 12px;border-left:3px solid var(--markdown-preview-border);background:var(--markdown-preview-bg-3);color:var(--markdown-preview-ink)}.markdown-preview code{background:var(--markdown-preview-bg-2);padding:2px 5px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.markdown-preview pre{max-width:100%;overflow:auto;margin:10px 0;padding:12px;background:var(--markdown-preview-bg);color:var(--code-ink);border:1px solid var(--markdown-preview-border-2);border-radius:var(--radius-control);font-size:12px;line-height:1.55}.markdown-preview pre code{padding:0;background:transparent;color:inherit}.markdown-preview a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.markdown-preview hr{border:0;border-top:1px solid var(--border-cream);margin:16px 0}.markdown-preview>.contains-task-list{list-style:none;padding-left:3px}.markdown-preview .contains-task-list .contains-task-list{padding-left:24px}.markdown-preview .task-list-item{list-style:none;margin:4px 0}.markdown-preview .task-list-item-checkbox{width:16px;height:16px;margin:0 7px 0 0;vertical-align:-3px;accent-color:var(--accent)}.subtasks{display:grid;gap:5px}.subtask-detail{width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal;display:flex;align-items:center;gap:8px;border:0;background:var(--white);padding:8px;border-radius:7px;text-align:left}.subtask-detail .subtask-check{width:44px;height:44px;flex:0 0 44px;margin:-8px 0 -8px -8px;cursor:pointer;pointer-events:auto}.strike{text-decoration:line-through;color:var(--text-secondary)}.detail-actions{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border-cream)}.secondary{border:1px solid var(--border-cream);background:var(--white);padding:8px 11px;border-radius:8px;font-weight:600}.danger-text{border:0;background:transparent;color:var(--danger);display:flex;align-items:center;gap:5px;font-size:12px}.danger-text svg{width:14px}
-.task-detail-due-row{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:10px;color:var(--text-secondary);font-size:12px;font-weight:600}.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(--text-secondary);font-size:11px;font-weight:400}.after-completion-fields{display:grid;gap:5px;padding:10px 12px;border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--surface-soft);color:var(--text-secondary);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(--border-cream);border-radius:8px;background:var(--white);padding:0 10px}.after-completion-fields small{color:var(--text-secondary);line-height:1.5}.repeat-save{width:100%;min-height:44px}.repeat-custom-fields{display:grid;gap:10px;padding:12px;border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--surface-soft)}.repeat-custom-fields>div,.repeat-custom-fields>label{display:flex;align-items:center;gap:8px;color:var(--text-secondary);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(--border-cream);border-radius:8px;background:var(--white);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(--border-cream);border-radius:50%;background:var(--white)}.weekday-picker input{position:absolute;opacity:0;pointer-events:none}.weekday-picker label:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--white)}.toast,.error-toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translateX(-50%);background:var(--surface-inverse);color:var(--white);border-radius:var(--radius-control);padding:10px 15px;box-shadow:var(--shadow-raised);font-size:13px}.error-toast{background:var(--danger);display:flex;align-items:center;gap:10px}.error-toast button{border:0;background:transparent;color:var(--white);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){main{padding-inline:24px}main.today-main>.topbar>.icon{left:24px}}
-@media(max-width:930px){.shell{height:100dvh;display:block;overflow:auto}.pane-resizer{display:none}.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-raised);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:var(--surface-raised);border:1px solid var(--border-cream);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:var(--surface-raised);border-bottom:1px solid var(--border-cream);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:29px;padding-right:29px}.topbar{grid-template-rows:auto auto;row-gap:0}.topbar h1{font-size:24px}.completed-filter-pill{min-width:138px;height:44px}.completed-filter-pill__track{width:36px;height:22px}.completed-filter-pill__thumb{width:18px;height:18px}.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 var(--archived-row-border);border-radius:8px;color:var(--archived-ink);background:var(--archived-row-bg)}.archived-row .list-row-main{padding-left:14px}.archived-row .list-row-main>svg{color:var(--archived-row-ink)}.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(--border-cream);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:var(--text-secondary);display:grid;place-items:center;gap:2px;font-size:11px}.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(--border-cream);padding-bottom:12px}.view-intro h2{margin:2px 0 0;font-size:22px}.view-intro small,.view-intro>span{color:var(--text-secondary);font-size:12px}.tool-card,.empty-panel{background:var(--white);border:1px solid var(--border-cream);border-radius:var(--radius-card);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(--border-cream);background:var(--white);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:var(--white)}.danger-button{color:var(--danger);border-color:var(--danger-button-border-4)}.habit-list{display:grid;gap:10px}.tool-card h3{margin:0 0 4px}
+.list-drag-handle{width:44px;min-width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--list-drag-handle-ink);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:var(--surface-soft)}.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:var(--accent-ink);border-radius:var(--radius-control)}.list-row.list-reorder-target{box-shadow:inset 0 2px 0 var(--accent)}.sidebar-action-sheet .app-sheet__body button:disabled{opacity:.55;cursor:default}.sidebar-action-sheet{width:min(320px,calc(100vw - 24px));margin:var(--space-12);border:1px solid var(--border-cream);border-radius:var(--radius-panel);box-shadow:var(--highlight-inner),var(--shadow-raised);overflow:hidden}.sidebar-action-header.app-sheet__header{align-items:flex-start;min-height:64px;padding:var(--space-12) var(--space-14) var(--space-12)}.sidebar-action-header>div{min-width:0;display:grid;gap:2px}.sidebar-action-header 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:700;letter-spacing:.04em;color:var(--text-secondary)}.sidebar-action-body.app-sheet__body{gap:8px;padding:var(--space-10)}.sidebar-action-group{display:grid;gap:2px;padding:var(--space-6);border:1px solid var(--border-cream);border-radius:var(--radius-card);background:var(--surface-soft)}.sidebar-action-group button,.sidebar-action-danger 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:var(--radius-control);background:transparent;padding:0 var(--space-10);text-align:left}.sidebar-action-group button:hover:not(:disabled){background:var(--sidebar-action-group-bg)}.sidebar-action-group button span,.sidebar-action-danger button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-action-danger{border-top:1px solid var(--sidebar-action-danger-border);padding:var(--space-8) var(--space-6) var(--space-6);display:grid;gap:7px}.sidebar-action-danger>span{font-size:11px;line-height:1.4;color:var(--danger);padding:0 var(--space-4)}.sidebar-action-danger button.danger{color:var(--danger);background:var(--sidebar-action-danger-bg)}
+.list-editor-sheet{width:min(460px,calc(100vw - 24px));margin:var(--space-12);border:1px solid var(--border-cream);border-radius:var(--radius-panel);background:var(--surface-raised);box-shadow:var(--highlight-inner),var(--shadow-raised);overflow:hidden}@media(min-width:931px){.app-sheet-mask:has(.list-editor-sheet){place-items:center;padding:var(--space-24)}.app-sheet-mask:has(.list-editor-sheet) .list-editor-sheet{margin:0}}.list-editor-header.app-sheet__header{min-height:64px;padding:var(--space-10) var(--space-16) var(--space-10) var(--space-20)}.list-editor-header h2{margin:0;font-size:20px;letter-spacing:-.02em}.list-editor-form{display:grid;gap:17px;padding:var(--space-18) var(--space-20)}.list-editor-form>label{display:grid;gap:7px;color:var(--text-secondary);font-size:12px;font-weight:700}.list-editor-form input,.list-editor-form select{width:100%;min-height:46px;padding:0 var(--space-12)}.list-editor-form label>small{color:var(--text-secondary);font-size:11px;font-weight:400}.list-editor-error{margin:0;padding:var(--space-8) var(--space-10);border-radius:var(--radius-control);background:var(--error-wash);color:var(--danger);font-size:12px}.list-editor-danger{border-top:1px solid var(--border-cream);padding-top:var(--space-16);display:flex;align-items:center;justify-content:space-between;gap:16px}.list-editor-danger b,.list-editor-danger small{display:block}.list-editor-danger b{font-size:13px}.list-editor-danger small{margin-top:var(--space-4);color:var(--text-secondary);font-size:11px;line-height:1.45}.list-editor-danger .danger-button{flex:0 0 auto}.list-editor-footer.app-sheet__footer{position:static;padding:var(--space-12) var(--space-20) var(--space-16);background:var(--surface-soft)}.list-editor-footer .primary-small{min-width:100px}@media(max-width:930px){.list-editor-sheet{width:100%;max-width:100%}.list-editor-form{padding:var(--space-16)}.list-editor-danger{align-items:flex-start;flex-direction:column}.list-editor-danger .danger-button{width:100%;min-height:44px}.list-editor-footer.app-sheet__footer{padding:12px 17px calc(12px + env(safe-area-inset-bottom))}.list-editor-footer>button{min-height:44px;flex:1}}
+.archived-lists{position:relative;margin-top:var(--space-4)}.archived-lists-toggle{min-height:44px;width:100%;display:flex;align-items:center;gap:8px;border:0;border-radius:var(--radius-control);background:transparent;padding:0 var(--space-12);color:var(--text-secondary);text-align:left;font-size:12px;font-weight:600}.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:3px solid var(--focus-ring);outline-offset:2px}.archived-lists-toggle:disabled{cursor:default;color:var(--disabled-ink)}.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:var(--space-36);color:var(--text-secondary)}.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:var(--radius-control);background:transparent;color:var(--trigger-ink)}.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:var(--space-6);background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-control);box-shadow:var(--shadow-raised)}.archived-row-actions button{min-height:44px;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;padding:var(--space-8) var(--space-10);text-align:left;font-size:12px}.archived-row-actions button:hover{background:var(--archived-row-actions-bg)}.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}}
+.detail{min-width:0;border-left:1px solid var(--border-cream);background:var(--detail-bg);overflow:auto}.detail-head{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-20);border-bottom:1px solid var(--border-cream);font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.paper{margin:var(--space-20);padding:var(--space-28) var(--space-20);min-height:180px;background:var(--white);border:1px solid var(--border-cream);border-radius:var(--radius-control);box-shadow:0 4px 18px rgba(76,57,34,.05);display:grid;place-items:center;align-content:center;text-align:center;color:var(--text-secondary)}.paper svg{width:32px;height:32px;color:var(--paper-ink-2);margin-bottom:var(--space-12)}.paper b{color:var(--paper-ink)}.paper p{font-size:13px;line-height:1.6}.detail-form{min-width:0;grid-template-columns:minmax(0,1fr);padding:var(--space-18);display:grid;gap:12px}.detail-form>*{min-width:0}.detail-title{display:flex;align-items:flex-start;gap:10px}.detail-title .detail-task-check{width:44px;height:44px;flex:0 0 44px;margin-top:0}.detail-title textarea{flex:1;border:0;background:transparent;resize:none;outline:none;font-size:19px;line-height:1.4;font-weight:700}.detail-form>label{grid-template-columns:80px 1fr;align-items:center}.detail-form>label input,.detail-form>label select{padding:var(--space-8)}.task-detail-field-input{width:190px!important;max-width:100%;justify-self:end}.task-detail-due-input{padding-inline:var(--space-8)!important}.field{display:grid;gap:7px}.field-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:var(--text-secondary)}.hint{font-size:12px;color:var(--text-secondary)}.markdown-mode-switch{display:flex;background:var(--markdown-mode-switch-bg);padding:var(--space-2);border-radius:7px}.markdown-mode-switch button{min-height:30px;border:0;background:transparent;padding:var(--space-4) var(--space-8);border-radius:6px;font-size:11px}.markdown-mode-switch button.active{background:var(--white);color:var(--accent);box-shadow:0 1px 3px rgba(78,58,34,.08)}.markdown-editor-shell{min-width:0;border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--white);overflow:hidden}.markdown-toolbar{display:flex;align-items:center;gap:2px;overflow-x:auto;padding:var(--space-4);background:var(--markdown-toolbar-bg);border-bottom:1px solid var(--border-cream);scrollbar-width:none}.markdown-toolbar::-webkit-scrollbar{display:none}.markdown-toolbar button{min-width:44px;min-height:44px;flex:0 0 44px;border:0;border-radius:8px;background:transparent;color:var(--markdown-toolbar-ink);display:grid;place-items:center;padding:0}.markdown-toolbar button:hover{background:var(--white);color:var(--accent)}.markdown-toolbar button svg{width:16px;height:16px}.markdown-toolbar .markdown-codeblock{font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.markdown textarea{width:100%;min-height:180px;border:0;background:var(--white);border-radius:0;padding:var(--space-12);resize:vertical;outline:none;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.markdown textarea:focus{box-shadow:inset 0 0 0 2px rgba(241,90,41,.15)}.markdown-preview{min-height:180px;max-height:360px;overflow:auto;padding:var(--space-14) var(--space-14);background:var(--white);border:1px solid var(--border-cream);border-radius:var(--radius-control);color:var(--text-primary);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.markdown-preview-empty{color:var(--text-secondary);display:grid;place-items:center}.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{line-height:1.3;color:var(--text-primary)}.markdown-preview h1{margin:var(--space-4) 0 var(--space-12);font-size:21px}.markdown-preview h2{margin:var(--space-16) 0 var(--space-8);font-size:18px}.markdown-preview h3{margin:var(--space-14) 0 var(--space-8);font-size:16px}.markdown-preview p{margin:0 0 var(--space-10)}.markdown-preview ul,.markdown-preview ol{margin:var(--space-8) 0 var(--space-12);padding-left:var(--space-24)}.markdown-preview li{margin:var(--space-4) 0}.markdown-preview li>p{margin:0}.markdown-preview blockquote{margin:var(--space-10) 0;padding:var(--space-6) var(--space-12);border-left:3px solid var(--markdown-preview-border);background:var(--markdown-preview-bg-3);color:var(--markdown-preview-ink)}.markdown-preview code{background:var(--markdown-preview-bg-2);padding:var(--space-2) var(--space-4);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.markdown-preview pre{max-width:100%;overflow:auto;margin:var(--space-10) 0;padding:var(--space-12);background:var(--markdown-preview-bg);color:var(--code-ink);border:1px solid var(--markdown-preview-border-2);border-radius:var(--radius-control);font-size:12px;line-height:1.55}.markdown-preview pre code{padding:0;background:transparent;color:inherit}.markdown-preview a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.markdown-preview hr{border:0;border-top:1px solid var(--border-cream);margin:var(--space-16) 0}.markdown-preview>.contains-task-list{list-style:none;padding-left:var(--space-2)}.markdown-preview .contains-task-list .contains-task-list{padding-left:var(--space-24)}.markdown-preview .task-list-item{list-style:none;margin:var(--space-4) 0}.markdown-preview .task-list-item-checkbox{width:16px;height:16px;margin:0 var(--space-6) 0 0;vertical-align:-3px;accent-color:var(--accent)}.subtasks{display:grid;gap:5px}.subtask-detail{width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal;display:flex;align-items:center;gap:8px;border:0;background:var(--white);padding:var(--space-8);border-radius:7px;text-align:left}.subtask-detail .subtask-check{width:44px;height:44px;flex:0 0 44px;margin:-8px 0 -8px -8px;cursor:pointer;pointer-events:auto}.strike{text-decoration:line-through;color:var(--text-secondary)}.detail-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-10);border-top:1px solid var(--border-cream)}.secondary{border:1px solid var(--border-cream);background:var(--white);padding:var(--space-8) var(--space-10);border-radius:8px;font-weight:600}.danger-text{border:0;background:transparent;color:var(--danger);display:flex;align-items:center;gap:5px;font-size:12px}.danger-text svg{width:14px}
+.task-detail-due-row{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:10px;color:var(--text-secondary);font-size:12px;font-weight:600}.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(--text-secondary);font-size:11px;font-weight:400}.after-completion-fields{display:grid;gap:5px;padding:var(--space-10) var(--space-12);border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--surface-soft);color:var(--text-secondary);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(--border-cream);border-radius:8px;background:var(--white);padding:0 var(--space-10)}.after-completion-fields small{color:var(--text-secondary);line-height:1.5}.repeat-save{width:100%;min-height:44px}.repeat-custom-fields{display:grid;gap:10px;padding:var(--space-12);border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--surface-soft)}.repeat-custom-fields>div,.repeat-custom-fields>label{display:flex;align-items:center;gap:8px;color:var(--text-secondary);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(--border-cream);border-radius:8px;background:var(--white);padding:var(--space-6) var(--space-8)}.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(--border-cream);border-radius:50%;background:var(--white)}.weekday-picker input{position:absolute;opacity:0;pointer-events:none}.weekday-picker label:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--white)}.toast,.error-toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translateX(-50%);background:var(--surface-inverse);color:var(--white);border-radius:var(--radius-control);padding:var(--space-10) var(--space-14);box-shadow:var(--shadow-raised);font-size:13px}.error-toast{background:var(--danger);display:flex;align-items:center;gap:10px}.error-toast button{border:0;background:transparent;color:var(--white);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:var(--space-10);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){main{padding-inline:var(--space-24)}main.today-main>.topbar>.icon{left:24px}}
+@media(max-width:930px){.shell{height:100dvh;display:block;overflow:auto}.pane-resizer{display:none}.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-raised);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:var(--surface-raised);border:1px solid var(--border-cream);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:var(--surface-raised);border-bottom:1px solid var(--border-cream);padding:0 var(--space-18)}.detail-head .icon{display:grid;width:42px;height:42px;background:var(--accent-soft);color:var(--accent);border-radius:50%}.detail-form{padding:var(--space-18)}.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:var(--space-20) var(--space-16) 112px}main.today-main{padding-left:var(--space-28);padding-right:var(--space-28)}.topbar{grid-template-rows:auto auto;row-gap:0}.topbar h1{font-size:24px}.completed-filter-pill{min-width:138px;height:44px}.completed-filter-pill__track{width:36px;height:22px}.completed-filter-pill__thumb{width:18px;height:18px}.list-toolbar{height:auto;min-height:36px}.section-heading{margin:var(--space-12) 0 var(--space-8)}.empty{min-height:190px}.today-empty-panel{min-height:104px}.row-actions{position:static;opacity:1;pointer-events:auto}.row-actions button{padding:var(--space-6);min-height:44px}.list-row{padding:var(--space-6) var(--space-4)}.archived-row{padding:var(--space-8) var(--space-6);border:1px dashed var(--archived-row-border);border-radius:8px;color:var(--archived-ink);background:var(--archived-row-bg)}.archived-row .list-row-main{padding-left:var(--space-14)}.archived-row .list-row-main>svg{color:var(--archived-row-ink)}.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(--border-cream);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:var(--text-secondary);display:grid;place-items:center;gap:2px;font-size:11px}.bottom button.active{color:var(--accent);font-weight:700}.bottom svg{width:20px}.toast,.error-toast{bottom:142px}.task-row{padding-inline:var(--space-2)}.subtask{padding-left:var(--space-36)}.ghost{opacity:.45}}
+.mvp-view{display:grid;gap:16px;padding-bottom:var(--space-36)}.view-intro{display:block;border-bottom:1px dashed var(--border-cream);padding-bottom:var(--space-12)}.view-intro h2{margin:var(--space-2) 0 0;font-size:22px}.view-intro small,.view-intro>span{color:var(--text-secondary);font-size:12px}.tool-card,.empty-panel{background:var(--white);border:1px solid var(--border-cream);border-radius:var(--radius-card);padding:var(--space-16);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(--border-cream);background:var(--white);border-radius:8px;padding:var(--space-8) var(--space-10);font-size:12px}.soft-button svg,.file-button svg{width:15px}.primary-small{background:var(--accent);border-color:var(--accent);color:var(--white)}.danger-button{color:var(--danger);border-color:var(--danger-button-border-4)}.habit-list{display:grid;gap:10px}.tool-card h3{margin:0 0 var(--space-4)}
 
-.habit-row{border:0;--swipe-x:0px;display:flex;align-items:center;gap:8px;background:var(--white);border-radius:var(--radius-card);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}
+.habit-row{border:0;--swipe-x:0px;display:flex;align-items:center;gap:8px;background:var(--white);border-radius:var(--radius-card);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);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}
 .habit-row.done{background:var(--row-done-hover)}
 .habit-row.swipeable{touch-action:pan-y;transform:translate(var(--swipe-x),var(--reorder-y,0px))}
 .habit-row.swipeable:not([style*="0px"]){transition:none}
-.habit-main{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px;border:0;background:transparent;padding:11px 4px;text-align:left;border-radius:var(--radius-control)}
+.habit-main{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px;border:0;background:transparent;padding:var(--space-10) var(--space-4);text-align:left;border-radius:var(--radius-control)}
 .habit-name{font-size:15px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .habit-progress{margin-left:auto;flex:0 0 auto;font-size:16px;line-height:1;font-weight:800;color:var(--habit-progress-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
 .habit-progress-bar{grid-column:1/-1;width:100%;height:5px;border:0;border-radius:999px;overflow:hidden;background:var(--surface-sunken);appearance:none;-webkit-appearance:none}.habit-progress-bar::-webkit-progress-bar{background:var(--surface-sunken);border-radius:999px}.habit-progress-bar::-webkit-progress-value{background:var(--success);border-radius:999px;transition:width .2s ease}.habit-progress-bar::-moz-progress-bar{background:var(--success);border-radius:999px}
 .habit-row.done .habit-name{color:var(--text-secondary);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--habit-row-strike)}
-.habit-row .icon.ghost{color:var(--handle-ink);margin-left:4px}
+.habit-row .icon.ghost{color:var(--handle-ink);margin-left:var(--space-4)}
 .habit-row .icon.ghost:hover{color:var(--danger)}
 .numeric-habit>span:first-child{display:grid;gap:3px}.numeric-habit small{font-size:11px;color:var(--text-secondary)}
-.numeric-action{display:flex;gap:6px;align-items:center}.numeric-action input{width:74px;border:1px solid var(--border-cream);border-radius:8px;padding:7px;background:var(--white)}.numeric-action .soft-button{min-height:44px;padding:9px 12px}
-.habit-row>.icon.ghost{width:44px;height:44px;flex:0 0 44px}.habit-check{margin-left:-4px}.habit-row.done .habit-check .task-check-mark{background:var(--success);border-color:var(--success);color:var(--white)}.habit-detail-sheet{width:min(500px,100%);max-height:min(88dvh,760px);overflow:hidden;background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-panel);box-shadow:0 12px 36px rgba(56,40,24,.18);padding:18px;display:grid;gap:16px}.habit-detail-sheet header{display:flex;align-items:center;justify-content:space-between;gap:10px}.habit-detail-sheet header small{color:var(--text-secondary);font-size:11px}.habit-detail-sheet header h3{margin:2px 0 0;font-size:19px}.habit-detail-sheet header button{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center}.habit-detail-progress{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-block:1px solid var(--border-cream);font-size:12px;color:var(--text-secondary)}.habit-detail-progress strong{font-size:14px;color:var(--text-primary)}.habit-history{display:grid;gap:10px;min-width:0}.habit-history__header{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.habit-history__header h4{margin:0;font-size:14px}.habit-history__header small,.habit-history__end{color:var(--text-secondary);font-size:11px}.habit-history__list{list-style:none;margin:0;padding:0;border-block:1px solid var(--border-cream)}.habit-history__row{min-height:48px;display:grid;grid-template-columns:minmax(116px,1fr) minmax(84px,auto) 56px;align-items:center;gap:10px;border-bottom:1px solid var(--border-cream);font-size:12px}.habit-history__row:last-child{border-bottom:0}.habit-history__row time{color:var(--text-secondary)}.habit-history__value{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.habit-history__row small{text-align:right;color:var(--text-secondary)}.habit-history__row small.success{color:var(--success);font-weight:700}.habit-history__loading{display:grid;gap:8px}.habit-history__loading span{height:48px;border-radius:8px;background:var(--habit-history-loading-bg)}.habit-history__message,.habit-history__empty{min-height:64px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-secondary);font-size:12px}.habit-history__message .soft-button,.habit-history__more{min-height:44px}.habit-history__more{justify-self:center}.habit-history__end{text-align:center}.habit-detail-sheet footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.habit-detail-sheet .habit-delete-button{font-weight:700}
-.empty-panel{text-align:center;color:var(--text-secondary);display:grid;place-items:center;gap:10px}.today-empty-panel{min-height:130px}.empty-action{margin-top:4px;color:var(--empty-action-ink)}.empty-action svg{width:15px;height:15px}
+.numeric-action{display:flex;gap:6px;align-items:center}.numeric-action input{width:74px;border:1px solid var(--border-cream);border-radius:8px;padding:var(--space-6);background:var(--white)}.numeric-action .soft-button{min-height:44px;padding:var(--space-8) var(--space-12)}
+.habit-row>.icon.ghost{width:44px;height:44px;flex:0 0 44px}.habit-check{margin-left:-4px}.habit-row.done .habit-check .task-check-mark{background:var(--success);border-color:var(--success);color:var(--white)}.habit-detail-sheet{width:min(500px,100%);max-height:min(88dvh,760px);overflow:hidden;background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-panel);box-shadow:0 12px 36px rgba(56,40,24,.18);padding:var(--space-18);display:grid;gap:16px}.habit-detail-sheet header{display:flex;align-items:center;justify-content:space-between;gap:10px}.habit-detail-sheet header small{color:var(--text-secondary);font-size:11px}.habit-detail-sheet header h3{margin:var(--space-2) 0 0;font-size:19px}.habit-detail-sheet header button{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center}.habit-detail-progress{display:flex;justify-content:space-between;align-items:center;padding:var(--space-14) 0;border-block:1px solid var(--border-cream);font-size:12px;color:var(--text-secondary)}.habit-detail-progress strong{font-size:14px;color:var(--text-primary)}.habit-history{display:grid;gap:10px;min-width:0}.habit-history__header{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.habit-history__header h4{margin:0;font-size:14px}.habit-history__header small,.habit-history__end{color:var(--text-secondary);font-size:11px}.habit-history__list{list-style:none;margin:0;padding:0;border-block:1px solid var(--border-cream)}.habit-history__row{min-height:48px;display:grid;grid-template-columns:minmax(116px,1fr) minmax(84px,auto) 56px;align-items:center;gap:10px;border-bottom:1px solid var(--border-cream);font-size:12px}.habit-history__row:last-child{border-bottom:0}.habit-history__row time{color:var(--text-secondary)}.habit-history__value{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.habit-history__row small{text-align:right;color:var(--text-secondary)}.habit-history__row small.success{color:var(--success);font-weight:700}.habit-history__loading{display:grid;gap:8px}.habit-history__loading span{height:48px;border-radius:8px;background:var(--habit-history-loading-bg)}.habit-history__message,.habit-history__empty{min-height:64px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-secondary);font-size:12px}.habit-history__message .soft-button,.habit-history__more{min-height:44px}.habit-history__more{justify-self:center}.habit-history__end{text-align:center}.habit-detail-sheet footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.habit-detail-sheet .habit-delete-button{font-weight:700}
+.empty-panel{text-align:center;color:var(--text-secondary);display:grid;place-items:center;gap:10px}.today-empty-panel{min-height:130px}.empty-action{margin-top:var(--space-4);color:var(--empty-action-ink)}.empty-action svg{width:15px;height:15px}
 .field-error{display:block;color:var(--danger);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.habit-state-note{color:var(--text-secondary);font-size:11px}.habit-weekdays{min-width:0;border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.habit-weekdays legend{width:100%;font-size:12px;font-weight:600}.habit-weekdays label{min-height:44px;display:flex;align-items:center;gap:4px}.habit-compose-sheet input,.habit-compose-sheet select{max-width:100%}.task-check:disabled{cursor:not-allowed;opacity:.55}
-.settings-sections{width:min(100%,760px);margin:0 auto;display:grid;gap:16px}.settings-group{min-width:0;background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-card);box-shadow:var(--highlight-inner),var(--shadow-soft);overflow:hidden}.settings-group>header{padding:16px 18px}.settings-group>header h2{margin:0;font-size:18px}.settings-group>header p{margin:5px 0 0;color:var(--text-secondary);font-size:13px}.settings-row{min-height:56px;padding:6px 18px;border-top:1px solid var(--border-cream);display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.settings-row>span{min-width:0;flex:1;display:grid;gap:2px}.settings-row small,.settings-empty{color:var(--text-secondary);font-size:12px;overflow-wrap:anywhere}.settings-row button,.settings-row .file-button,.settings-row select{min-height:44px;flex:0 0 auto}.settings-form{padding:0 18px 18px}.backup-preflight{margin:0 18px 18px;padding:14px;border:1px solid var(--backup-preflight-border);border-radius:var(--radius-control);background:var(--backup-preflight-bg)}.backup-preflight.invalid{background:var(--error-wash);border-color:var(--backup-preflight-border-2)}.restore-replace-warning{color:var(--danger);font-weight:600}.backup-preflight dl{display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 0}.backup-preflight dl div{display:flex;gap:5px}.backup-preflight dt{color:var(--text-secondary)}.backup-preflight dd{margin:0;font-weight:700}.backup-preflight ul{margin:8px 0;padding-left:20px}.backup-preflight .danger-button{min-height:44px}.settings-empty{margin:0;padding:12px 18px;border-top:1px solid var(--border-cream)}
-.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.tool-card>h2{margin:0;font-size:1.17em}.tool-card>svg{color:var(--accent);width:25px;height:25px}.tool-card p{margin:0;color:var(--text-secondary);font-size:13px}.tool-card.wide{grid-column:1/-1}.session-card-actions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.session-card-actions p{min-width:0}.session-revoke-all{min-height:44px;flex:0 0 auto}.password-form{width:100%;display:grid;gap:10px}.password-form label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.password-form input{width:100%;border:1px solid var(--border-cream);background:var(--white);border-radius:var(--radius-control);padding:11px 12px;outline:none}.password-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(241,90,41,.1)}.password-form button{justify-self:start}.file-button input{display:none}.tool-card pre{width:100%;max-height:180px;overflow:auto;background:var(--surface-page);padding:10px;border-radius:8px;font-size:11px}.session-row,.audit-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border-cream);padding:9px 0}.session-copy{min-width:0;flex:1;display:grid}.session-title{line-height:1.4}.session-meta{min-width:0;display:flex;flex-wrap:wrap;align-items:center;line-height:1.45}.session-device{min-width:0;overflow-wrap:anywhere}.session-revoke{min-width:44px;min-height:44px;flex:0 0 auto;justify-content:center}.audit-copy{min-width:0;display:grid;gap:2px}.audit-action{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.session-row small,.audit-row time{color:var(--text-secondary);font-size:11px}.inline-error{padding:9px;border-radius:8px;color:var(--danger);background:var(--inline-error-bg)}.settings.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}
-@media(max-width:930px){.task-row,.habit-row,.countdown-row{min-height:62px;background:var(--white);border:1px solid var(--border-cream);border-radius:13px;box-shadow:none}.task-list,.habit-list,.countdown-timeline{display:grid;gap:8px}.task-row{padding:4px 7px}.task-row:hover,.task-row.selected{background:var(--row-done-hover)}.habit-row{padding:4px 7px}.countdown-row,.countdown-row:first-of-type{border:1px solid var(--border-cream)}.countdown-row{grid-template-columns:minmax(0,1fr) 72px;padding:8px 9px;gap:8px}.task-main strong,.habit-name,.countdown-main>b{font-size:14px;font-weight:600}.meta,.countdown-main>small,.countdown-state small{font-size:11px;color:var(--text-secondary)}.habit-progress{font-size:16px}.task-check{width:44px;flex-basis:44px}.countdown-icon{width:36px;height:36px;border-radius:var(--radius-control)}.countdown-state strong{font-size:24px}.countdown-group{gap:8px}.countdown-group>h3{padding-left:3px}.habit-detail-sheet{width:100%;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}}
-@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.tool-card.wide{grid-column:auto}.habit-main{padding:4px 2px;gap:4px 10px}.numeric-action input{width:62px}}
-@media(max-width:390px){.task-compose-sheet{width:100%;max-width:100%;overflow-x:hidden}.task-compose-sheet .app-sheet__header>button{min-width:44px;min-height:44px}.task-compose-sheet input,.task-compose-sheet select,.task-compose-sheet button{min-height:44px}.task-compose-date-clear,.task-compose-time-remove{min-width:44px;min-height:44px}.task-compose-sheet .app-sheet__footer>button{min-height:44px}.habit-detail-sheet,.habit-compose-sheet{width:100%;max-width:100%}.habit-detail-sheet .app-sheet__header>button,.habit-compose-sheet .app-sheet__header>button{min-width:44px;min-height:44px}.habit-detail-sheet .app-sheet__footer>button,.habit-detail-sheet .app-sheet__danger>button,.habit-compose-sheet .app-sheet__footer>button{min-height:44px}.habit-history__row{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:7px 0}.habit-history__row time{grid-column:1/-1}.habit-history__row small{grid-column:2;text-align:right}.habit-history__value{grid-column:1;grid-row:2;text-align:left}.habit-history__message{align-items:flex-start;flex-direction:column}}
-.unified-fab{display:grid;place-items:center;position:fixed;z-index:60;right:20px;bottom:22px;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--white);box-shadow:0 8px 20px rgba(241,90,41,.28);transition:left .2s cubic-bezier(.2,.8,.3,1),top .2s cubic-bezier(.2,.8,.3,1),transform .16s ease,box-shadow .16s ease;touch-action:none;user-select:none}.unified-fab>svg{width:25px;height:25px}.unified-fab:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.unified-fab:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(241,90,41,.32)}.unified-fab:active:not(.dragging){transform:scale(.96)}.unified-fab.dragging{transform:scale(1.06);box-shadow:0 12px 28px rgba(241,90,41,.36);transition:transform .16s ease,box-shadow .16s ease}.unified-fab.snapping{box-shadow:0 10px 24px rgba(241,90,41,.32)}.app-overlay{position:fixed;inset:0;z-index:80;display:grid}.app-sheet-mask.app-sheet-mask{background:var(--scrim);overscroll-behavior:contain}.app-overlay>.detail{transform:none}.app-sheet{min-height:0;overflow:hidden;background:var(--surface-raised)}.app-sheet__header{min-height:64px;flex:0 0 64px;position:sticky;z-index:3;top:0;background:var(--surface-raised);border-bottom:1px solid var(--border-cream);padding:0 18px}.app-sheet__header>div{min-width:0}.app-sheet__header h2,.app-sheet__header h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sheet__header>button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--radius-control)}.app-sheet__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;gap:14px;padding:16px 18px}.app-sheet__footer{position:sticky;bottom:0;z-index:3;margin:0;background:var(--surface-raised);border-top:1px solid var(--border-cream);padding:12px 18px;padding-bottom:calc(16px + env(safe-area-inset-bottom));display:flex;justify-content:flex-end;gap:8px}.app-sheet__danger{border-top:1px solid var(--app-sheet-danger-border);background:var(--sheet-danger-bg);padding:12px 18px;padding-bottom:calc(16px + env(safe-area-inset-bottom));display:flex;justify-content:flex-end}.app-sheet--actions .app-sheet__body{gap:6px;padding:8px 16px calc(16px + env(safe-area-inset-bottom))}.app-sheet--actions .app-sheet__body>button{min-height:50px;width:100%;display:flex;align-items:center;gap:12px;border:0;background:var(--white);padding:13px;border-radius:var(--radius-control);text-align:left}
+.settings-sections{width:min(100%,760px);margin:0 auto;display:grid;gap:16px}.settings-group{min-width:0;background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-card);box-shadow:var(--highlight-inner),var(--shadow-soft);overflow:hidden}.settings-group>header{padding:var(--space-16) var(--space-18)}.settings-group>header h2{margin:0;font-size:18px}.settings-group>header p{margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:13px}.settings-row{min-height:56px;padding:var(--space-6) var(--space-18);border-top:1px solid var(--border-cream);display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.settings-row>span{min-width:0;flex:1;display:grid;gap:2px}.settings-row small,.settings-empty{color:var(--text-secondary);font-size:12px;overflow-wrap:anywhere}.settings-row button,.settings-row .file-button,.settings-row select{min-height:44px;flex:0 0 auto}.settings-form{padding:0 var(--space-18) var(--space-18)}.backup-preflight{margin:0 var(--space-18) var(--space-18);padding:var(--space-14);border:1px solid var(--backup-preflight-border);border-radius:var(--radius-control);background:var(--backup-preflight-bg)}.backup-preflight.invalid{background:var(--error-wash);border-color:var(--backup-preflight-border-2)}.restore-replace-warning{color:var(--danger);font-weight:600}.backup-preflight dl{display:flex;flex-wrap:wrap;gap:8px 18px;margin:var(--space-10) 0}.backup-preflight dl div{display:flex;gap:5px}.backup-preflight dt{color:var(--text-secondary)}.backup-preflight dd{margin:0;font-weight:700}.backup-preflight ul{margin:var(--space-8) 0;padding-left:var(--space-20)}.backup-preflight .danger-button{min-height:44px}.settings-empty{margin:0;padding:var(--space-12) var(--space-18);border-top:1px solid var(--border-cream)}
+.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.tool-card>h2{margin:0;font-size:1.17em}.tool-card>svg{color:var(--accent);width:25px;height:25px}.tool-card p{margin:0;color:var(--text-secondary);font-size:13px}.tool-card.wide{grid-column:1/-1}.session-card-actions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.session-card-actions p{min-width:0}.session-revoke-all{min-height:44px;flex:0 0 auto}.password-form{width:100%;display:grid;gap:10px}.password-form label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.password-form input{width:100%;border:1px solid var(--border-cream);background:var(--white);border-radius:var(--radius-control);padding:var(--space-10) var(--space-12);outline:none}.password-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(241,90,41,.1)}.password-form button{justify-self:start}.file-button input{display:none}.tool-card pre{width:100%;max-height:180px;overflow:auto;background:var(--surface-page);padding:var(--space-10);border-radius:8px;font-size:11px}.session-row,.audit-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border-cream);padding:var(--space-8) 0}.session-copy{min-width:0;flex:1;display:grid}.session-title{line-height:1.4}.session-meta{min-width:0;display:flex;flex-wrap:wrap;align-items:center;line-height:1.45}.session-device{min-width:0;overflow-wrap:anywhere}.session-revoke{min-width:44px;min-height:44px;flex:0 0 auto;justify-content:center}.audit-copy{min-width:0;display:grid;gap:2px}.audit-action{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.session-row small,.audit-row time{color:var(--text-secondary);font-size:11px}.inline-error{padding:var(--space-8);border-radius:8px;color:var(--danger);background:var(--inline-error-bg)}.settings.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}
+@media(max-width:930px){.task-row,.habit-row,.countdown-row{min-height:62px;background:var(--white);border:1px solid var(--border-cream);border-radius:13px;box-shadow:none}.task-list,.habit-list,.countdown-timeline{display:grid;gap:8px}.task-row{padding:var(--space-4) var(--space-6)}.task-row:hover,.task-row.selected{background:var(--row-done-hover)}.habit-row{padding:var(--space-4) var(--space-6)}.countdown-row,.countdown-row:first-of-type{border:1px solid var(--border-cream)}.countdown-row{grid-template-columns:minmax(0,1fr) 72px;padding:var(--space-8) var(--space-8);gap:8px}.task-main strong,.habit-name,.countdown-main>b{font-size:14px;font-weight:600}.meta,.countdown-main>small,.countdown-state small{font-size:11px;color:var(--text-secondary)}.habit-progress{font-size:16px}.task-check{width:44px;flex-basis:44px}.countdown-icon{width:36px;height:36px;border-radius:var(--radius-control)}.countdown-state strong{font-size:24px}.countdown-group{gap:8px}.countdown-group>h3{padding-left:var(--space-2)}.habit-detail-sheet{width:100%;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}}
+@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.tool-card.wide{grid-column:auto}.habit-main{padding:var(--space-4) var(--space-2);gap:4px 10px}.numeric-action input{width:62px}}
+@media(max-width:390px){.task-compose-sheet{width:100%;max-width:100%;overflow-x:hidden}.task-compose-sheet .app-sheet__header>button{min-width:44px;min-height:44px}.task-compose-sheet input,.task-compose-sheet select,.task-compose-sheet button{min-height:44px}.task-compose-date-clear,.task-compose-time-remove{min-width:44px;min-height:44px}.task-compose-sheet .app-sheet__footer>button{min-height:44px}.habit-detail-sheet,.habit-compose-sheet{width:100%;max-width:100%}.habit-detail-sheet .app-sheet__header>button,.habit-compose-sheet .app-sheet__header>button{min-width:44px;min-height:44px}.habit-detail-sheet .app-sheet__footer>button,.habit-detail-sheet .app-sheet__danger>button,.habit-compose-sheet .app-sheet__footer>button{min-height:44px}.habit-history__row{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:var(--space-6) 0}.habit-history__row time{grid-column:1/-1}.habit-history__row small{grid-column:2;text-align:right}.habit-history__value{grid-column:1;grid-row:2;text-align:left}.habit-history__message{align-items:flex-start;flex-direction:column}}
+.unified-fab{display:grid;place-items:center;position:fixed;z-index:60;right:20px;bottom:22px;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--white);box-shadow:0 8px 20px rgba(241,90,41,.28);transition:left .2s cubic-bezier(.2,.8,.3,1),top .2s cubic-bezier(.2,.8,.3,1),transform .16s ease,box-shadow .16s ease;touch-action:none;user-select:none}.unified-fab>svg{width:25px;height:25px}.unified-fab:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.unified-fab:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(241,90,41,.32)}.unified-fab:active:not(.dragging){transform:scale(.96)}.unified-fab.dragging{transform:scale(1.06);box-shadow:0 12px 28px rgba(241,90,41,.36);transition:transform .16s ease,box-shadow .16s ease}.unified-fab.snapping{box-shadow:0 10px 24px rgba(241,90,41,.32)}.app-overlay{position:fixed;inset:0;z-index:80;display:grid}.app-sheet-mask.app-sheet-mask{background:var(--scrim);overscroll-behavior:contain}.app-overlay>.detail{transform:none}.app-sheet{min-height:0;overflow:hidden;background:var(--surface-raised)}.app-sheet__header{min-height:64px;flex:0 0 64px;position:sticky;z-index:3;top:0;background:var(--surface-raised);border-bottom:1px solid var(--border-cream);padding:0 var(--space-18)}.app-sheet__header>div{min-width:0}.app-sheet__header h2,.app-sheet__header h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sheet__header>button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--radius-control)}.app-sheet__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;gap:14px;padding:var(--space-16) var(--space-18)}.app-sheet__footer{position:sticky;bottom:0;z-index:3;margin:0;background:var(--surface-raised);border-top:1px solid var(--border-cream);padding:var(--space-12) var(--space-18);padding-bottom:calc(16px + env(safe-area-inset-bottom));display:flex;justify-content:flex-end;gap:8px}.app-sheet__danger{border-top:1px solid var(--app-sheet-danger-border);background:var(--sheet-danger-bg);padding:var(--space-12) var(--space-18);padding-bottom:calc(16px + env(safe-area-inset-bottom));display:flex;justify-content:flex-end}.app-sheet--actions .app-sheet__body{gap:6px;padding:8px 16px calc(16px + env(safe-area-inset-bottom))}.app-sheet--actions .app-sheet__body>button{min-height:50px;width:100%;display:flex;align-items:center;gap:12px;border:0;background:var(--white);padding:var(--space-12);border-radius:var(--radius-control);text-align:left}
 @media(max-width:930px){.app-sheet{width:100%;max-height:min(88dvh,760px);display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:var(--radius-panel) var(--radius-panel) 0 0!important;padding:0!important}.app-sheet--detail,.app-sheet--create{max-width:none!important}.app-sheet-mask{padding:0!important;place-items:end center!important;align-items:flex-end!important}.app-sheet__header{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%}.app-sheet__body{width:100%;flex:1 1 auto}.app-sheet__body label{display:grid;gap:6px}.app-sheet__footer{width:100%;flex:0 0 auto}.app-sheet__footer .primary-small{min-width:124px}.app-sheet__danger{width:100%;flex:0 0 auto}.app-sheet__danger .danger-text{width:100%;min-height:48px;justify-content:center}}
 
-.calendar-picker-layer{position:fixed;z-index:90;inset:0;pointer-events:none}.calendar-picker{position:fixed;width:328px;background:var(--surface-raised);border:1px solid var(--calendar-picker-border);border-radius:var(--radius-panel);box-shadow:0 18px 46px rgba(56,40,24,.2);padding:14px;display:grid;gap:10px;pointer-events:auto;color:var(--text-primary)}.calendar-picker__header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:4px}.calendar-picker__header h3{margin:0;text-align:center;font-size:16px}.calendar-picker__header button,.calendar-picker__grid button{border:0;background:transparent;display:grid;place-items:center}.calendar-picker__header button{width:40px;height:40px;border-radius:var(--radius-control)}.calendar-picker__header svg{width:18px}.calendar-picker__close{display:none!important}.calendar-picker__weekdays,.calendar-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-picker__weekdays span{text-align:center;color:var(--text-secondary);font-size:11px;padding:3px 0}.calendar-picker__grid button{height:34px;border-radius:var(--radius-control);color:var(--calendar-picker-grid-ink);font-size:13px}.calendar-picker__grid button:hover,.calendar-picker__grid button:focus-visible{background:var(--picker-day-hover);outline:2px solid transparent}.calendar-picker__grid button.outside{color:var(--text-secondary)}.calendar-picker__grid button.today{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-ink)}.calendar-picker__grid button.selected{background:var(--accent);color:var(--white)}.calendar-picker__grid button.selected.today{box-shadow:inset 0 0 0 1px var(--white)}.calendar-picker__footer{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:4px;border-top:1px solid var(--border-hairline);padding-top:10px}.calendar-picker__footer button{min-height:36px;border:0;background:transparent;border-radius:var(--radius-control);padding:0 9px;color:var(--calendar-picker-footer-ink);font-weight:600}.calendar-picker__footer button:hover{background:var(--picker-day-hover)}.calendar-picker__footer .calendar-picker__done{background:var(--accent);color:var(--white)}.calendar-picker__footer .calendar-picker__done:hover{background:var(--calendar-picker-footer-bg)}@media(max-width:600px){.calendar-picker-layer{pointer-events:auto;background:rgba(45,38,31,.3);display:flex;align-items:flex-end}.calendar-picker{position:relative!important;left:auto!important;top:auto!important;width:100%;height:min(520px,72dvh);border-width:1px 0 0;border-radius:24px 24px 0 0;padding:18px 18px calc(16px + env(safe-area-inset-bottom));grid-template-rows:auto auto 1fr auto}.calendar-picker__header{grid-template-columns:44px 1fr 44px 44px}.calendar-picker__close{display:grid!important}.calendar-picker__grid{align-content:stretch}.calendar-picker__grid button{height:auto;min-height:42px}.calendar-picker__footer button{min-height:44px}}.task-compose-sheet{width:100%;max-height:min(88dvh,720px);overflow:auto;background:var(--surface-raised);border-radius:24px 24px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -16px 42px rgba(56,40,24,.2);display:grid;gap:14px;transform-origin:var(--fab-origin-x,calc(100% - 44px)) var(--fab-origin-y,100%)}@media(min-width:931px){.task-compose-sheet:not(.habit-compose-sheet){width:min(560px,calc(100vw - 48px));height:min(520px,82dvh);max-height:none;padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden}.app-sheet-mask:has(>.task-compose-sheet:not(.habit-compose-sheet)){place-items:center;padding:24px}}.task-compose-sheet header{display:flex;align-items:center;justify-content:space-between}.task-compose-sheet header small{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em}.task-compose-sheet h2{margin:2px 0 0;font-size:22px}.task-compose-sheet label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.task-compose-sheet input,.task-compose-sheet select,.task-compose-sheet textarea{width:100%;border:1px solid var(--border-cream);background:var(--white);border-radius:var(--radius-control);padding:12px;outline:none;resize:vertical}.task-compose-sheet input:focus,.task-compose-sheet select:focus,.task-compose-sheet textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(241,90,41,.1)}.task-compose-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:10px}.task-compose-date-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.task-compose-date-control{position:relative;display:flex;align-items:center;min-width:0}.task-compose-date-chip{position:relative;display:inline-flex!important;grid-template-columns:none!important;align-items:center;flex-direction:row!important;gap:7px!important;width:auto;min-height:44px;padding:0 12px;border:1px solid var(--border-cream);border-radius:999px;background:var(--row-hover);color:var(--task-compose-date-chip-ink)!important;font-size:13px!important;font-weight:700!important;overflow:hidden;cursor:pointer}.task-compose-date-chip.selected{border-color:var(--task-compose-date-chip-border);background:var(--accent-soft);color:var(--accent-ink)!important}.task-compose-date-chip svg{width:16px;height:16px;flex:none}.task-compose-date-clear{display:grid;place-items:center;width:34px;height:34px;margin-left:2px;border:0;border-radius:50%;background:transparent;color:var(--text-secondary)}.task-compose-date-clear:hover{background:var(--chip-clear-hover);color:var(--text-primary)}.task-compose-date-clear svg{width:15px;height:15px}.task-compose-time-add{min-width:0;height:40px;padding:0 13px;border:1px dashed var(--task-compose-time-add-border);border-radius:999px;background:transparent;color:var(--accent);font-weight:700}.task-compose-time-add:hover{border-color:var(--accent);background:var(--task-compose-time-add-bg)}.task-compose-time-chip{display:inline-flex!important;grid-template-columns:none!important;align-items:center;flex-direction:row!important;gap:5px!important;width:auto;color:var(--text-secondary)!important;font-size:12px!important}.task-compose-time-chip input{width:102px!important;min-width:0;padding:9px 8px!important;border-radius:999px!important}.task-compose-time-remove{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--text-secondary)}.task-compose-time-remove:hover{background:var(--chip-clear-hover);color:var(--text-primary)}.task-compose-time-remove svg{width:15px;height:15px}.task-compose-sheet footer{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}.task-compose-sheet button:disabled{cursor:not-allowed}@media(max-width:930px){.unified-fab{bottom:calc(82px + env(safe-area-inset-bottom))}}@media(max-width:930px){.today-filtered-empty-note{min-height:44px;padding:0 4px 0 12px}.today-filtered-empty-note>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){.unified-fab{animation:none!important;transition:none!important}.unified-fab:hover,.unified-fab:active{transform:none!important}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
-.overdue-section{margin-top:18px}.overdue-heading{color:var(--danger);margin-bottom:6px}.overdue-heading span{min-width:22px;height:22px;padding:0 7px;display:inline-grid;place-items:center;border-radius:999px;background:var(--overdue-chip-bg);color:var(--danger);font-size:11px}.overdue-list{margin-bottom:18px}.overdue-task{background:var(--sheet-danger-bg)}.task-tail{flex:0 1 auto;min-width:0;max-width:42%;display:flex;justify-content:flex-end;text-align:right;white-space:nowrap}.task-actions{display:flex;align-items:center;flex:0 0 auto}.task-row>.drag-handle,.task-row>.task-check,.task-actions>*{flex-shrink:0}.task-due{min-width:0;display:inline-flex;justify-content:flex-end;align-items:center}.task-due__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.task-due--overdue{color:var(--danger)}.task-due--neutral,.task-due--completed{color:var(--text-secondary)}.task-due--completed{opacity:.8}.pager{min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:8px 0 14px;border-top:1px solid var(--border-hairline);background:transparent}.pager-button{min-width:0;min-height:44px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--accent-ink);font-size:13px;font-weight:600;box-shadow:none;transition:transform .14s ease,background-color .14s ease,color .14s ease}.pager-button svg{width:16px;height:16px;stroke-width:2}.pager-button:hover:not(:disabled){background:var(--pager-button-bg-2)}.pager-button:active:not(:disabled){transform:translateY(1px);background:var(--pager-button-bg)}.pager-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.pager-button:disabled{cursor:not-allowed;background:transparent;color:var(--pager-button-ink)}.pager-button--previous{justify-self:stretch}.pager-button--next{justify-self:stretch}.pager-status{min-width:72px;display:grid;justify-items:center;gap:1px;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.pager-status strong{color:var(--text-strong);font-size:13px;line-height:1.2}.pager-status span{color:var(--text-secondary);font-size:11px;line-height:1.2}.section-heading{display:flex;align-items:center;gap:7px;margin:16px 0 10px;font-size:16px;line-height:1.35;color:var(--text-strong)}.section-heading svg{width:17px;height:17px;color:var(--accent)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.more-settings{border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--white)}.more-settings summary{cursor:pointer;padding:11px 13px;color:var(--text-secondary);font-size:12px;font-weight:700}.more-settings-body{display:grid;gap:12px;padding:0 13px 13px}.more-settings-body>label{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:7px;color:var(--text-secondary);font-size:12px;font-weight:600}.modal-input{width:100%;border:1px solid var(--border-cream);background:var(--white);padding:11px;border-radius:var(--radius-control);outline:none;font-size:16px}.purge-list-dialog{width:min(430px,92vw)}.purge-list-dialog p{margin:0;color:var(--text-secondary);line-height:1.65}.purge-list-dialog button{min-height:44px;min-width:88px}.purge-list-dialog button:disabled{cursor:not-allowed}.purge-list-error{padding:10px 12px;border-radius:var(--radius-control);background:var(--purge-list-error-bg)!important;color:var(--danger)!important;font-weight:600}.countdown-view{display:grid;gap:16px;padding-bottom:36px}.countdown-content{display:grid;gap:12px}.countdown-summary{display:block;color:var(--text-secondary);font-size:12px;margin-top:-12px}.countdown-layout{display:grid;gap:22px;align-items:start}.countdown-timeline{display:grid;gap:20px;max-width:820px;width:100%;margin:0 auto}.countdown-group{display:grid;gap:2px}.countdown-group>h3{margin:0 0 7px;padding-left:12px;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.08em}.countdown-row{--countdown-tone:#d9a17c;position:relative;width:100%;min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--border-cream);border-radius:0;background:transparent;padding:9px 10px 9px 17px;text-align:left;color:inherit;transition:background .15s ease,transform .15s ease}.countdown-row:before{content:'';position:absolute;left:3px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--countdown-tone);transform:translateY(-50%)}.countdown-row:first-of-type{border-top:1px solid var(--border-cream)}.countdown-row:hover{background:var(--row-hover)}.countdown-row:active{transform:scale(.995)}.countdown-row.kind-anniversary{--countdown-tone:#b69b7d}.countdown-row.kind-birthday{--countdown-tone:#9cab8d}.countdown-row.today{--countdown-tone:#71856b}.countdown-row.past{--countdown-tone:#aaa094;opacity:.66}.countdown-main{min-width:0;display:grid;gap:4px}.countdown-main>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:var(--text-primary)}.countdown-main>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:11px}.countdown-badges{display:flex;gap:5px}.countdown-badges em{font-style:normal;color:var(--text-secondary);font-size:11px}.countdown-badges em+em:before{content:'·';margin-right:5px;color:var(--badge-sep)}.countdown-state{display:grid;justify-items:end;gap:3px}.countdown-state strong{font-variant-numeric:tabular-nums;font-size:26px;line-height:1;color:var(--countdown-state-ink)}.countdown-state small{color:var(--text-secondary);font-size:11px}.countdown-row.today .countdown-state strong,.countdown-row.today .countdown-state small{color:var(--success)}.countdown-row.past .countdown-state strong{color:var(--text-secondary)}.countdown-focus{--countdown-tone:#d9a17c;width:min(720px,100%);min-height:140px;margin:0 auto;display:grid;place-content:center;justify-items:center;gap:4px;border:1px solid color-mix(in srgb,var(--countdown-tone) 34%,var(--border-cream));border-radius:var(--radius-card);background:color-mix(in srgb,var(--countdown-tone) 7%,var(--surface-raised));padding:16px 24px;text-align:center;color:inherit;box-shadow:none;transition:border-color .15s ease,background .15s ease}.countdown-focus:hover{border-color:color-mix(in srgb,var(--countdown-tone) 54%,var(--border-cream));background:color-mix(in srgb,var(--countdown-tone) 10%,var(--surface-raised))}.countdown-focus.kind-anniversary{--countdown-tone:#b69b7d}.countdown-focus.kind-birthday{--countdown-tone:#9cab8d}.countdown-focus>small{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.1em}.countdown-focus h3{margin:7px 0 0;font-size:20px;font-weight:700}.countdown-focus p{margin:1px 0 0;color:var(--text-secondary);font-size:11px}.countdown-number{display:flex;align-items:end;gap:6px;margin:4px 0 3px}.countdown-number strong{font-variant-numeric:tabular-nums;font-size:64px;line-height:.9;font-weight:700;letter-spacing:-.05em;color:var(--text-primary)}.countdown-number span{font-size:13px;color:var(--text-secondary);padding-bottom:6px}.countdown-copy{font-size:12px;color:var(--countdown-copy-ink);font-weight:600}.countdown-empty{min-height:260px;background:var(--surface-raised);border:1px dashed var(--border-cream);border-radius:var(--radius-card);padding:26px;color:var(--text-secondary);text-align:center;display:grid;gap:9px;place-content:center;justify-items:center}.countdown-empty svg{color:var(--accent);width:30px;height:30px}.countdown-empty span{font-size:12px}.countdown-empty button{margin-top:5px}.archived-toggle,.archived-countdowns button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-cream);background:var(--white);border-radius:var(--radius-control);padding:8px 11px;font-size:12px}.archived-toggle{justify-self:start;min-height:44px}.archived-countdowns{display:grid;gap:0;border:1px solid var(--border-cream);border-radius:var(--radius-list);overflow:hidden;background:var(--surface-raised)}.archived-countdowns article{min-height:60px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;background:var(--surface-raised);border:0;padding:6px 10px}.archived-countdowns article+article{border-top:1px solid var(--border-cream)}.archived-countdowns article>span{min-width:0;display:grid;gap:2px}.archived-countdowns article b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archived-countdowns article small{color:var(--text-secondary)}.archived-countdowns article button{min-width:44px;min-height:44px;justify-content:center}.countdown-pinned-mark{color:var(--text-secondary);font-size:11px;font-weight:500}.countdown-detail-sheet{width:min(500px,100%);background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-panel);box-shadow:0 12px 36px rgba(56,40,24,.18);padding:18px;display:grid;gap:16px}.countdown-detail-sheet header{display:grid;grid-template-columns:42px 1fr 44px;align-items:center;gap:10px}.countdown-detail-sheet header small{color:var(--text-secondary);font-size:11px}.countdown-detail-sheet header h3{margin:2px 0 0;font-size:19px}.countdown-detail-sheet header button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--text-secondary);border-radius:8px;width:44px;height:44px;display:grid;place-items:center}.countdown-modal header button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--text-secondary);border-radius:8px;width:44px;height:44px;display:grid;place-items:center}.countdown-detail-days{display:flex;align-items:baseline;gap:6px;padding:8px 0}.countdown-detail-days strong{font-variant-numeric:tabular-nums;font-size:46px;line-height:1}.countdown-detail-days span{color:var(--text-secondary)}.countdown-detail-days b{margin-left:auto;color:var(--accent);font-size:13px}.countdown-detail-sheet dl{margin:0;display:grid;gap:1px;background:var(--border-cream)}.countdown-detail-sheet dl div{display:grid;grid-template-columns:62px 1fr;gap:10px;background:var(--surface-raised);padding:10px 0}.countdown-detail-sheet dt{color:var(--text-secondary);font-size:12px}.countdown-detail-sheet dd{margin:0;font-size:13px}.countdown-detail-sheet footer{display:flex;justify-content:flex-end;gap:8px}.countdown-detail-sheet footer button{min-height:44px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-cream);background:var(--white);border-radius:var(--radius-control);padding:9px 13px}.countdown-modal{width:min(420px,96vw);background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-panel);box-shadow:var(--shadow-raised);padding:18px;display:grid;gap:12px}.countdown-modal header{display:flex;justify-content:space-between;align-items:start}.countdown-modal header small{color:var(--text-secondary)}.countdown-modal header h3{margin:2px 0 0}.countdown-modal label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.countdown-modal input,.countdown-modal select{border:1px solid var(--border-cream);background:var(--white);border-radius:var(--radius-control);padding:11px 12px;outline:none}.countdown-modal input:focus,.countdown-modal select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(241,90,41,.1)}.countdown-title-fields{display:grid;grid-template-columns:72px 1fr;gap:8px}.countdown-modal footer{display:flex;justify-content:flex-end;gap:8px;padding-top:6px}.countdown-advanced{border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--surface-soft)}.countdown-advanced summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer;color:var(--text-secondary);font-size:12px;font-weight:700;list-style:none}.countdown-advanced summary::-webkit-details-marker{display:none}.countdown-advanced summary svg{width:16px;height:16px;transition:transform .16s ease}.countdown-advanced[open] summary svg{transform:rotate(180deg)}.countdown-advanced>label,.countdown-advanced>.countdown-title-fields{margin:0 12px 12px}@media(max-width:930px){.countdown-layout{grid-template-columns:1fr;gap:16px}.countdown-focus{display:grid;min-height:140px;padding:14px 16px}.countdown-number strong{font-size:64px}.countdown-timeline{gap:16px}}@media(max-width:800px){.countdown-hero{align-items:center}.countdown-hero h2{font-size:19px}.countdown-row{grid-template-columns:minmax(0,1fr) 72px;padding:9px 4px;gap:9px}.countdown-state strong{font-size:25px}.countdown-detail-sheet,.countdown-modal{width:100%;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:min(88dvh,760px);overflow:auto}.countdown-view{position:relative}}
-@media(max-width:930px){.task-tail{flex:0 1 auto;max-width:132px;align-self:stretch;align-items:center;overflow:hidden}.task-tail:has(.task-due--timed){flex:0 1 76px;max-width:76px}.task-due{max-width:100%;overflow:hidden}.task-due--timed .task-due__text{display:grid;justify-items:end;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2;white-space:normal}.task-due--timed .task-due__absolute,.task-due--timed .task-due__relative{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-due--timed .task-due__separator{display:none}.countdown-row,.countdown-row:first-of-type{min-height:62px;grid-template-columns:minmax(0,1fr) 72px;gap:8px;padding:8px 9px 8px 17px;background:transparent;border:0;border-bottom:1px solid var(--border-cream);border-radius:0;box-shadow:none}.countdown-row:first-of-type{border-top:1px solid var(--border-cream)}.countdown-row.pinned,.countdown-row.today{background:transparent}.countdown-state strong{font-size:24px}}
+.calendar-picker-layer{position:fixed;z-index:90;inset:0;pointer-events:none}.calendar-picker{position:fixed;width:328px;background:var(--surface-raised);border:1px solid var(--calendar-picker-border);border-radius:var(--radius-panel);box-shadow:0 18px 46px rgba(56,40,24,.2);padding:var(--space-14);display:grid;gap:10px;pointer-events:auto;color:var(--text-primary)}.calendar-picker__header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:4px}.calendar-picker__header h3{margin:0;text-align:center;font-size:16px}.calendar-picker__header button,.calendar-picker__grid button{border:0;background:transparent;display:grid;place-items:center}.calendar-picker__header button{width:40px;height:40px;border-radius:var(--radius-control)}.calendar-picker__header svg{width:18px}.calendar-picker__close{display:none!important}.calendar-picker__weekdays,.calendar-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-picker__weekdays span{text-align:center;color:var(--text-secondary);font-size:11px;padding:var(--space-2) 0}.calendar-picker__grid button{height:34px;border-radius:var(--radius-control);color:var(--calendar-picker-grid-ink);font-size:13px}.calendar-picker__grid button:hover{background:var(--picker-day-hover)}.calendar-picker__grid button:focus-visible{background:var(--picker-day-hover);outline:3px solid var(--focus-ring);outline-offset:-3px}.calendar-picker__grid button.outside{color:var(--text-secondary)}.calendar-picker__grid button.today{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-ink)}.calendar-picker__grid button.selected{background:var(--accent);color:var(--white)}.calendar-picker__grid button.selected.today{box-shadow:inset 0 0 0 1px var(--white)}.calendar-picker__footer{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:4px;border-top:1px solid var(--border-hairline);padding-top:var(--space-10)}.calendar-picker__footer button{min-height:44px;border:0;background:transparent;border-radius:var(--radius-control);padding:0 var(--space-8);color:var(--calendar-picker-footer-ink);font-weight:600}.calendar-picker__footer button:hover{background:var(--picker-day-hover)}.calendar-picker__footer .calendar-picker__done{background:var(--accent);color:var(--white)}.calendar-picker__footer .calendar-picker__done:hover{background:var(--calendar-picker-footer-bg)}@media(max-width:600px){.calendar-picker-layer{pointer-events:auto;background:rgba(45,38,31,.3);display:flex;align-items:flex-end}.calendar-picker{position:relative!important;left:auto!important;top:auto!important;width:100%;height:min(520px,72dvh);border-width:1px 0 0;border-radius:24px 24px 0 0;padding:18px 18px calc(16px + env(safe-area-inset-bottom));grid-template-rows:auto auto 1fr auto}.calendar-picker__header{grid-template-columns:44px 1fr 44px 44px}.calendar-picker__close{display:grid!important}.calendar-picker__grid{align-content:stretch}.calendar-picker__grid button{height:auto;min-height:42px}.calendar-picker__footer button{min-height:44px}}.task-compose-sheet{width:100%;max-height:min(88dvh,720px);overflow:auto;background:var(--surface-raised);border-radius:24px 24px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -16px 42px rgba(56,40,24,.2);display:grid;gap:14px;transform-origin:var(--fab-origin-x,calc(100% - 44px)) var(--fab-origin-y,100%)}@media(min-width:931px){.task-compose-sheet:not(.habit-compose-sheet){width:min(560px,calc(100vw - 48px));height:min(520px,82dvh);max-height:none;padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden}.app-sheet-mask:has(>.task-compose-sheet:not(.habit-compose-sheet)){place-items:center;padding:var(--space-24)}}.task-compose-sheet header{display:flex;align-items:center;justify-content:space-between}.task-compose-sheet header small{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em}.task-compose-sheet h2{margin:var(--space-2) 0 0;font-size:22px}.task-compose-sheet label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.task-compose-sheet input,.task-compose-sheet select,.task-compose-sheet textarea{width:100%;border:1px solid var(--border-cream);background:var(--white);border-radius:var(--radius-control);padding:var(--space-12);outline:none;resize:vertical}.task-compose-sheet input:focus,.task-compose-sheet select:focus,.task-compose-sheet textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(241,90,41,.1)}.task-compose-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:10px}.task-compose-date-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.task-compose-date-control{position:relative;display:flex;align-items:center;min-width:0}.task-compose-date-chip{position:relative;display:inline-flex!important;grid-template-columns:none!important;align-items:center;flex-direction:row!important;gap:7px!important;width:auto;min-height:44px;padding:0 var(--space-12);border:1px solid var(--border-cream);border-radius:999px;background:var(--row-hover);color:var(--task-compose-date-chip-ink)!important;font-size:13px!important;font-weight:700!important;overflow:hidden;cursor:pointer}.task-compose-date-chip.selected{border-color:var(--task-compose-date-chip-border);background:var(--accent-soft);color:var(--accent-ink)!important}.task-compose-date-chip svg{width:16px;height:16px;flex:none}.task-compose-date-clear{display:grid;place-items:center;width:34px;height:34px;margin-left:var(--space-2);border:0;border-radius:50%;background:transparent;color:var(--text-secondary)}.task-compose-date-clear:hover{background:var(--chip-clear-hover);color:var(--text-primary)}.task-compose-date-clear svg{width:15px;height:15px}.task-compose-time-add{min-width:0;height:40px;padding:0 var(--space-12);border:1px dashed var(--task-compose-time-add-border);border-radius:999px;background:transparent;color:var(--accent);font-weight:700}.task-compose-time-add:hover{border-color:var(--accent);background:var(--task-compose-time-add-bg)}.task-compose-time-chip{display:inline-flex!important;grid-template-columns:none!important;align-items:center;flex-direction:row!important;gap:5px!important;width:auto;color:var(--text-secondary)!important;font-size:12px!important}.task-compose-time-chip input{width:102px!important;min-width:0;padding:var(--space-8) var(--space-8)!important;border-radius:999px!important}.task-compose-time-remove{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--text-secondary)}.task-compose-time-remove:hover{background:var(--chip-clear-hover);color:var(--text-primary)}.task-compose-time-remove svg{width:15px;height:15px}.task-compose-sheet footer{display:flex;justify-content:flex-end;gap:9px;padding-top:var(--space-4)}.task-compose-sheet button:disabled{cursor:not-allowed}@media(max-width:930px){.unified-fab{bottom:calc(82px + env(safe-area-inset-bottom))}}@media(max-width:930px){.today-filtered-empty-note{min-height:44px;padding:0 var(--space-4) 0 var(--space-12)}.today-filtered-empty-note>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){.unified-fab{animation:none!important;transition:none!important}.unified-fab:hover,.unified-fab:active{transform:none!important}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
+.overdue-section{margin-top:var(--space-18)}.overdue-heading{color:var(--danger);margin-bottom:var(--space-6)}.overdue-heading span{min-width:22px;height:22px;padding:0 var(--space-6);display:inline-grid;place-items:center;border-radius:999px;background:var(--overdue-chip-bg);color:var(--danger);font-size:11px}.overdue-list{margin-bottom:var(--space-18)}.overdue-task{background:var(--sheet-danger-bg)}.task-tail{flex:0 1 auto;min-width:0;max-width:42%;display:flex;justify-content:flex-end;text-align:right;white-space:nowrap}.task-actions{display:flex;align-items:center;flex:0 0 auto}.task-row>.drag-handle,.task-row>.task-check,.task-actions>*{flex-shrink:0}.task-due{min-width:0;display:inline-flex;justify-content:flex-end;align-items:center}.task-due__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.task-due--overdue{color:var(--danger)}.task-due--neutral,.task-due--completed{color:var(--text-secondary)}.task-due--completed{opacity:.8}.pager{min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:var(--space-8) 0 var(--space-14);border-top:1px solid var(--border-hairline);background:transparent}.pager-button{min-width:0;min-height:44px;padding:0 var(--space-8);display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--accent-ink);font-size:13px;font-weight:600;box-shadow:none;transition:transform .14s ease,background-color .14s ease,color .14s ease}.pager-button svg{width:16px;height:16px;stroke-width:2}.pager-button:hover:not(:disabled){background:var(--pager-button-bg-2)}.pager-button:active:not(:disabled){transform:translateY(1px);background:var(--pager-button-bg)}.pager-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.pager-button:disabled{cursor:not-allowed;background:transparent;color:var(--pager-button-ink)}.pager-button--previous{justify-self:stretch}.pager-button--next{justify-self:stretch}.pager-status{min-width:72px;display:grid;justify-items:center;gap:1px;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.pager-status strong{color:var(--text-strong);font-size:13px;line-height:1.2}.pager-status span{color:var(--text-secondary);font-size:11px;line-height:1.2}.section-heading{display:flex;align-items:center;gap:7px;margin:var(--space-16) 0 var(--space-10);font-size:16px;line-height:1.35;color:var(--text-strong)}.section-heading svg{width:17px;height:17px;color:var(--accent)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.more-settings{border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--white)}.more-settings summary{cursor:pointer;padding:var(--space-10) var(--space-12);color:var(--text-secondary);font-size:12px;font-weight:700}.more-settings-body{display:grid;gap:12px;padding:0 var(--space-12) var(--space-12)}.more-settings-body>label{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:7px;color:var(--text-secondary);font-size:12px;font-weight:600}.modal-input{width:100%;border:1px solid var(--border-cream);background:var(--white);padding:var(--space-10);border-radius:var(--radius-control);outline:none;font-size:16px}.purge-list-dialog{width:min(430px,92vw)}.purge-list-dialog p{margin:0;color:var(--text-secondary);line-height:1.65}.purge-list-dialog button{min-height:44px;min-width:88px}.purge-list-dialog button:disabled{cursor:not-allowed}.purge-list-error{padding:var(--space-10) var(--space-12);border-radius:var(--radius-control);background:var(--purge-list-error-bg)!important;color:var(--danger)!important;font-weight:600}.countdown-view{display:grid;gap:16px;padding-bottom:var(--space-36)}.countdown-content{display:grid;gap:12px}.countdown-summary{display:block;color:var(--text-secondary);font-size:12px;margin-top:-12px}.countdown-layout{display:grid;gap:22px;align-items:start}.countdown-timeline{display:grid;gap:20px;max-width:820px;width:100%;margin:0 auto}.countdown-group{display:grid;gap:2px}.countdown-group>h3{margin:0 0 var(--space-6);padding-left:var(--space-12);color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.08em}.countdown-row{--countdown-tone:#d9a17c;position:relative;width:100%;min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--border-cream);border-radius:0;background:transparent;padding:var(--space-8) var(--space-10) var(--space-8) var(--space-16);text-align:left;color:inherit;transition:background .15s ease,transform .15s ease}.countdown-row:before{content:'';position:absolute;left:3px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--countdown-tone);transform:translateY(-50%)}.countdown-row:first-of-type{border-top:1px solid var(--border-cream)}.countdown-row:hover{background:var(--row-hover)}.countdown-row:active{transform:scale(.995)}.countdown-row.kind-anniversary{--countdown-tone:#b69b7d}.countdown-row.kind-birthday{--countdown-tone:#9cab8d}.countdown-row.today{--countdown-tone:#71856b}.countdown-row.past{--countdown-tone:#aaa094;opacity:.66}.countdown-main{min-width:0;display:grid;gap:4px}.countdown-main>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:var(--text-primary)}.countdown-main>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:11px}.countdown-badges{display:flex;gap:5px}.countdown-badges em{font-style:normal;color:var(--text-secondary);font-size:11px}.countdown-badges em+em:before{content:'·';margin-right:var(--space-4);color:var(--badge-sep)}.countdown-state{display:grid;justify-items:end;gap:3px}.countdown-state strong{font-variant-numeric:tabular-nums;font-size:26px;line-height:1;color:var(--countdown-state-ink)}.countdown-state small{color:var(--text-secondary);font-size:11px}.countdown-row.today .countdown-state strong,.countdown-row.today .countdown-state small{color:var(--success)}.countdown-row.past .countdown-state strong{color:var(--text-secondary)}.countdown-focus{--countdown-tone:#d9a17c;width:min(720px,100%);min-height:140px;margin:0 auto;display:grid;place-content:center;justify-items:center;gap:4px;border:1px solid color-mix(in srgb,var(--countdown-tone) 34%,var(--border-cream));border-radius:var(--radius-card);background:color-mix(in srgb,var(--countdown-tone) 7%,var(--surface-raised));padding:var(--space-16) var(--space-24);text-align:center;color:inherit;box-shadow:none;transition:border-color .15s ease,background .15s ease}.countdown-focus:hover{border-color:color-mix(in srgb,var(--countdown-tone) 54%,var(--border-cream));background:color-mix(in srgb,var(--countdown-tone) 10%,var(--surface-raised))}.countdown-focus.kind-anniversary{--countdown-tone:#b69b7d}.countdown-focus.kind-birthday{--countdown-tone:#9cab8d}.countdown-focus>small{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.1em}.countdown-focus h3{margin:var(--space-6) 0 0;font-size:20px;font-weight:700}.countdown-focus p{margin:1px 0 0;color:var(--text-secondary);font-size:11px}.countdown-number{display:flex;align-items:end;gap:6px;margin:var(--space-4) 0 var(--space-2)}.countdown-number strong{font-variant-numeric:tabular-nums;font-size:64px;line-height:.9;font-weight:700;letter-spacing:-.05em;color:var(--text-primary)}.countdown-number span{font-size:13px;color:var(--text-secondary);padding-bottom:var(--space-6)}.countdown-copy{font-size:12px;color:var(--countdown-copy-ink);font-weight:600}.countdown-empty{min-height:260px;background:var(--surface-raised);border:1px dashed var(--border-cream);border-radius:var(--radius-card);padding:var(--space-24);color:var(--text-secondary);text-align:center;display:grid;gap:9px;place-content:center;justify-items:center}.countdown-empty svg{color:var(--accent);width:30px;height:30px}.countdown-empty span{font-size:12px}.countdown-empty button{margin-top:var(--space-4)}.archived-toggle,.archived-countdowns button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-cream);background:var(--white);border-radius:var(--radius-control);padding:var(--space-8) var(--space-10);font-size:12px}.archived-toggle{justify-self:start;min-height:44px}.archived-countdowns{display:grid;gap:0;border:1px solid var(--border-cream);border-radius:var(--radius-list);overflow:hidden;background:var(--surface-raised)}.archived-countdowns article{min-height:60px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;background:var(--surface-raised);border:0;padding:var(--space-6) var(--space-10)}.archived-countdowns article+article{border-top:1px solid var(--border-cream)}.archived-countdowns article>span{min-width:0;display:grid;gap:2px}.archived-countdowns article b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archived-countdowns article small{color:var(--text-secondary)}.archived-countdowns article button{min-width:44px;min-height:44px;justify-content:center}.countdown-pinned-mark{color:var(--text-secondary);font-size:11px;font-weight:500}.countdown-detail-sheet{width:min(500px,100%);background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-panel);box-shadow:0 12px 36px rgba(56,40,24,.18);padding:var(--space-18);display:grid;gap:16px}.countdown-detail-sheet header{display:grid;grid-template-columns:42px 1fr 44px;align-items:center;gap:10px}.countdown-detail-sheet header small{color:var(--text-secondary);font-size:11px}.countdown-detail-sheet header h3{margin:var(--space-2) 0 0;font-size:19px}.countdown-detail-sheet header button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--text-secondary);border-radius:8px;width:44px;height:44px;display:grid;place-items:center}.countdown-modal header button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--text-secondary);border-radius:8px;width:44px;height:44px;display:grid;place-items:center}.countdown-detail-days{display:flex;align-items:baseline;gap:6px;padding:var(--space-8) 0}.countdown-detail-days strong{font-variant-numeric:tabular-nums;font-size:46px;line-height:1}.countdown-detail-days span{color:var(--text-secondary)}.countdown-detail-days b{margin-left:auto;color:var(--accent);font-size:13px}.countdown-detail-sheet dl{margin:0;display:grid;gap:1px;background:var(--border-cream)}.countdown-detail-sheet dl div{display:grid;grid-template-columns:62px 1fr;gap:10px;background:var(--surface-raised);padding:var(--space-10) 0}.countdown-detail-sheet dt{color:var(--text-secondary);font-size:12px}.countdown-detail-sheet dd{margin:0;font-size:13px}.countdown-detail-sheet footer{display:flex;justify-content:flex-end;gap:8px}.countdown-detail-sheet footer button{min-height:44px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-cream);background:var(--white);border-radius:var(--radius-control);padding:var(--space-8) var(--space-12)}.countdown-modal{width:min(420px,96vw);background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-panel);box-shadow:var(--shadow-raised);padding:var(--space-18);display:grid;gap:12px}.countdown-modal header{display:flex;justify-content:space-between;align-items:start}.countdown-modal header small{color:var(--text-secondary)}.countdown-modal header h3{margin:var(--space-2) 0 0}.countdown-modal label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.countdown-modal input,.countdown-modal select{border:1px solid var(--border-cream);background:var(--white);border-radius:var(--radius-control);padding:var(--space-10) var(--space-12);outline:none}.countdown-modal input:focus,.countdown-modal select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(241,90,41,.1)}.countdown-title-fields{display:grid;grid-template-columns:72px 1fr;gap:8px}.countdown-modal footer{display:flex;justify-content:flex-end;gap:8px;padding-top:var(--space-6)}.countdown-advanced{border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--surface-soft)}.countdown-advanced summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-12);cursor:pointer;color:var(--text-secondary);font-size:12px;font-weight:700;list-style:none}.countdown-advanced summary::-webkit-details-marker{display:none}.countdown-advanced summary svg{width:16px;height:16px;transition:transform .16s ease}.countdown-advanced[open] summary svg{transform:rotate(180deg)}.countdown-advanced>label,.countdown-advanced>.countdown-title-fields{margin:0 var(--space-12) var(--space-12)}@media(max-width:930px){.countdown-layout{grid-template-columns:1fr;gap:16px}.countdown-focus{display:grid;min-height:140px;padding:var(--space-14) var(--space-16)}.countdown-number strong{font-size:64px}.countdown-timeline{gap:16px}}@media(max-width:800px){.countdown-hero{align-items:center}.countdown-hero h2{font-size:19px}.countdown-row{grid-template-columns:minmax(0,1fr) 72px;padding:var(--space-8) var(--space-4);gap:9px}.countdown-state strong{font-size:25px}.countdown-detail-sheet,.countdown-modal{width:100%;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:min(88dvh,760px);overflow:auto}.countdown-view{position:relative}}
+@media(max-width:930px){.task-tail{flex:0 1 auto;max-width:132px;align-self:stretch;align-items:center;overflow:hidden}.task-tail:has(.task-due--timed){flex:0 1 76px;max-width:76px}.task-due{max-width:100%;overflow:hidden}.task-due--timed .task-due__text{display:grid;justify-items:end;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2;white-space:normal}.task-due--timed .task-due__absolute,.task-due--timed .task-due__relative{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-due--timed .task-due__separator{display:none}.countdown-row,.countdown-row:first-of-type{min-height:62px;grid-template-columns:minmax(0,1fr) 72px;gap:8px;padding:var(--space-8) var(--space-8) var(--space-8) var(--space-16);background:transparent;border:0;border-bottom:1px solid var(--border-cream);border-radius:0;box-shadow:none}.countdown-row:first-of-type{border-top:1px solid var(--border-cream)}.countdown-row.pinned,.countdown-row.today{background:transparent}.countdown-state strong{font-size:24px}}
 
 .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:var(--text-secondary);font-variant-numeric:tabular-nums}.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(--border-cream)}.today-environment__calendar strong{color:var(--text-primary);font-size:23px;line-height:1.15;font-weight:800;letter-spacing:-.025em}.today-environment__calendar small{margin-top:6px;color:var(--text-secondary);font-size:12px;font-weight:400}.today-environment__eyeline{color:var(--text-secondary);font-size:11px;line-height:1.2}.today-environment__weather strong,.today-environment__gold strong{display:block;margin-top:5px;color:var(--text-primary);font-size:16px;line-height:1.2;font-weight:600}.today-environment__gold-primary{display:flex;align-items:baseline;gap:4px;color:var(--text-primary);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:var(--text-secondary);font-size:11px;font-weight:400}.today-environment__item.is-stale small{color:var(--text-secondary)}.today-environment__status{color:var(--accent-ink);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:var(--progress-track);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__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:var(--accent);vertical-align:middle}.today-environment__weather{grid-column:1;grid-row:2;border-top:1px solid var(--border-cream);border-left:0!important}.today-environment__gold{grid-column:2;grid-row:2;border-top:1px solid var(--border-cream)}.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:11px;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:var(--text-secondary);font-variant-numeric:tabular-nums}.today-environment__item{position:relative;min-width:0;padding:var(--space-16) var(--space-14) var(--space-14);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(--border-cream)}.today-environment__calendar strong{color:var(--text-primary);font-size:23px;line-height:1.15;font-weight:800;letter-spacing:-.025em}.today-environment__calendar small{margin-top:var(--space-6);color:var(--text-secondary);font-size:12px;font-weight:400}.today-environment__eyeline{color:var(--text-secondary);font-size:11px;line-height:1.2}.today-environment__weather strong,.today-environment__gold strong{display:block;margin-top:var(--space-4);color:var(--text-primary);font-size:16px;line-height:1.2;font-weight:600}.today-environment__gold-primary{display:flex;align-items:baseline;gap:4px;color:var(--text-primary);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:var(--space-4);color:var(--text-secondary);font-size:11px;font-weight:400}.today-environment__item.is-stale small{color:var(--text-secondary)}.today-environment__status{color:var(--accent-ink);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:var(--progress-track);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__calendar{grid-column:1/-1;grid-row:1;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px;padding:var(--space-12) var(--space-10)}.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:var(--space-4);border-radius:50%;background:var(--accent);vertical-align:middle}.today-environment__weather{grid-column:1;grid-row:2;border-top:1px solid var(--border-cream);border-left:0!important}.today-environment__gold{grid-column:2;grid-row:2;border-top:1px solid var(--border-cream)}.today-environment__weather,.today-environment__gold{padding:var(--space-12) var(--space-10);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:11px;line-height:1.3}}
 
 /* Solid cream material system: opaque surfaces, warm edges, quiet depth. */
 
@@ -70,7 +87,7 @@ main{background:var(--surface-base)}
 .soft-button,.danger-button,.file-button,.secondary,.restore,.archived-toggle,.archived-countdowns button{background:var(--surface-raised);border-color:var(--border-cream);box-shadow:var(--highlight-inner)}
 .primary,.primary-small{background:var(--accent);color:var(--white)}
 .danger-button{color:var(--danger);border-color:var(--danger-button-border-2);background:var(--danger-btn-bg)}.inline-error,.purge-list-error{color:var(--danger);background:var(--error-wash)}.task-check[aria-pressed="true"] .task-check-mark,.habit-row.done .habit-check .task-check-mark{background:var(--success);border-color:var(--success)}
-.habit-archive-section{display:grid;gap:10px}.habit-archive-toggle{width:100%;min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:0 4px;border:0;background:transparent;box-shadow:none;color:var(--text-secondary);font-weight:600;text-align:left}.habit-archive-toggle:hover{background:var(--event-hover)}.habit-archive-toggle:active{background:var(--toggle-active-bg)}.habit-archive-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.habit-archive-toggle>svg{justify-self:center}.habit-archive-toggle>span{min-width:0}.habit-archive-toggle>svg:last-child{transition:transform .16s ease}.habit-archive-toggle>svg.expanded{transform:rotate(90deg)}.archived-habits{margin-top:2px;width:100%;display:grid;gap:0;background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--highlight-inner)}.archived-habit-row{width:100%;min-height:44px;appearance:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;color:inherit;text-align:left;background:var(--surface-raised);border:0;border-bottom:1px solid var(--border-cream);font:inherit}.archived-habit-row:last-child{border-bottom:0}.archived-habit-row>span{min-width:0;display:grid;gap:3px}.archived-habit-row b,.archived-habit-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archived-habit-row small{color:var(--text-secondary);font-size:11px}.archived-habit-row>svg{flex:none}.habit-archive-status{min-height:44px;margin:0;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-sheet__danger{display:flex;gap:8px}.app-sheet__danger>button{min-height:44px}.habit-restore-button{flex:1}.habit-delete-button{flex:1}
+.habit-archive-section{display:grid;gap:10px}.habit-archive-toggle{width:100%;min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:0 var(--space-4);border:0;background:transparent;box-shadow:none;color:var(--text-secondary);font-weight:600;text-align:left}.habit-archive-toggle:hover{background:var(--event-hover)}.habit-archive-toggle:active{background:var(--toggle-active-bg)}.habit-archive-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.habit-archive-toggle>svg{justify-self:center}.habit-archive-toggle>span{min-width:0}.habit-archive-toggle>svg:last-child{transition:transform .16s ease}.habit-archive-toggle>svg.expanded{transform:rotate(90deg)}.archived-habits{margin-top:var(--space-2);width:100%;display:grid;gap:0;background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--highlight-inner)}.archived-habit-row{width:100%;min-height:44px;appearance:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:var(--space-10) var(--space-12);color:inherit;text-align:left;background:var(--surface-raised);border:0;border-bottom:1px solid var(--border-cream);font:inherit}.archived-habit-row:last-child{border-bottom:0}.archived-habit-row>span{min-width:0;display:grid;gap:3px}.archived-habit-row b,.archived-habit-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archived-habit-row small{color:var(--text-secondary);font-size:11px}.archived-habit-row>svg{flex:none}.habit-archive-status{min-height:44px;margin:0;padding:var(--space-12);display:flex;align-items:center;justify-content:space-between;gap:12px}.app-sheet__danger{display:flex;gap:8px}.app-sheet__danger>button{min-height:44px}.habit-restore-button{flex:1}.habit-delete-button{flex:1}
 @media(max-width:930px){.habit-archive-section{width:100%;gap:10px}.habit-archive-toggle{width:100%;min-height:44px;appearance:none;background:transparent;border:0;box-shadow:none}.archived-habits{width:100%;display:grid;gap:0}.archived-habit-row{width:100%;min-height:44px;appearance:none;grid-template-columns:minmax(0,1fr) auto;background:var(--surface-raised);border-bottom:1px solid var(--border-cream)}.habit-detail-sheet.app-sheet--detail{width:100%;border-radius:var(--radius-panel) var(--radius-panel) 0 0!important}}
 input,select,textarea{background:var(--surface-raised);border-color:var(--border-cream);border-radius:var(--radius-control);box-shadow:var(--highlight-inner)}
 .detail-title textarea{background:transparent;box-shadow:none}
@@ -79,12 +96,12 @@ input,select,textarea{background:var(--surface-raised);border-color:var(--border
 .task-row,.habit-row,.countdown-row{background:var(--surface-raised);box-shadow:none;border:0;border-radius:0}
 .task-row+.task-row,.habit-row+.habit-row,.countdown-row+.countdown-row{border-top:1px solid var(--border-cream)}
 .task-row:hover,.task-row.selected,.habit-row:hover,.countdown-row:hover{background:var(--surface-hover)}.task-row.done,.habit-row.done{background:var(--row-done-bg)}.subtask{background:var(--subtask-bg)}.overdue-task{background:var(--overdue-task-bg)}
-.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:var(--overdue-list-border)}
+.countdown-row:first-of-type{border-top:0}.countdown-row:before{left:7px}.countdown-group{gap:0}.countdown-group+.countdown-group{margin-top:var(--space-18)}.overdue-list{border-color:var(--overdue-list-border)}
 .empty,.center{color:var(--text-secondary)}.loader{background:var(--surface-raised)}
 .toast{background:var(--surface-inverse);color:var(--white);border:1px solid var(--toast-border);border-radius:var(--radius-control);box-shadow:var(--shadow-raised)}.error-toast{background:var(--danger);color:var(--white);border:1px solid var(--error-toast-border);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,.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){.countdown-focus{height:144px;min-height:144px;max-height:144px;padding:10px 16px;gap:2px}.countdown-focus h3{margin:2px 0 0}.countdown-number{margin:0}}
-@media(max-width:930px){.bottom{left:0;right:0;bottom:0;height:calc(56px + var(--safe-area-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--surface-raised);border:0;border-top:1px solid var(--border-cream);border-radius:0;padding:4px 10px var(--safe-area-bottom);box-shadow:none}.bottom button{position:relative;min-width:0;min-height:44px;border-radius:0;padding:2px 4px;line-height:1.1}.bottom button svg{width:19px;height:19px}.bottom button.active{background:transparent;color:var(--accent)}.bottom button.active:before{content:"";position:absolute;left:23%;right:23%;top:-5px;height:3px;border-radius:0 0 3px 3px;background:var(--accent)}.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(--radius-panel) var(--radius-panel) 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(68px + var(--safe-area-bottom))}}
+@media(max-width:930px){.countdown-focus{height:144px;min-height:144px;max-height:144px;padding:var(--space-10) var(--space-16);gap:2px}.countdown-focus h3{margin:var(--space-2) 0 0}.countdown-number{margin:0}}
+@media(max-width:930px){.bottom{left:0;right:0;bottom:0;height:calc(56px + var(--safe-area-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--surface-raised);border:0;border-top:1px solid var(--border-cream);border-radius:0;padding:4px 10px var(--safe-area-bottom);box-shadow:none}.bottom button{position:relative;min-width:0;min-height:44px;border-radius:0;padding:var(--space-2) var(--space-4);line-height:1.1}.bottom button svg{width:19px;height:19px}.bottom button.active{background:transparent;color:var(--accent)}.bottom button.active:before{content:"";position:absolute;left:23%;right:23%;top:-5px;height:3px;border-radius:0 0 3px 3px;background:var(--accent)}.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(--radius-panel) var(--radius-panel) 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(68px + var(--safe-area-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}.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}}
 /* Shared plain-list rows for active tasks and habits. */
 .plain-list{display:grid;gap:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
@@ -115,7 +132,7 @@ input,select,textarea{background:var(--surface-raised);border-color:var(--border
 .habit-row:not(:has(>.habit-progress-bar))>.habit-main{grid-row:1/3;align-self:center}
 .habit-row>.habit-row-meta{grid-column:-2;align-self:center}
 .task-main strong,.habit-name{display:block;min-width:0;font-size:15px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.task-tail,.habit-row-meta{min-width:0;max-width:132px;padding-left:12px;font-size:12px;font-weight:400;white-space:nowrap;text-align:right;overflow:hidden;text-overflow:ellipsis}
+.task-tail,.habit-row-meta{min-width:0;max-width:132px;padding-left:var(--space-12);font-size:12px;font-weight:400;white-space:nowrap;text-align:right;overflow:hidden;text-overflow:ellipsis}
 .plain-list .task-due--timed .task-due__text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.plain-list .task-due--timed .task-due__separator{display:inline}.plain-list>.task-row:has(>.task-tail .task-due--timed){height:58px;min-height:58px;max-height:58px}
 .task-row--trash{grid-template-columns:minmax(0,1fr) auto auto;padding-left:0!important}
 .task-row--trash .task-main{cursor:default}.task-row--trash .task-actions{min-width:0}
@@ -123,78 +140,78 @@ input,select,textarea{background:var(--surface-raised);border-color:var(--border
 /* Approved Trash 01: compact deadline groups. */
 main:has(>.trash-page-context){background:var(--surface-base)}
 main>.trash-page-context,main>.trash-groups,main:has(>.trash-page-context)>.empty,main:has(>.trash-page-context)>.pager{width:min(100%,900px);margin-left:auto;margin-right:auto}
-.trash-page-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:7px 0 21px;border-bottom:1px solid var(--border-hairline)}
-.trash-page-title{margin:0;font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-1.2px}.trash-page-summary{margin:8px 0 0;color:var(--text-secondary);font-size:13px}.trash-page-count{min-height:44px;display:flex;align-items:center;color:var(--text-secondary);font-size:12px}
-.trash-groups{display:grid}.trash-group{display:grid}.trash-group-heading{min-height:44px;padding-top:11px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border-hairline)}.trash-group-heading h2{margin:0;font-size:13px;font-weight:700}.trash-group-heading span{color:var(--text-secondary);font-size:12px}
-.trash-list>.task-row,.trash-list>.task-row:has(>.task-tail .task-due--timed){height:62px;min-height:62px;max-height:62px}.trash-list .task-main{display:grid;align-content:center;gap:3px}.trash-list .task-main strong{font-size:14px;font-weight:600}.trash-list .task-main .meta{padding:0;font-size:11px}.trash-list .task-main .meta-item{display:inline-flex;align-items:center;gap:4px}.trash-list .task-main .meta-item svg{width:13px;height:13px}.trash-list .task-actions{display:flex;align-items:center;gap:0}.trash-list .trash-more{width:44px;height:44px;color:var(--text-secondary);opacity:1}.trash-list .trash-more svg{width:18px;height:18px}.trash-action-mask{position:fixed;z-index:90;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(45,38,31,.18)}.trash-action-menu{width:min(320px,calc(100vw - 24px));margin:12px;padding:8px;display:grid;gap:4px;background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-panel);box-shadow:var(--highlight-inner),var(--shadow-raised)}.trash-action-title{min-width:0;padding:9px 10px 7px;color:var(--text-secondary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-action-menu button{min-height:44px;width:100%;display:flex;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:var(--radius-control);background:transparent;text-align:left}.trash-action-menu button:hover{background:var(--trash-action-menu-bg)}
-@media(max-width:720px){main:has(>.trash-page-context){padding-left:29px;padding-right:29px;padding-bottom:calc(78px + var(--safe-area-bottom))}main>.trash-page-context,main>.trash-groups,main:has(>.trash-page-context)>.empty,main:has(>.trash-page-context)>.pager{width:100%}.trash-page-context{padding-top:2px;padding-bottom:17px}.trash-page-title{font-size:24px}.trash-page-summary{font-size:12px;line-height:1.5}.trash-group-heading{padding-top:9px}.trash-list>.task-row{height:68px;min-height:68px;max-height:68px;grid-template-columns:minmax(0,1fr) minmax(38px,auto) auto;gap:6px}.trash-list .task-tail{display:flex;max-width:64px;padding-left:0;font-size:11px}.trash-list .task-due--timed .task-due__absolute,.trash-list .task-due--timed .task-due__separator{display:none}}
-@media(max-width:390px){main:has(>.trash-page-context){padding-left:17px;padding-right:17px}.trash-page-context{gap:10px}.trash-page-summary{max-width:230px}.trash-list .task-actions{margin-left:6px}}
+.trash-page-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:var(--space-6) 0 var(--space-20);border-bottom:1px solid var(--border-hairline)}
+.trash-page-title{margin:0;font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-1.2px}.trash-page-summary{margin:var(--space-8) 0 0;color:var(--text-secondary);font-size:13px}.trash-page-count{min-height:44px;display:flex;align-items:center;color:var(--text-secondary);font-size:12px}
+.trash-groups{display:grid}.trash-group{display:grid}.trash-group-heading{min-height:44px;padding-top:var(--space-10);display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border-hairline)}.trash-group-heading h2{margin:0;font-size:13px;font-weight:700}.trash-group-heading span{color:var(--text-secondary);font-size:12px}
+.trash-list>.task-row,.trash-list>.task-row:has(>.task-tail .task-due--timed){height:62px;min-height:62px;max-height:62px}.trash-list .task-main{display:grid;align-content:center;gap:3px}.trash-list .task-main strong{font-size:14px;font-weight:600}.trash-list .task-main .meta{padding:0;font-size:11px}.trash-list .task-main .meta-item{display:inline-flex;align-items:center;gap:4px}.trash-list .task-main .meta-item svg{width:13px;height:13px}.trash-list .task-actions{display:flex;align-items:center;gap:0}.trash-list .trash-more{width:44px;height:44px;color:var(--text-secondary);opacity:1}.trash-list .trash-more svg{width:18px;height:18px}.trash-action-mask{position:fixed;z-index:90;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(45,38,31,.18)}.trash-action-menu{width:min(320px,calc(100vw - 24px));margin:var(--space-12);padding:var(--space-8);display:grid;gap:4px;background:var(--surface-raised);border:1px solid var(--border-cream);border-radius:var(--radius-panel);box-shadow:var(--highlight-inner),var(--shadow-raised)}.trash-action-title{min-width:0;padding:var(--space-8) var(--space-10) var(--space-6);color:var(--text-secondary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-action-menu button{min-height:44px;width:100%;display:flex;align-items:center;gap:9px;padding:0 var(--space-10);border:0;border-radius:var(--radius-control);background:transparent;text-align:left}.trash-action-menu button:hover{background:var(--trash-action-menu-bg)}
+@media(max-width:720px){main:has(>.trash-page-context){padding-left:var(--space-28);padding-right:var(--space-28);padding-bottom:calc(78px + var(--safe-area-bottom))}main>.trash-page-context,main>.trash-groups,main:has(>.trash-page-context)>.empty,main:has(>.trash-page-context)>.pager{width:100%}.trash-page-context{padding-top:var(--space-2);padding-bottom:var(--space-16)}.trash-page-title{font-size:24px}.trash-page-summary{font-size:12px;line-height:1.5}.trash-group-heading{padding-top:var(--space-8)}.trash-list>.task-row{height:68px;min-height:68px;max-height:68px;grid-template-columns:minmax(0,1fr) minmax(38px,auto) auto;gap:6px}.trash-list .task-tail{display:flex;max-width:64px;padding-left:0;font-size:11px}.trash-list .task-due--timed .task-due__absolute,.trash-list .task-due--timed .task-due__separator{display:none}}
+@media(max-width:390px){main:has(>.trash-page-context){padding-left:var(--space-16);padding-right:var(--space-16)}.trash-page-context{gap:10px}.trash-page-summary{max-width:230px}.trash-list .task-actions{margin-left:var(--space-6)}}
 
 /* Approved task-list and full-Habits 01 parity. */
 main.list-main{background:var(--surface-base)}
 main.list-main>.list-page-context,main.list-main>.list-section-heading,main.list-main>.task-list,main.list-main>.list-page-meta,main.list-main>.pager,main.list-main>.mvp-view{width:min(100%,630px);margin-left:auto;margin-right:auto}
 main.list-main>.mvp-view{gap:0}
 main.list-main>.mvp-view>.habit-section-heading{width:100%}
-main.list-main>.mvp-view>.habit-archive-section{margin-top:24px;padding-top:12px;border-top:1px solid var(--border-hairline)}
+main.list-main>.mvp-view>.habit-archive-section{margin-top:var(--space-24);padding-top:var(--space-12);border-top:1px solid var(--border-hairline)}
 .list-page-context{width:min(100%,630px);margin:0 auto 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 16px}
 .habit-page-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 16px}
 .habit-section-heading{margin-top:0}
 .list-page-title{margin:0;font-size:34px;line-height:1.15;font-weight:700;letter-spacing:-.035em}
-.list-page-summary{margin:8px 0 18px;color:var(--text-secondary);font-size:13px}
-.list-inline-filter,.habit-inline-filter{align-self:start;min-width:0;width:auto;height:44px;padding:0 2px;border:0;border-radius:0;background:transparent;box-shadow:none;font-weight:400}.today-context .completed-filter-pill:hover:not(:disabled),.today-context .completed-filter-pill:active:not(:disabled),.list-inline-filter:hover:not(:disabled),.list-inline-filter:active:not(:disabled),.habit-inline-filter:hover:not(:disabled),.habit-inline-filter:active:not(:disabled){background:transparent;border-color:transparent}.today-inline-filter,.list-inline-filter,.habit-inline-filter{-webkit-tap-highlight-color:transparent}.list-inline-filter .completed-filter-pill__track,.habit-inline-filter .completed-filter-pill__track{width:31px;height:18px;background:var(--list-inline-filter-bg)}.list-inline-filter .completed-filter-pill__thumb,.habit-inline-filter .completed-filter-pill__thumb{width:14px;height:14px}.list-inline-filter[aria-checked="true"] .completed-filter-pill__track,.habit-inline-filter[aria-checked="true"] .completed-filter-pill__track{background:var(--accent)}
+.list-page-summary{margin:var(--space-8) 0 var(--space-18);color:var(--text-secondary);font-size:13px}
+.list-inline-filter,.habit-inline-filter{align-self:start;min-width:0;width:auto;height:44px;padding:0 var(--space-2);border:0;border-radius:0;background:transparent;box-shadow:none;font-weight:400}.today-context .completed-filter-pill:hover:not(:disabled),.today-context .completed-filter-pill:active:not(:disabled),.list-inline-filter:hover:not(:disabled),.list-inline-filter:active:not(:disabled),.habit-inline-filter:hover:not(:disabled),.habit-inline-filter:active:not(:disabled){background:transparent;border-color:transparent}.today-inline-filter,.list-inline-filter,.habit-inline-filter{-webkit-tap-highlight-color:transparent}.list-inline-filter .completed-filter-pill__track,.habit-inline-filter .completed-filter-pill__track{width:31px;height:18px;background:var(--list-inline-filter-bg)}.list-inline-filter .completed-filter-pill__thumb,.habit-inline-filter .completed-filter-pill__thumb{width:14px;height:14px}.list-inline-filter[aria-checked="true"] .completed-filter-pill__track,.habit-inline-filter[aria-checked="true"] .completed-filter-pill__track{background:var(--accent)}
 .list-section-heading{width:min(100%,630px);min-height:44px;margin:0 auto;display:flex;align-items:center;border-bottom:1px solid var(--border-hairline)}
-.list-section-title{font-size:13px;font-weight:700}.list-section-count{margin-left:7px;font-size:12px;font-weight:400;color:var(--text-secondary)}
+.list-section-title{font-size:13px;font-weight:700}.list-section-count{margin-left:var(--space-6);font-size:12px;font-weight:400;color:var(--text-secondary)}
 .list-section-action{min-height:44px;margin-left:auto;padding:0;border:0;background:transparent;color:var(--accent);font-size:12px;font-weight:600}
-.list-page-meta{min-height:36px;margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--text-secondary);font-size:12px}
+.list-page-meta{min-height:36px;margin-top:var(--space-10);display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--text-secondary);font-size:12px}
 @media(min-width:1440px){main.list-main>.list-page-context,main.list-main>.list-section-heading,main.list-main>.task-list,main.list-main>.list-page-meta,main.list-main>.pager,main.list-main>.mvp-view{width:min(100%,900px)}}
 @media(min-width:721px) and (max-width:1439px){main.list-main>.list-page-context,main.list-main>.list-section-heading,main.list-main>.task-list,main.list-main>.list-page-meta,main.list-main>.pager,main.list-main>.mvp-view{width:min(100%,630px)}}
-@media(max-width:720px){main.list-main{padding-left:29px;padding-right:29px}main.list-main>.list-page-context,main.list-main>.list-section-heading,main.list-main>.task-list,main.list-main>.list-page-meta,main.list-main>.pager,main.list-main>.mvp-view{width:100%}.list-page-title{font-size:24px}}
-@media(max-width:390px){.pager-button{padding:0 4px}.pager{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:2px}}
+@media(max-width:720px){main.list-main{padding-left:var(--space-28);padding-right:var(--space-28)}main.list-main>.list-page-context,main.list-main>.list-section-heading,main.list-main>.task-list,main.list-main>.list-page-meta,main.list-main>.pager,main.list-main>.mvp-view{width:100%}.list-page-title{font-size:24px}}
+@media(max-width:390px){.pager-button{padding:0 var(--space-4)}.pager{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:2px}}
 
 /* Approved Today plain-list prototype parity. */
-main.today-main .topbar{margin-bottom:12px}
-.today-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;margin-top:20px}
+main.today-main .topbar{margin-bottom:var(--space-12)}
+.today-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;margin-top:var(--space-20)}
 .today-heading>div{min-width:0}
 .today-heading .today-page-title{margin:0}
-.today-heading .today-remaining{margin:6px 0 0}
+.today-heading .today-remaining{margin:var(--space-6) 0 0}
 .today-heading .today-inline-filter{align-self:center;justify-self:end}
-.today-environment{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;padding:0 0 18px;border-bottom:1px solid var(--border-hairline);color:var(--text-secondary)}
-.today-environment__item{height:36px;padding:0 0 0 18px;justify-content:flex-start}
+.today-environment{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;padding:0 0 var(--space-18);border-bottom:1px solid var(--border-hairline);color:var(--text-secondary)}
+.today-environment__item{height:36px;padding:0 0 0 var(--space-18);justify-content:flex-start}
 .today-environment__item:first-child{padding-left:0}
 .today-environment__calendar{flex-direction:row;align-items:baseline;gap:8px}
 .today-environment__calendar strong{font-size:15px;font-weight:600;letter-spacing:0}
 .today-environment__calendar small{margin-top:0;font-size:11px}
-@media(min-width:721px){.today-environment__calendar{flex-direction:column;align-items:flex-start;gap:0}.today-environment__calendar small{margin-top:2px;font-size:11px}}
+@media(min-width:721px){.today-environment__calendar{flex-direction:column;align-items:flex-start;gap:0}.today-environment__calendar small{margin-top:var(--space-2);font-size:11px}}
 .today-environment__weather strong,.today-environment__gold strong,.today-environment__gold-primary{margin-top:0;font-size:13px;font-weight:600}
-.today-environment__item small{margin-top:2px;font-size:11px}
+.today-environment__item small{margin-top:var(--space-2);font-size:11px}
 .today-main :is(.task-row,.habit-row){height:58px;min-height:58px;max-height:58px;padding:0;background:transparent;border:0;border-bottom:1px solid var(--border-hairline);border-radius:0;box-shadow:none}
 .today-main .task-row{gap:0}.today-main .task-main{padding:0}.today-main .task-main strong,.today-main .habit-name{font-size:15px;font-weight:400}
-.today-main .task-tail{padding-left:12px;font-size:12px}.today-main .habit-row{gap:0;row-gap:5px}.today-main .habit-main{min-width:0;padding:0}
+.today-main .task-tail{padding-left:var(--space-12);font-size:12px}.today-main .habit-row{gap:0;row-gap:5px}.today-main .habit-main{min-width:0;padding:0}
 .shell.today-active .unified-fab{box-shadow:0 8px 18px rgba(174,65,29,.22)}.shell.today-active .unified-fab>svg{width:30px;height:30px;stroke-width:1.5}
 @media(max-width:930px){main.today-main{padding-left:max(44px,calc((100% - 630px)/2));padding-right:max(44px,calc((100% - 630px)/2))}}
-@media(max-width:720.98px){main.today-main{padding-left:29px!important;padding-right:29px!important;padding-bottom:calc(78px + var(--safe-area-bottom))}.today-environment{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:21px auto;align-items:stretch;column-gap:0;row-gap:7px;padding-bottom:10px}.today-environment__calendar{grid-column:1/-1;grid-row:1;height:21px!important;padding:0;justify-content:space-between;align-items:start;border-left:0}.today-environment__weather,.today-environment__gold{grid-row:2;height:clamp(38px,calc(25vw - 55.75px),42px);padding-top:7px;border-top:1px solid var(--border-hairline)}.today-environment__weather{grid-column:1;padding-left:0;padding-right:10px;border-left:0}.today-environment__gold{grid-column:2;padding-left:12px}.today-environment__weather strong,.today-environment__gold strong,.today-environment__gold-primary{line-height:16px}.today-environment__item small{line-height:13px}.today-heading{margin-top:16px}.today-page-title{font-size:24px}.today-heading .today-remaining{margin-top:4px}.today-main .task-row,.today-main .habit-row{height:58px;min-height:58px;max-height:58px}.today-context .completed-filter-pill{width:87px;height:44px;min-height:44px}.today-context .completed-filter-pill__track{width:30px;height:18px}.today-context .completed-filter-pill__thumb{width:14px;height:14px}.today-context .completed-filter-pill[aria-checked="true"] .completed-filter-pill__thumb{transform:translateX(12px)}}
-@media(max-width:380px){.today-environment__weather,.today-environment__gold{height:40px;padding-top:5px;padding-bottom:5px}}
+@media(max-width:720.98px){main.today-main{padding-left:var(--space-28)!important;padding-right:var(--space-28)!important;padding-bottom:calc(78px + var(--safe-area-bottom))}.today-environment{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:21px auto;align-items:stretch;column-gap:0;row-gap:7px;padding-bottom:var(--space-10)}.today-environment__calendar{grid-column:1/-1;grid-row:1;height:21px!important;padding:0;justify-content:space-between;align-items:start;border-left:0}.today-environment__weather,.today-environment__gold{grid-row:2;height:clamp(38px,calc(25vw - 55.75px),42px);padding-top:var(--space-6);border-top:1px solid var(--border-hairline)}.today-environment__weather{grid-column:1;padding-left:0;padding-right:var(--space-10);border-left:0}.today-environment__gold{grid-column:2;padding-left:var(--space-12)}.today-environment__weather strong,.today-environment__gold strong,.today-environment__gold-primary{line-height:16px}.today-environment__item small{line-height:13px}.today-heading{margin-top:var(--space-16)}.today-page-title{font-size:24px}.today-heading .today-remaining{margin-top:var(--space-4)}.today-main .task-row,.today-main .habit-row{height:58px;min-height:58px;max-height:58px}.today-context .completed-filter-pill{width:87px;height:44px;min-height:44px}.today-context .completed-filter-pill__track{width:30px;height:18px}.today-context .completed-filter-pill__thumb{width:14px;height:14px}.today-context .completed-filter-pill[aria-checked="true"] .completed-filter-pill__thumb{transform:translateX(12px)}}
+@media(max-width:380px){.today-environment__weather,.today-environment__gold{height:40px;padding-top:var(--space-4);padding-bottom:var(--space-4)}}
 
 /* Approved Settings 01: continuous paper ledger. */
 main:has(>.mvp-view .settings-sections){background:var(--surface-raised)}
 .settings-topbar{margin-bottom:0}
 
-.settings-sections{width:min(100%,900px);margin:0 auto;display:grid;gap:0;padding:34px 0 64px}
-.settings-heading{padding-bottom:22px;border-bottom:1px solid var(--border-hairline)}
+.settings-sections{width:min(100%,900px);margin:0 auto;display:grid;gap:0;padding:var(--space-32) 0 64px}
+.settings-heading{padding-bottom:var(--space-20);border-bottom:1px solid var(--border-hairline)}
 .settings-heading h1{font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-1.2px;margin:0}
-.settings-heading p{margin:9px 0 0;color:var(--text-secondary);font-size:13px}
-.settings-group{min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;padding-top:25px}
+.settings-heading p{margin:var(--space-8) 0 0;color:var(--text-secondary);font-size:13px}
+.settings-group{min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;padding-top:var(--space-24)}
 .settings-group>header{height:44px;padding:0;display:flex;align-items:center;border-bottom:1px solid var(--border-hairline)}
 .settings-group>header h2{margin:0;font-size:13px;font-weight:700}
 .settings-group>header>small{margin-left:auto;color:var(--text-secondary);font-size:12px;font-weight:500}
-.settings-row{min-height:62px;padding:6px 0;border-top:0;border-bottom:1px solid var(--border-hairline);display:flex;align-items:center;justify-content:space-between;gap:14px;background:transparent}
+.settings-row{min-height:62px;padding:var(--space-6) 0;border-top:0;border-bottom:1px solid var(--border-hairline);display:flex;align-items:center;justify-content:space-between;gap:14px;background:transparent}
 .settings-row>span{min-width:0;flex:1;display:grid;gap:3px}
 .settings-row>span>b,.session-title,.audit-action{font-size:14px;font-weight:600}
 .settings-row small,.settings-empty,.audit-row time{color:var(--text-secondary);font-size:11px;line-height:1.4;overflow-wrap:anywhere}
-.settings-form{padding:16px 0 18px;border-bottom:1px solid var(--border-hairline)}
+.settings-form{padding:var(--space-16) 0 var(--space-18);border-bottom:1px solid var(--border-hairline)}
 .password-form.settings-form{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px}
 .password-form.settings-form label{min-width:0;display:grid;gap:6px;color:var(--password-form-ink);font-size:11px;font-weight:700}
-.password-form.settings-form input{height:44px;min-width:0;padding:0 11px;border:1px solid var(--input-border);border-radius:var(--radius-control);background:var(--white);box-shadow:none}
+.password-form.settings-form input{height:44px;min-width:0;padding:0 var(--space-10);border:1px solid var(--input-border);border-radius:var(--radius-control);background:var(--white);box-shadow:none}
 .password-form.settings-form .inline-error{grid-column:1/-1;margin:0}
 .password-form.settings-form>.primary-small{grid-column:4;grid-row:1;align-self:end;justify-self:auto}
 main:has(>.mvp-view .settings-sections) :is(.soft-button,.primary-small,.danger-button,.file-button){border-radius:var(--radius-control)}
@@ -203,19 +220,19 @@ main:has(>.mvp-view .settings-sections) :is(.settings-data>.settings-row:first-o
 main:has(>.mvp-view .settings-sections) .danger-text{min-height:44px;border:0;background:transparent;color:var(--danger)}
 .settings-logout-button{min-width:88px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
 .settings-logout-button svg{width:16px;height:16px}
-.settings-row select{height:44px;min-width:150px;padding:0 11px;border:1px solid var(--input-border);border-radius:var(--radius-control);background:var(--white);box-shadow:none}
-main:has(>.mvp-view .settings-sections) .session-card-actions{min-height:62px;padding:6px 0;border-bottom:1px solid var(--border-hairline)}
+.settings-row select{height:44px;min-width:150px;padding:0 var(--space-10);border:1px solid var(--input-border);border-radius:var(--radius-control);background:var(--white);box-shadow:none}
+main:has(>.mvp-view .settings-sections) .session-card-actions{min-height:62px;padding:var(--space-6) 0;border-bottom:1px solid var(--border-hairline)}
 main:has(>.mvp-view .settings-sections) .session-card-actions p{margin:0;color:var(--text-secondary);font-size:12px}
-main:has(>.mvp-view .settings-sections) .session-row,main:has(>.mvp-view .settings-sections) .audit-row{padding:6px 0;border-top:0;border-bottom:1px solid var(--border-hairline)}
-main:has(>.mvp-view .settings-sections) .settings-empty{min-height:62px;margin:0;padding:6px 0;display:flex;align-items:center;border-top:0;border-bottom:1px solid var(--border-hairline)}
-main:has(>.mvp-view .settings-sections) .settings-status-error{min-height:62px;padding:6px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-hairline);color:var(--danger);font-size:12px}
+main:has(>.mvp-view .settings-sections) .session-row,main:has(>.mvp-view .settings-sections) .audit-row{padding:var(--space-6) 0;border-top:0;border-bottom:1px solid var(--border-hairline)}
+main:has(>.mvp-view .settings-sections) .settings-empty{min-height:62px;margin:0;padding:var(--space-6) 0;display:flex;align-items:center;border-top:0;border-bottom:1px solid var(--border-hairline)}
+main:has(>.mvp-view .settings-sections) .settings-status-error{min-height:62px;padding:var(--space-6) 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-hairline);color:var(--danger);font-size:12px}
 main:has(>.mvp-view .settings-sections) .settings-status-error>span{min-width:0;overflow-wrap:anywhere}
-main:has(>.mvp-view .settings-sections) .backup-preflight{margin:14px 0 2px}
-main:has(>.mvp-view .settings-sections) .settings-data>.inline-error{margin:14px 0 0}
-@media(max-width:720px){main:has(>.mvp-view .settings-sections){padding-left:29px;padding-right:29px;padding-bottom:calc(102px + env(safe-area-inset-bottom))}.settings-sections{width:100%;padding-top:23px;padding-bottom:0}.settings-heading{padding-bottom:18px}.settings-heading h1{font-size:24px;line-height:1.1;font-weight:700}.settings-heading p{font-size:12px;line-height:1.5}.settings-group{padding-top:20px}.settings-row{min-height:64px}.password-form.settings-form{grid-template-columns:1fr}.password-form.settings-form>.primary-small{grid-column:1;grid-row:auto;justify-self:start}main:has(>.mvp-view .settings-sections) .session-card-actions{min-height:64px}main:has(>.mvp-view .settings-sections) .settings-empty,main:has(>.mvp-view .settings-sections) .settings-status-error{min-height:64px}}
+main:has(>.mvp-view .settings-sections) .backup-preflight{margin:var(--space-14) 0 var(--space-2)}
+main:has(>.mvp-view .settings-sections) .settings-data>.inline-error{margin:var(--space-14) 0 0}
+@media(max-width:720px){main:has(>.mvp-view .settings-sections){padding-left:var(--space-28);padding-right:var(--space-28);padding-bottom:calc(102px + env(safe-area-inset-bottom))}.settings-sections{width:100%;padding-top:var(--space-24);padding-bottom:0}.settings-heading{padding-bottom:var(--space-18)}.settings-heading h1{font-size:24px;line-height:1.1;font-weight:700}.settings-heading p{font-size:12px;line-height:1.5}.settings-group{padding-top:var(--space-20)}.settings-row{min-height:64px}.password-form.settings-form{grid-template-columns:1fr}.password-form.settings-form>.primary-small{grid-column:1;grid-row:auto;justify-self:start}main:has(>.mvp-view .settings-sections) .session-card-actions{min-height:64px}main:has(>.mvp-view .settings-sections) .settings-empty,main:has(>.mvp-view .settings-sections) .settings-status-error{min-height:64px}}
 
 /* Approved cream-solid action buttons: one semantic material across Dodo. */
-:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button){min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 15px;border-radius:var(--radius-control);font-size:13px;font-weight:700;line-height:1;white-space:nowrap;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}
+:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button){min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 var(--space-14);border-radius:var(--radius-control);font-size:13px;font-weight:700;line-height:1;white-space:nowrap;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}
 :is(.primary,.primary-small){border:1px solid var(--accent);background:var(--accent);color:var(--white);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 4px 10px rgba(241,90,41,.20)}
 :is(.primary,.primary-small):hover:not(:disabled){background:var(--accent-press);border-color:var(--accent-press)}
 :is(.soft-button,.secondary,.restore,.file-button){border:1px solid var(--soft-button-border-2);background:var(--row-hover);color:var(--soft-button-ink);box-shadow:inset 0 1px 0 var(--white),0 2px 5px rgba(83,62,42,.06)}
@@ -227,31 +244,31 @@ main:has(>.mvp-view .settings-sections) .settings-data>.inline-error{margin:14px
 :is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button):disabled,.file-button.disabled{background:var(--disabled-bg);border-color:var(--disabled-border);color:var(--disabled-ink);box-shadow:none;cursor:not-allowed;opacity:1}
 :is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button)>svg{width:16px;height:16px;flex:0 0 auto}
 @media(min-width:931px){main:has(>.mvp-view .settings-sections) :is(.soft-button,.primary-small,.danger-button,.file-button),.numeric-action .soft-button,.habit-history__message .soft-button,.backup-preflight .danger-button,.app-sheet__danger :is(.soft-button,.primary-small,.danger-button,.file-button,.secondary,.restore),.purge-list-dialog :is(.secondary,.danger-button){min-height:40px}}
-@media(max-width:930px){:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button){min-height:44px;padding-inline:16px;gap:7px}:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button)>svg{width:17px;height:17px}}
+@media(max-width:930px){:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button){min-height:44px;padding-inline:var(--space-16);gap:7px}:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button)>svg{width:17px;height:17px}}
 .restore-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .calendar-picker__header button{width:44px;height:44px}
 .calendar-picker__grid button{min-height:44px}
 @media(prefers-reduced-motion:reduce){:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button){transition:none}:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button):active:not(:disabled):not(.disabled){transform:none}}
 
 /* Local-first focus timer: continuous paper, one orange accent. */
-.pomodoro-view{width:min(100%,630px);margin:0 auto;padding:18px 0 64px}.pomodoro-heading{min-height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-hairline)}.pomodoro-heading h1{margin:4px 0 0;font-size:34px;line-height:1.1;letter-spacing:-.035em}.pomodoro-heading>svg{width:28px;height:28px;color:var(--accent)}.pomodoro-eyebrow{color:var(--text-secondary);font-size:12px}.pomodoro-stage{padding:48px 0 32px;text-align:center;border-bottom:1px solid var(--border-hairline)}.pomodoro-stage-meta{display:flex;justify-content:center;align-items:baseline;gap:9px}.pomodoro-stage-meta span{font-size:14px;font-weight:700}.pomodoro-stage-meta small{color:var(--text-secondary);font-size:11px}.pomodoro-clock{display:block;margin:18px 0 16px;font-size:clamp(68px,14vw,104px);font-weight:700;line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.pomodoro-clock-min,.pomodoro-clock-sep,.pomodoro-clock-sec{display:inline-block}.pomodoro-clock-sec{min-width:1.28em;text-align:left;animation:pomodoro-tick .5s cubic-bezier(.2,.8,.3,1)}.pomodoro-clock-sep{transform:translateY(-.02em);color:var(--text-secondary)}.pomodoro-stage-meta{-webkit-animation:pomodoro-phase-in .4s ease;animation:pomodoro-phase-in .4s ease}.pomodoro-note{-webkit-animation:pomodoro-phase-in .45s ease .03s both;animation:pomodoro-phase-in .45s ease .03s both}@keyframes pomodoro-tick{from{transform:translateY(26%);opacity:.55}to{transform:none;opacity:1}}@keyframes pomodoro-phase-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pomodoro-progress{width:min(360px,80%);height:4px;margin:0 auto;background:var(--progress-track);overflow:hidden}.pomodoro-progress span{display:block;height:100%;background:var(--accent);transition:width .25s linear}.pomodoro-note{margin:23px auto 0;color:var(--text-secondary);font-size:13px}.pomodoro-controls{min-height:52px;margin-top:28px;display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.pomodoro-controls button{min-height:44px;min-width:112px;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}.pomodoro-controls button:hover:not(:disabled){transform:translateY(-2px)}.pomodoro-controls button:active:not(:disabled){transform:scale(.96)}.pomodoro-summary{margin:14px 0 0;text-align:center;color:var(--text-secondary);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.pomodoro-view{width:100%;padding:8px 12px calc(84px + var(--safe-area-bottom))}.pomodoro-heading h1{font-size:24px}.pomodoro-stage{padding-top:38px}.pomodoro-clock{font-size:clamp(64px,22vw,88px)}.pomodoro-controls button{min-height:44px;flex:1 1 128px}}@media(prefers-reduced-motion:reduce){.pomodoro-progress span{transition:none}.pomodoro-clock-sec{animation:none}.pomodoro-stage-meta,.pomodoro-note{animation:none}.pomodoro-controls button{transition:none}.pomodoro-controls button:active:not(:disabled),.pomodoro-controls button:hover:not(:disabled){transform:none}}
+.pomodoro-view{width:min(100%,630px);margin:0 auto;padding:var(--space-18) 0 64px}.pomodoro-heading{min-height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-hairline)}.pomodoro-heading h1{margin:var(--space-4) 0 0;font-size:34px;line-height:1.1;letter-spacing:-.035em}.pomodoro-heading>svg{width:28px;height:28px;color:var(--accent)}.pomodoro-eyebrow{color:var(--text-secondary);font-size:12px}.pomodoro-stage{padding:var(--space-48) 0 var(--space-32);text-align:center;border-bottom:1px solid var(--border-hairline)}.pomodoro-stage-meta{display:flex;justify-content:center;align-items:baseline;gap:9px}.pomodoro-stage-meta span{font-size:14px;font-weight:700}.pomodoro-stage-meta small{color:var(--text-secondary);font-size:11px}.pomodoro-clock{display:block;margin:var(--space-18) 0 var(--space-16);font-size:clamp(68px,14vw,104px);font-weight:700;line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.pomodoro-clock-min,.pomodoro-clock-sep,.pomodoro-clock-sec{display:inline-block}.pomodoro-clock-sec{min-width:1.28em;text-align:left;animation:pomodoro-tick .5s cubic-bezier(.2,.8,.3,1)}.pomodoro-clock-sep{transform:translateY(-.02em);color:var(--text-secondary)}.pomodoro-stage-meta{-webkit-animation:pomodoro-phase-in .4s ease;animation:pomodoro-phase-in .4s ease}.pomodoro-note{-webkit-animation:pomodoro-phase-in .45s ease .03s both;animation:pomodoro-phase-in .45s ease .03s both}@keyframes pomodoro-tick{from{transform:translateY(26%);opacity:.55}to{transform:none;opacity:1}}@keyframes pomodoro-phase-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pomodoro-progress{width:min(360px,80%);height:4px;margin:0 auto;background:var(--progress-track);overflow:hidden}.pomodoro-progress span{display:block;height:100%;background:var(--accent);transition:width .25s linear}.pomodoro-note{margin:var(--space-24) auto 0;color:var(--text-secondary);font-size:13px}.pomodoro-controls{min-height:52px;margin-top:var(--space-28);display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.pomodoro-controls button{min-height:44px;min-width:112px;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}.pomodoro-controls button:hover:not(:disabled){transform:translateY(-2px)}.pomodoro-controls button:active:not(:disabled){transform:scale(.96)}.pomodoro-summary{margin:var(--space-14) 0 0;text-align:center;color:var(--text-secondary);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.pomodoro-view{width:100%;padding:8px 12px calc(84px + var(--safe-area-bottom))}.pomodoro-heading h1{font-size:24px}.pomodoro-stage{padding-top:var(--space-36)}.pomodoro-clock{font-size:clamp(64px,22vw,88px)}.pomodoro-controls button{min-height:44px;flex:1 1 128px}}@media(prefers-reduced-motion:reduce){.pomodoro-progress span{transition:none}.pomodoro-clock-sec{animation:none}.pomodoro-stage-meta,.pomodoro-note{animation:none}.pomodoro-controls button{transition:none}.pomodoro-controls button:active:not(:disabled),.pomodoro-controls button:hover:not(:disabled){transform:none}}
 
 /* Approved task detail 01: paper flow. */
 .detail{min-width:0;border-left:1px solid var(--border-cream);background:var(--surface-raised);overflow:hidden;display:flex;flex-direction:column}.shell.detail-open{transition:none}
-.detail-head{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border-section);font-size:13px;font-weight:700;color:var(--text-primary);text-transform:none;letter-spacing:0}
+.detail-head{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-18);border-bottom:1px solid var(--border-section);font-size:13px;font-weight:700;color:var(--text-primary);text-transform:none;letter-spacing:0}
 .detail-head .icon{width:44px;height:44px;border-radius:var(--radius-control);color:var(--text-secondary)}.detail button{min-height:44px}
-.detail-form{min-width:0;border:0;margin:0;grid-template-columns:minmax(0,1fr);padding:18px;display:grid;gap:18px;overflow-y:auto;overscroll-behavior:contain}
+.detail-form{min-width:0;border:0;margin:0;grid-template-columns:minmax(0,1fr);padding:var(--space-18);display:grid;gap:18px;overflow-y:auto;overscroll-behavior:contain}
 .detail-form>*{min-width:0}.detail-title{display:flex;align-items:flex-start;gap:10px}.detail-title textarea{min-width:0;min-height:62px;padding:0;border:0;background:transparent;box-shadow:none;resize:none;outline:none;font-size:20px;line-height:27px;font-weight:700}
-.task-detail-arrangement{display:grid;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--border-section)}.task-detail-field{min-width:0;display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.task-detail-field-label{display:block}.task-detail-date-time{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.task-detail-field-input{width:100%!important;min-height:44px;border-radius:var(--radius-control)}.task-detail-date-control{position:relative;display:block;min-width:0}.task-detail-date-control .task-compose-date-clear{position:absolute;right:1px;top:0}.task-detail-date-control .task-detail-field-input{padding-right:44px!important}.task-detail-time-control,.task-detail-time-empty{width:100%;min-height:44px}.task-detail-time-control{justify-content:space-between}.task-detail-time-empty{display:flex;align-items:center;padding:0 12px;border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--task-detail-time-empty-bg);color:var(--text-secondary)}
-.task-detail-notes,.task-detail-subtasks{padding-bottom:18px;border-bottom:1px solid var(--border-section)}.task-detail-notes{gap:8px}.task-detail-subtasks{display:grid;gap:4px}.task-detail-subtasks .field-label{min-height:44px}.subtask-detail,.after-completion-fields,.repeat-custom-fields{width:100%;max-width:100%;min-width:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}.subtask-detail{padding:0;border-bottom:1px solid var(--surface-sunken)}.subtask-detail>span{min-width:0;flex:1;overflow-wrap:anywhere;word-break:break-word}.subtask-remove{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--text-secondary);border-radius:var(--radius-control)}.subtask-remove:hover:not(:disabled){color:var(--danger);background:var(--subtask-remove-bg)}.after-completion-fields,.repeat-custom-fields{padding:10px 0;border-top:1px solid var(--surface-sunken);border-bottom:1px solid var(--surface-sunken)}.more-settings{border-bottom:1px solid var(--border-section);padding-bottom:12px}.more-settings>summary{min-height:44px;display:flex;align-items:center;font-size:13px;font-weight:700;cursor:pointer}.more-settings-body{display:grid;gap:12px;padding-top:7px}.more-settings-body select{width:100%;min-height:44px;border-radius:var(--radius-control)}
-.detail-actions{position:sticky;bottom:0;z-index:3;min-height:69px;flex:0 0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border-section);background:var(--surface-raised)}.detail-actions>button{min-height:44px}.detail-trash{padding:0;color:var(--danger)}.detail-save{min-width:88px}
-@media(max-width:930px){.detail{position:relative;z-index:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-height:min(88dvh,760px);overflow:hidden;border:1px solid var(--border-cream);border-bottom:0;border-radius:var(--radius-panel) var(--radius-panel) 0 0;box-shadow:0 -14px 38px rgba(56,40,24,.2);transform:none;transition:none;padding-bottom:0}.detail-head{position:relative;top:auto;z-index:2;height:58px;flex:0 0 58px;padding:0 18px}.detail-head .icon{width:44px;height:44px;background:transparent;color:var(--text-secondary);border-radius:var(--radius-control)}.detail-form{flex:1 1 auto;min-height:0;padding:18px;gap:18px;overflow-y:auto;overflow-x:hidden}.task-detail-date-time{grid-template-columns:minmax(0,1fr)}.task-detail-date-control .task-compose-date-clear,.task-detail-time-control .task-compose-time-remove{min-width:44px;min-height:44px;width:44px;height:44px}.detail-actions{width:100%;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.detail-actions>button{min-height:44px}}
+.task-detail-arrangement{display:grid;gap:13px;padding-bottom:var(--space-18);border-bottom:1px solid var(--border-section)}.task-detail-field{min-width:0;display:grid;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600}.task-detail-field-label{display:block}.task-detail-date-time{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.task-detail-field-input{width:100%!important;min-height:44px;border-radius:var(--radius-control)}.task-detail-date-control{position:relative;display:block;min-width:0}.task-detail-date-control .task-compose-date-clear{position:absolute;right:1px;top:0}.task-detail-date-control .task-detail-field-input{padding-right:var(--space-44)!important}.task-detail-time-control,.task-detail-time-empty{width:100%;min-height:44px}.task-detail-time-control{justify-content:space-between}.task-detail-time-empty{display:flex;align-items:center;padding:0 var(--space-12);border:1px solid var(--border-cream);border-radius:var(--radius-control);background:var(--task-detail-time-empty-bg);color:var(--text-secondary)}
+.task-detail-notes,.task-detail-subtasks{padding-bottom:var(--space-18);border-bottom:1px solid var(--border-section)}.task-detail-notes{gap:8px}.task-detail-subtasks{display:grid;gap:4px}.task-detail-subtasks .field-label{min-height:44px}.subtask-detail,.after-completion-fields,.repeat-custom-fields{width:100%;max-width:100%;min-width:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}.subtask-detail{padding:0;border-bottom:1px solid var(--surface-sunken)}.subtask-detail>span{min-width:0;flex:1;overflow-wrap:anywhere;word-break:break-word}.subtask-remove{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--text-secondary);border-radius:var(--radius-control)}.subtask-remove:hover:not(:disabled){color:var(--danger);background:var(--subtask-remove-bg)}.after-completion-fields,.repeat-custom-fields{padding:var(--space-10) 0;border-top:1px solid var(--surface-sunken);border-bottom:1px solid var(--surface-sunken)}.more-settings{border-bottom:1px solid var(--border-section);padding-bottom:var(--space-12)}.more-settings>summary{min-height:44px;display:flex;align-items:center;font-size:13px;font-weight:700;cursor:pointer}.more-settings-body{display:grid;gap:12px;padding-top:var(--space-6)}.more-settings-body select{width:100%;min-height:44px;border-radius:var(--radius-control)}
+.detail-actions{position:sticky;bottom:0;z-index:3;min-height:69px;flex:0 0 auto;padding:var(--space-12) var(--space-18);display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border-section);background:var(--surface-raised)}.detail-actions>button{min-height:44px}.detail-trash{padding:0;color:var(--danger)}.detail-save{min-width:88px}
+@media(max-width:930px){.detail{position:relative;z-index:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-height:min(88dvh,760px);overflow:hidden;border:1px solid var(--border-cream);border-bottom:0;border-radius:var(--radius-panel) var(--radius-panel) 0 0;box-shadow:0 -14px 38px rgba(56,40,24,.2);transform:none;transition:none;padding-bottom:0}.detail-head{position:relative;top:auto;z-index:2;height:58px;flex:0 0 58px;padding:0 var(--space-18)}.detail-head .icon{width:44px;height:44px;background:transparent;color:var(--text-secondary);border-radius:var(--radius-control)}.detail-form{flex:1 1 auto;min-height:0;padding:var(--space-18);gap:18px;overflow-y:auto;overflow-x:hidden}.task-detail-date-time{grid-template-columns:minmax(0,1fr)}.task-detail-date-control .task-compose-date-clear,.task-detail-time-control .task-compose-time-remove{min-width:44px;min-height:44px;width:44px;height:44px}.detail-actions{width:100%;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.detail-actions>button{min-height:44px}}
 
 /* Approved habit detail 01: paper flow. */
-.habit-detail-sheet{width:min(500px,100%);max-height:min(88dvh,760px);padding:0;gap:0;display:flex;flex-direction:column;background:var(--surface-raised);overflow:hidden}.habit-detail-archive-note{order:-1;flex:0 0 auto;margin:0;padding:10px 20px;border:0;border-bottom:1px solid var(--habit-detail-archive-note-border);background:var(--habit-detail-archive-note-bg);color:var(--danger);font-size:12px;line-height:1.5}.habit-detail-header{height:64px;flex:0 0 64px;padding:0 20px}.habit-detail-header h3{font-size:18px}.habit-detail-body{flex:1 1 auto;gap:0;padding:18px 20px;overflow-y:auto;overflow-x:hidden}.habit-detail-hero{padding:4px 0 18px;border-bottom:1px solid var(--border-section)}.habit-detail-hero strong{display:block;color:var(--text-primary);font-size:28px;line-height:1.15;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.habit-detail-hero small{display:block;margin-top:6px;color:var(--text-secondary);font-size:12px}.habit-detail-progress-row{min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;border-bottom:1px solid var(--border-section)}.habit-detail-progress-row span{font-size:12px;font-weight:700}.habit-detail-progress-row small{display:block;margin-top:3px;color:var(--text-secondary);font-size:11px}.habit-detail-progress-row strong{color:var(--success);font-size:20px}.habit-detail-meta{margin:0 0 14px}.habit-detail-meta-row{min-height:52px;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;border-bottom:1px solid var(--border-section);font-size:13px}.habit-detail-meta-row dt{color:var(--text-secondary);font-size:11px;font-weight:700}.habit-detail-meta-row dd{min-width:0;margin:0;text-align:right;overflow-wrap:anywhere}.habit-history__header{min-height:42px;border-bottom:1px solid var(--border-section)}.habit-history__list{border-top:0}.habit-detail-active-actions{min-height:68px;justify-content:space-between;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.habit-detail-archive-button{min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--danger);font-size:13px;font-weight:700}.habit-detail-archive-button svg{width:16px;height:16px}.habit-detail-edit-button{min-width:100px}.habit-detail-archived-actions{min-height:68px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--surface-raised);border-top:1px solid var(--border-section)}.habit-detail-archived-actions .habit-delete-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--danger)}
+.habit-detail-sheet{width:min(500px,100%);max-height:min(88dvh,760px);padding:0;gap:0;display:flex;flex-direction:column;background:var(--surface-raised);overflow:hidden}.habit-detail-archive-note{order:-1;flex:0 0 auto;margin:0;padding:var(--space-10) var(--space-20);border:0;border-bottom:1px solid var(--habit-detail-archive-note-border);background:var(--habit-detail-archive-note-bg);color:var(--danger);font-size:12px;line-height:1.5}.habit-detail-header{height:64px;flex:0 0 64px;padding:0 var(--space-20)}.habit-detail-header h3{font-size:18px}.habit-detail-body{flex:1 1 auto;gap:0;padding:var(--space-18) var(--space-20);overflow-y:auto;overflow-x:hidden}.habit-detail-hero{padding:var(--space-4) 0 var(--space-18);border-bottom:1px solid var(--border-section)}.habit-detail-hero strong{display:block;color:var(--text-primary);font-size:28px;line-height:1.15;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.habit-detail-hero small{display:block;margin-top:var(--space-6);color:var(--text-secondary);font-size:12px}.habit-detail-progress-row{min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;border-bottom:1px solid var(--border-section)}.habit-detail-progress-row span{font-size:12px;font-weight:700}.habit-detail-progress-row small{display:block;margin-top:var(--space-2);color:var(--text-secondary);font-size:11px}.habit-detail-progress-row strong{color:var(--success);font-size:20px}.habit-detail-meta{margin:0 0 var(--space-14)}.habit-detail-meta-row{min-height:52px;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;border-bottom:1px solid var(--border-section);font-size:13px}.habit-detail-meta-row dt{color:var(--text-secondary);font-size:11px;font-weight:700}.habit-detail-meta-row dd{min-width:0;margin:0;text-align:right;overflow-wrap:anywhere}.habit-history__header{min-height:42px;border-bottom:1px solid var(--border-section)}.habit-history__list{border-top:0}.habit-detail-active-actions{min-height:68px;justify-content:space-between;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.habit-detail-archive-button{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--danger);font-size:13px;font-weight:700}.habit-detail-archive-button svg{width:16px;height:16px}.habit-detail-edit-button{min-width:100px}.habit-detail-archived-actions{min-height:68px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--surface-raised);border-top:1px solid var(--border-section)}.habit-detail-archived-actions .habit-delete-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--danger)}
 @media(min-width:931px){.habit-detail-sheet{width:var(--detail-width,350px);height:100vh;max-height:none;border-radius:0;border-top:0;border-right:0;border-bottom:0;box-shadow:inset 1px 0 0 var(--white)}}
 @media(max-width:930px){.habit-detail-sheet.app-sheet--detail{width:100%;max-width:100%}.habit-detail-sheet :is(.habit-detail-archive-button,.habit-detail-edit-button,.habit-restore-button,.habit-delete-button,.habit-history__more){min-height:44px}}
-@media(max-width:390px){.habit-detail-body{padding:16px}.habit-detail-header{padding:0 16px}.habit-detail-active-actions,.habit-detail-archived-actions{padding-left:16px;padding-right:16px}.habit-detail-meta-row{grid-template-columns:78px minmax(0,1fr)}}
+@media(max-width:390px){.habit-detail-body{padding:var(--space-16)}.habit-detail-header{padding:0 var(--space-16)}.habit-detail-active-actions,.habit-detail-archived-actions{padding-left:var(--space-16);padding-right:var(--space-16)}.habit-detail-meta-row{grid-template-columns:78px minmax(0,1fr)}}
 
 
 /* Restrained motion: modal sheet enter/exit (motion audit 2026-09-19; 120-220ms band). */
@@ -265,3 +282,12 @@ main:has(>.mvp-view .settings-sections) .settings-data>.inline-error{margin:14px
 /* Restrained motion: rows newly revealed by the completed filter fade in (opacity only - rows own transform for swipe/reorder). */
 .task-row.filter-reveal{animation:completed-row-reveal 170ms ease-out}
 @keyframes completed-row-reveal{from{opacity:0}to{opacity:1}}
+
+
+/* 触控目标：小控件命中区扩展到 44px（视觉尺寸不变） */
+.markdown-mode-switch button{position:relative}
+.markdown-mode-switch button::after{content:"";position:absolute;inset:-7px 0}
+
+/* 按压反馈：触屏/鼠标点按即时反馈（filter 不参与 transform 冲突） */
+button:active{filter:brightness(.96)}
+:is(.list-row-main,.task-row,.habit-row):active{filter:brightness(.97)}
diff --git a/frontend/src/style.test.ts b/frontend/src/style.test.ts
index 46f54c1..15581a0 100644
--- a/frontend/src/style.test.ts
+++ b/frontend/src/style.test.ts
@@ -79,10 +79,10 @@ describe('unified task due display', () => {
 
 describe('approved cream solid button system', () => {
   it('gives semantic action buttons a compact desktop size and a touch-safe mobile size', () => {
-    expect(css).toContain(':is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button){min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 15px;border-radius:var(--radius-control);font-size:13px;font-weight:700;line-height:1;white-space:nowrap;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}')
+    expect(css).toContain(':is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button){min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 var(--space-14);border-radius:var(--radius-control);font-size:13px;font-weight:700;line-height:1;white-space:nowrap;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}')
     expect(css).toContain(':is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button)>svg{width:16px;height:16px;flex:0 0 auto}')
     expect(css).toContain('@media(min-width:931px){main:has(>.mvp-view .settings-sections) :is(.soft-button,.primary-small,.danger-button,.file-button),.numeric-action .soft-button,.habit-history__message .soft-button,.backup-preflight .danger-button,.app-sheet__danger :is(.soft-button,.primary-small,.danger-button,.file-button,.secondary,.restore),.purge-list-dialog :is(.secondary,.danger-button){min-height:40px}}')
-    expect(css).toContain('@media(max-width:930px){:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button){min-height:44px;padding-inline:16px;gap:7px}:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button)>svg{width:17px;height:17px}}')
+    expect(css).toContain('@media(max-width:930px){:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button){min-height:44px;padding-inline:var(--space-16);gap:7px}:is(.primary,.primary-small,.soft-button,.secondary,.restore,.file-button,.danger-button)>svg{width:17px;height:17px}}')
     expect(css).toContain(':is(.primary,.primary-small){border:1px solid var(--accent);background:var(--accent);color:var(--white);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 4px 10px rgba(241,90,41,.20)}')
     expect(css).toContain(':is(.soft-button,.secondary,.restore,.file-button){border:1px solid var(--soft-button-border-2);background:var(--row-hover);color:var(--soft-button-ink);box-shadow:inset 0 1px 0 var(--white),0 2px 5px rgba(83,62,42,.06)}')
     expect(css).toContain('.danger-button{border:1px solid var(--danger-button-border-3);background:var(--danger-btn-bg);color:var(--danger-button-ink);box-shadow:inset 0 1px 0 var(--white),0 2px 5px rgba(105,48,34,.05)}')
@@ -171,15 +171,15 @@ describe('approved Settings 01 paper ledger', () => {
 
   it('uses the selected continuous-paper geometry on desktop and mobile', () => {
     expect(css).toContain('main:has(>.mvp-view .settings-sections){background:var(--surface-raised)}')
-    expect(css).toContain('.settings-sections{width:min(100%,900px);margin:0 auto;display:grid;gap:0;padding:34px 0 64px}')
+    expect(css).toContain('.settings-sections{width:min(100%,900px);margin:0 auto;display:grid;gap:0;padding:var(--space-32) 0 64px}')
     expect(css).toContain('.settings-heading h1{font-size:34px;line-height:1.1;font-weight:700;')
-    expect(css).toContain('.settings-group{min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;padding-top:25px}')
+    expect(css).toContain('.settings-group{min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;padding-top:var(--space-24)}')
     expect(css).toContain('.settings-group>header{height:44px;padding:0;display:flex;align-items:center;border-bottom:1px solid var(--border-hairline)}')
-    expect(css).toContain('.settings-row{min-height:62px;padding:6px 0;border-top:0;border-bottom:1px solid var(--border-hairline);')
+    expect(css).toContain('.settings-row{min-height:62px;padding:var(--space-6) 0;border-top:0;border-bottom:1px solid var(--border-hairline);')
     expect(css).toContain('.settings-topbar{margin-bottom:0}')
     expect(css).not.toContain('.topbar>.settings-refresh{grid-area:filter}')
-    expect(css).toContain('@media(max-width:720px){main:has(>.mvp-view .settings-sections){padding-left:29px;padding-right:29px;padding-bottom:calc(102px + env(safe-area-inset-bottom))}')
-    expect(css).toContain('.settings-sections{width:100%;padding-top:23px;padding-bottom:0}')
+    expect(css).toContain('@media(max-width:720px){main:has(>.mvp-view .settings-sections){padding-left:var(--space-28);padding-right:var(--space-28);padding-bottom:calc(102px + env(safe-area-inset-bottom))}')
+    expect(css).toContain('.settings-sections{width:100%;padding-top:var(--space-24);padding-bottom:0}')
     expect(css).toContain('.settings-heading h1{font-size:24px;line-height:1.1;font-weight:700}')
     expect(css).toContain('.settings-row{min-height:64px}')
   })
@@ -391,12 +391,12 @@ describe('approved UI detail direction', () => {
 
   it('matches the approved paper-flow geometry and material', () => {
     expect(css).toContain('.shell.detail-open{grid-template-columns:var(--sidebar-width,236px) minmax(330px,1fr) var(--detail-width,350px)}')
-    expect(css).toContain('@media(max-width:1050px) and (min-width:931px){main{padding-inline:24px}')
+    expect(css).toContain('@media(max-width:1050px) and (min-width:931px){main{padding-inline:var(--space-24)}')
     expect(css).toContain('.detail{min-width:0;border-left:1px solid var(--border-cream);background:var(--surface-raised);overflow:hidden;display:flex;flex-direction:column}')
-    expect(css).toContain('.detail-head{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;')
-    expect(css).toContain('.detail-form{min-width:0;border:0;margin:0;grid-template-columns:minmax(0,1fr);padding:18px;display:grid;gap:18px;overflow-y:auto;')
+    expect(css).toContain('.detail-head{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-18);')
+    expect(css).toContain('.detail-form{min-width:0;border:0;margin:0;grid-template-columns:minmax(0,1fr);padding:var(--space-18);display:grid;gap:18px;overflow-y:auto;')
     expect(css).toContain('.detail-title textarea{min-width:0;min-height:62px;padding:0;border:0;background:transparent;box-shadow:none;resize:none;outline:none;font-size:20px;line-height:27px;')
-    expect(css).toContain('.task-detail-arrangement{display:grid;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--border-section)}')
+    expect(css).toContain('.task-detail-arrangement{display:grid;gap:13px;padding-bottom:var(--space-18);border-bottom:1px solid var(--border-section)}')
     expect(css).toContain('.task-detail-date-time{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}')
     expect(css).toContain('.task-detail-field-input{width:100%!important;min-height:44px;border-radius:var(--radius-control)}')
     expect(css).toContain('.detail-actions{position:sticky;bottom:0;z-index:3;min-height:69px;')
@@ -420,7 +420,7 @@ describe('approved UI detail direction', () => {
   it('keeps custom recurrence controls at 44px without overflowing narrow screens', () => {
     expect(css).toContain('.repeat-custom-fields input,.repeat-custom-fields select{min-height:44px;')
     expect(css).toContain('.weekday-picker label{width:44px;height:44px;')
-    expect(css).toContain('@media(max-width:930px){.repeat-custom-fields{padding:10px;gap:8px}')
+    expect(css).toContain('@media(max-width:930px){.repeat-custom-fields{padding:var(--space-10);gap:8px}')
     expect(css).toContain('.repeat-custom-fields>div,.repeat-custom-fields>label{min-width:0;flex-wrap:wrap;gap:6px}')
   })
 
@@ -484,7 +484,7 @@ describe('completion feedback motion', () => {
   })
 
   it('stacks the desktop calendar copy to align with weather and gold', () => {
-    expect(css).toContain('@media(min-width:721px){.today-environment__calendar{flex-direction:column;align-items:flex-start;gap:0}.today-environment__calendar small{margin-top:2px;font-size:11px}}')
+    expect(css).toContain('@media(min-width:721px){.today-environment__calendar{flex-direction:column;align-items:flex-start;gap:0}.today-environment__calendar small{margin-top:var(--space-2);font-size:11px}}')
   })
 
   it('uses the approved internal-standard login composition and material tokens', () => {
@@ -495,12 +495,12 @@ describe('completion feedback motion', () => {
     expect(app).toContain('<p v-if="initialized" class="auth-footnote">登录后继续你的清单</p>')
     expect(app).toContain('<form class="auth-card" aria-labelledby="auth-title" @submit.prevent="submitAuth">')
     expect(app).toContain('<button type="submit" class="primary">')
-    expect(css).toMatch(/\.auth-card\{[^}]*width:min\(400px,100%\)[^}]*padding:36px[^}]*border:1px solid var\(--border-cream\)[^}]*border-radius:var\(--radius-card\)/)
+    expect(css).toMatch(/\.auth-card\{[^}]*width:min\(400px,100%\)[^}]*padding:var\(--space-36\)[^}]*border:1px solid var\(--border-cream\)[^}]*border-radius:var\(--radius-card\)/)
     expect(css).toContain('.auth-brand .brand{gap:9px;font-size:28px;letter-spacing:-2px}')
     expect(css).toContain('.auth-brand .brand-logo{width:34px;height:34px}')
     expect(css).toMatch(/\.auth-card input\{[^}]*min-height:46px[^}]*background:var\(--surface-raised\)/)
     expect(css).toContain('.auth-card>.primary{min-height:46px}')
-    expect(css).toMatch(/@media\(max-width:930px\)\{\.auth-shell\{padding:18px\}\.auth-card\{padding:30px 24px\}/)
+    expect(css).toMatch(/@media\(max-width:930px\)\{\.auth-shell\{padding:var\(--space-18\)\}\.auth-card\{padding:var\(--space-28\) var\(--space-24\)\}/)
   })
 
   it('syncs browser IANA timezone before loading user task data', () => {
@@ -526,8 +526,8 @@ describe('completion feedback motion', () => {
     expect(css).toContain('.markdown-toolbar{display:flex;')
     expect(css).toContain('overflow-x:auto')
     expect(css).toContain('.markdown-toolbar button{min-width:44px;min-height:44px;')
-    expect(css).toContain('.markdown-preview>.contains-task-list{list-style:none;padding-left:3px}')
-    expect(css).toContain('.markdown-preview .contains-task-list .contains-task-list{padding-left:24px}')
+    expect(css).toContain('.markdown-preview>.contains-task-list{list-style:none;padding-left:var(--space-2)}')
+    expect(css).toContain('.markdown-preview .contains-task-list .contains-task-list{padding-left:var(--space-24)}')
   })
 
   it('keeps all task detail changes on the unified save button', () => {
@@ -545,7 +545,7 @@ describe('completion feedback motion', () => {
 
   it('keeps the desktop task composer compact and centered', () => {
     expect(css).toContain('@media(min-width:931px){.task-compose-sheet:not(.habit-compose-sheet){width:min(560px,calc(100vw - 48px));height:min(520px,82dvh);max-height:none;padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden}')
-    expect(css).toContain('.app-sheet-mask:has(>.task-compose-sheet:not(.habit-compose-sheet)){place-items:center;padding:24px}')
+    expect(css).toContain('.app-sheet-mask:has(>.task-compose-sheet:not(.habit-compose-sheet)){place-items:center;padding:var(--space-24)}')
   })
 
   it('keeps all task composer touch controls at least 44px on mobile without horizontal overflow', () => {
@@ -1072,7 +1072,7 @@ describe('task and habit row decoration', () => {
     const mobileLayout = css.slice(css.indexOf('@media(max-width:930px){.shell'))
     expect(mobileLayout).toContain('.completed-filter-pill{min-width:138px;height:44px')
     expect(css).not.toContain('width:min(260px,100%)')
-    expect(css).not.toContain('.today-completed-toolbar{margin-top:8px}')
+    expect(css).not.toContain('.today-completed-toolbar{margin-top:var(--space-8)}')
     expect(css).not.toContain('.habit-toolbar{')
   })
 
@@ -1368,7 +1368,7 @@ describe('task detail layout', () => {
     expect(app).toContain('v-model="selectedDueDate" class="task-detail-due-input task-detail-field-input"')
     expect(app.match(/class="task-detail-field-input"/g)).toHaveLength(2)
     expect(css).toContain('.task-detail-field-input{width:100%!important;min-height:44px;border-radius:var(--radius-control)}')
-    expect(css).toContain('.task-detail-due-input{padding-inline:9px!important}')
+    expect(css).toContain('.task-detail-due-input{padding-inline:var(--space-8)!important}')
   })
 })
 
@@ -1432,7 +1432,7 @@ describe('unified floating add interaction', () => {
     const dueRemovalBlock = saveBlock.slice(saveBlock.indexOf('if (!taskSaved.due_at) {'), saveBlock.indexOf('} else {'))
     expect(dueRemovalBlock).not.toContain('saveRepeat(')
     expect(saveBlock).toContain("selectedRepeatError.value = ''")
-    expect(saveBlock).toContain("selectedRepeatError.value = reason instanceof Error ? reason.message : '保存失败'")
+    expect(saveBlock).toContain("selectedRepeatError.value = failureHint('保存失败', reason)")
     expect(saveBlock.indexOf("toast('已保存')")).toBeGreaterThan(saveBlock.indexOf('await saveRepeat(taskSaved, repeatValue, repeatConfig, afterCompletionDays, recurrence)'))
     expect(saveBlock).toContain('if (savingSelectedTask.value || recurrenceLoading.value) return')
     expect(saveBlock).toContain('savingSelectedTask.value = true')
@@ -1614,8 +1614,8 @@ describe('sidebar information hierarchy', () => {
     expect(archiveListBlock).toContain("confirmAction(`归档清单「${item.name}」？`, '任务会保留，可从“已归档”恢复')")
     expect(archiveListBlock).not.toContain("askText(`归档清单")
     expect(css).toContain('.list-editor-sheet{width:min(460px,calc(100vw - 24px));')
-    expect(css).toContain('@media(min-width:931px){.app-sheet-mask:has(.list-editor-sheet){place-items:center;padding:24px}.app-sheet-mask:has(.list-editor-sheet) .list-editor-sheet{margin:0}}')
-    expect(css).toContain('.list-editor-form{display:grid;gap:17px;padding:18px 20px}')
+    expect(css).toContain('@media(min-width:931px){.app-sheet-mask:has(.list-editor-sheet){place-items:center;padding:var(--space-24)}.app-sheet-mask:has(.list-editor-sheet) .list-editor-sheet{margin:0}}')
+    expect(css).toContain('.list-editor-form{display:grid;gap:17px;padding:var(--space-18) var(--space-20)}')
     expect(css).toContain('.list-editor-danger{border-top:1px solid var(--border-cream);')
     expect(app).toContain('@keydown.esc="sidebarCreateOpen=false;closeArchivedListAction();closeSidebarAction()"')
     expect(app).toContain('sidebarCreateOpen.value = false; sidebarAction.value = null')
@@ -1631,8 +1631,8 @@ describe('quiet index sidebar parity', () => {
     expect(css).toContain('.sidebar{border-right:1px solid var(--border-cream);background:var(--surface-canvas);')
     expect(css).toContain('.brand-row{height:68px;')
     expect(css).toContain('border-bottom:1px solid rgba(222,205,185,.75)')
-    expect(css).toContain('.primary-nav{display:grid;padding:10px 11px 8px;gap:2px}')
-    expect(css).toContain('@media(max-width:1050px) and (min-width:931px){main{padding-inline:24px}')
+    expect(css).toContain('.primary-nav{display:grid;padding:var(--space-10) var(--space-10) var(--space-8);gap:2px}')
+    expect(css).toContain('@media(max-width:1050px) and (min-width:931px){main{padding-inline:var(--space-24)}')
     expect(css).not.toContain('grid-template-columns:220px')
     expect(css).toContain('@media(max-width:930px){.shell')
     expect(css).toContain('left:0;width:236px;max-width:86vw;')
@@ -1642,9 +1642,9 @@ describe('quiet index sidebar parity', () => {
     expect(css).toContain('.primary-nav button.active{background:var(--nav-active-bg);color:var(--accent-ink);')
     expect(css).toContain('.primary-nav button.active::before,.list-row.active::before,.sidebar-management button.active::before{')
     expect(css).toContain('width:3px;height:18px;')
-    expect(css).toContain('.section-title{padding:14px 15px 5px 20px;')
-    expect(css).toContain('.folders{flex:1;min-height:0;padding:0 10px;')
-    expect(css).toContain('.folder-row>button,.list-row-main{flex:1;min-width:0;min-height:44px;border:0;background:transparent;padding:0 8px;')
+    expect(css).toContain('.section-title{padding:var(--space-14) var(--space-14) var(--space-4) var(--space-20);')
+    expect(css).toContain('.folders{flex:1;min-height:0;padding:0 var(--space-10);')
+    expect(css).toContain('.folder-row>button,.list-row-main{flex:1;min-width:0;min-height:44px;border:0;background:transparent;padding:0 var(--space-8);')
     expect(css).toContain('.list-row.active{background:var(--list-row-bg);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--list-row-shadow)}')
   })
 
@@ -1790,7 +1790,7 @@ describe('sidebar layout', () => {
     expect(app).toContain('@close="closePurgeList"')
     expect(app).not.toContain('handlePurgeDialogKeydown')
     expect(app).toContain('if (purgeListSubmitting.value) return')
-    expect(app).toContain('purgeListError.value = reason instanceof Error ? reason.message : \'永久删除失败\'')
+    expect(app).toContain("purgeListError.value = failureHint('永久删除失败', reason)")
     expect(app).toContain(':disabled="purgeListSubmitting"')
     expect(app).toContain('role="alert" class="purge-list-error"')
     expect(css).toContain('.purge-list-dialog button{min-height:44px;')
diff --git a/frontend/src/today-sections.css b/frontend/src/today-sections.css
index 3fcc10a..7d2d4fb 100644
--- a/frontend/src/today-sections.css
+++ b/frontend/src/today-sections.css
@@ -1,4 +1,4 @@
-.today-section-toggle{width:100%;min-height:44px;display:flex;align-items:center;padding:0;border:0;border-bottom:1px solid var(--border-hairline);background:transparent;color:var(--text-primary);text-align:left;border-radius:0}.today-section-toggle:hover{background:transparent}.today-section-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.today-section-title{display:flex;align-items:center;font-weight:700;font-size:13px;letter-spacing:.02em}.today-section-summary{margin-left:auto;color:var(--text-secondary);font-size:12px;font-weight:400}.today-section-chevron{width:14px;margin-left:3px;color:var(--text-secondary);font-size:13px;line-height:1;text-align:right}.today-collapsible-section,.today-habits-section{min-width:0}.today-habits-section.today-section-anchor{scroll-margin-top:18px}
+.today-section-toggle{width:100%;min-height:44px;display:flex;align-items:center;padding:0;border:0;border-bottom:1px solid var(--border-hairline);background:transparent;color:var(--text-primary);text-align:left;border-radius:0}.today-section-toggle:hover{background:transparent}.today-section-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.today-section-title{display:flex;align-items:center;font-weight:700;font-size:13px;letter-spacing:.02em}.today-section-summary{margin-left:auto;color:var(--text-secondary);font-size:12px;font-weight:400}.today-section-chevron{width:14px;margin-left:var(--space-2);color:var(--text-secondary);font-size:13px;line-height:1;text-align:right}.today-collapsible-section,.today-habits-section{min-width:0}.today-habits-section.today-section-anchor{scroll-margin-top:18px}
 
 
 /* Restrained motion: paper unfold/put-away for the three Today sections (grid-rows 0fr<->1fr 180ms). */
diff --git a/frontend/src/visual-polish.test.ts b/frontend/src/visual-polish.test.ts
index 9c75a53..294a0e4 100644
--- a/frontend/src/visual-polish.test.ts
+++ b/frontend/src/visual-polish.test.ts
@@ -93,10 +93,10 @@ describe('approved five-detail polish', () => {
     expect(app).toContain('<span class="pager-status" aria-live="polite"><strong>{{page}} / {{totalPages}}</strong><span>共 {{ totalTasks }} 项</span></span>')
     expect(app).toContain('class="pager-button pager-button--next"')
     expect(app).toContain('<span>下一页</span><ChevronRight aria-hidden="true"/>')
-    expect(css).toContain('.pager{min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:8px 0 14px;border-top:1px solid var(--border-hairline);background:transparent}')
-    expect(css).toContain('.pager-button{min-width:0;min-height:44px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--accent-ink);font-size:13px;font-weight:600;box-shadow:none;transition:transform .14s ease,background-color .14s ease,color .14s ease}')
+    expect(css).toContain('.pager{min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:var(--space-8) 0 var(--space-14);border-top:1px solid var(--border-hairline);background:transparent}')
+    expect(css).toContain('.pager-button{min-width:0;min-height:44px;padding:0 var(--space-8);display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--accent-ink);font-size:13px;font-weight:600;box-shadow:none;transition:transform .14s ease,background-color .14s ease,color .14s ease}')
     expect(css).toContain('.pager-status{min-width:72px;display:grid;justify-items:center;gap:1px;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}')
-    expect(css).toContain('@media(max-width:390px){.pager-button{padding:0 4px}.pager{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:2px}}')
+    expect(css).toContain('@media(max-width:390px){.pager-button{padding:0 var(--space-4)}.pager{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:2px}}')
     expect(app).toContain("if (activeView.value === 'upcoming') { openParams.set('due_from', isoAtLocalDayOffset(0)); openParams.set('due_to', isoAtLocalDayOffset(8)) }")
     expect(app).toContain("new Date(task.due_at) >= startOfLocalDay(0) && new Date(task.due_at) < startOfLocalDay(8)")
     expect(app).not.toContain('class="list-search-clear"')
@@ -109,9 +109,9 @@ describe('approved five-detail polish', () => {
     expect(app).toContain('class="trash-groups"')
     expect(css).toContain('.list-page-context{width:min(100%,630px);margin:0 auto 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 16px}')
     expect(css).toContain('.list-page-title{margin:0;font-size:34px;line-height:1.15;font-weight:700;letter-spacing:-.035em}')
-    expect(css).toContain('.list-page-summary{margin:8px 0 18px;color:var(--text-secondary);font-size:13px}')
+    expect(css).toContain('.list-page-summary{margin:var(--space-8) 0 var(--space-18);color:var(--text-secondary);font-size:13px}')
     expect(css).toContain('@media(min-width:1440px){main.list-main>.list-page-context')
-    expect(css).toContain('@media(max-width:720px){main.list-main{padding-left:29px;padding-right:29px}main.list-main>.list-page-context,main.list-main>.list-section-heading,main.list-main>.task-list,main.list-main>.list-page-meta,main.list-main>.pager,main.list-main>.mvp-view{width:100%}')
+    expect(css).toContain('@media(max-width:720px){main.list-main{padding-left:var(--space-28);padding-right:var(--space-28)}main.list-main>.list-page-context,main.list-main>.list-section-heading,main.list-main>.task-list,main.list-main>.list-page-meta,main.list-main>.pager,main.list-main>.mvp-view{width:100%}')
     expect(css).toContain('@media(min-width:721px) and (max-width:1439px){main.list-main>.list-page-context,main.list-main>.list-section-heading,main.list-main>.task-list,main.list-main>.list-page-meta,main.list-main>.pager,main.list-main>.mvp-view{width:min(100%,630px)}')
     expect(css).not.toContain('.list-search-reveal{')
     expect(css).toContain('@media(max-width:720px){')
@@ -139,10 +139,10 @@ describe('approved five-detail polish', () => {
     expect(css).toContain('.habit-section-heading{margin-top:0}')
     expect(css).toContain('main.list-main>.mvp-view{gap:0}')
     expect(css).toContain('main.list-main>.mvp-view>.habit-section-heading{width:100%}')
-    expect(css).toContain('main.list-main>.mvp-view>.habit-archive-section{margin-top:24px;padding-top:12px;border-top:1px solid var(--border-hairline)}')
+    expect(css).toContain('main.list-main>.mvp-view>.habit-archive-section{margin-top:var(--space-24);padding-top:var(--space-12);border-top:1px solid var(--border-hairline)}')
     expect(css).toContain('.habit-archive-section{display:grid;gap:10px}')
-    expect(css).toContain('.habit-archive-toggle{width:100%;min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:0 4px;border:0;background:transparent;box-shadow:none')
-    expect(css).toContain('.archived-habits{margin-top:2px;')
+    expect(css).toContain('.habit-archive-toggle{width:100%;min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:0 var(--space-4);border:0;background:transparent;box-shadow:none')
+    expect(css).toContain('.archived-habits{margin-top:var(--space-2);')
   })
 
   it('uses one 58px plain-list contract for active task and habit rows', () => {
@@ -159,7 +159,7 @@ describe('approved five-detail polish', () => {
     expect(css).toContain('.habit-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:18px 4px;align-content:center;row-gap:5px}')
     expect(css).toContain('.habit-row:has(>.habit-progress-bar)>.habit-main,.habit-row:has(>.habit-progress-bar)>.habit-progress-bar{transform:translateY(3px)}')
     expect(css).toContain('.task-main strong,.habit-name{display:block;min-width:0;font-size:15px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}')
-    expect(css).toContain('.task-tail,.habit-row-meta{min-width:0;max-width:132px;padding-left:12px;font-size:12px;font-weight:400;white-space:nowrap;text-align:right;overflow:hidden;text-overflow:ellipsis}')
+    expect(css).toContain('.task-tail,.habit-row-meta{min-width:0;max-width:132px;padding-left:var(--space-12);font-size:12px;font-weight:400;white-space:nowrap;text-align:right;overflow:hidden;text-overflow:ellipsis}')
     expect(css).toContain('.task-check{width:44px;')
     expect(css).toContain('.plain-list .habit-check{margin-left:0}')
     expect(memoCss).toContain('.memo-row{width:100%;height:74px;min-height:74px;max-height:76px;')