diff --git a/packages/web/src/components/BoardLoadMoreNotice.tsx b/packages/web/src/components/BoardLoadMoreNotice.tsx
index 71712bf..40e2bee 100644
--- a/packages/web/src/components/BoardLoadMoreNotice.tsx
+++ b/packages/web/src/components/BoardLoadMoreNotice.tsx
@@ -21,7 +21,7 @@ export function BoardLoadMoreNotice({
       role={errorMessage ? 'alert' : undefined}
       style={{ display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'wrap', padding: '6px 14px', margin: '0 var(--content-gutter)', flexShrink: 0 }}
     >
-      <p style={{ margin: 0, fontSize: 11 }}>
+      <p style={{ margin: 0, fontSize: 13 }}>
         {errorMessage ??
           'Showing the current page of issues. Load more to continue browsing this team.'}
       </p>
diff --git a/packages/web/src/components/IssueDetailDrawer.tsx b/packages/web/src/components/IssueDetailDrawer.tsx
index aec0ea3..cd3a1be 100644
--- a/packages/web/src/components/IssueDetailDrawer.tsx
+++ b/packages/web/src/components/IssueDetailDrawer.tsx
@@ -246,7 +246,7 @@ export function IssueDetailDrawer({
         <div className="issue-panel__header">
           <div className="issue-panel__title-row">
             {team ? <span className="context-chip context-chip--team">{team.key}</span> : null}
-            <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)' }}>
+            <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)' }}>
               {activeIssue.identifier}
             </span>
           </div>
@@ -359,7 +359,7 @@ export function IssueDetailDrawer({
                   {description ? (
                     <MarkdownRenderer content={description} />
                   ) : (
-                    <span style={{ color: 'var(--fg-dim)', fontSize: 13 }}>Add a description…</span>
+                    <span style={{ color: 'var(--fg-dim)', fontSize: 15 }}>Add a description…</span>
                   )}
                 </div>
               )}
diff --git a/packages/web/src/components/KanbanView.tsx b/packages/web/src/components/KanbanView.tsx
index 04d20e7..57df365 100644
--- a/packages/web/src/components/KanbanView.tsx
+++ b/packages/web/src/components/KanbanView.tsx
@@ -64,8 +64,8 @@ function KanbanColumn({
           {group.meta?.priority !== undefined && (
             <PriorityIcon level={group.meta.priority} size={12} />
           )}
-          <span style={{ fontSize: 12, fontWeight: 600 }}>{group.label}</span>
-          <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)' }}>
+          <span style={{ fontSize: 14, fontWeight: 600 }}>{group.label}</span>
+          <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)' }}>
             {group.issues.length}
           </span>
         </div>
diff --git a/packages/web/src/components/Primitives.tsx b/packages/web/src/components/Primitives.tsx
index 81783ed..cbc49ff 100644
--- a/packages/web/src/components/Primitives.tsx
+++ b/packages/web/src/components/Primitives.tsx
@@ -87,7 +87,7 @@ export function Btn({
     padding: icon && !children ? 0 : (size === 'md' ? '0 10px' : '0 8px'),
     width: icon && !children ? (size === 'md' ? 28 : 24) : undefined,
     justifyContent: 'center',
-    fontSize: 12, fontWeight: 500,
+    fontSize: 14, fontWeight: 500,
     borderRadius: 'var(--r-2)',
     transition: 'background var(--dur-1) var(--ease), color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease)',
     border: '1px solid transparent',
diff --git a/packages/web/src/components/RichTextEditor.tsx b/packages/web/src/components/RichTextEditor.tsx
index b7eb422..d2600b6 100644
--- a/packages/web/src/components/RichTextEditor.tsx
+++ b/packages/web/src/components/RichTextEditor.tsx
@@ -286,7 +286,7 @@ export function RichTextEditor({
           title="Code (`code`)"
           disabled={disabled}
           onClick={handleCode}
-          style={{ fontFamily: 'var(--font-mono)', fontSize: 12 }}
+          style={{ fontFamily: 'var(--font-mono)', fontSize: 14 }}
         >
           {'</>'}
         </button>
@@ -354,7 +354,7 @@ export function RichTextEditor({
             ↑ Uploading {uploadingCount} file{uploadingCount > 1 ? 's' : ''}…
           </span>
         ) : null}
-        <span style={{ fontSize: 10, color: 'var(--fg-dim)', marginRight: 4 }}>
+        <span style={{ fontSize: 12, color: 'var(--fg-dim)', marginRight: 4 }}>
           <Kbd keys={['⌘', '↵']} /> to submit
         </span>
         <button
@@ -364,7 +364,7 @@ export function RichTextEditor({
           onClick={() => onSubmit?.()}
           style={{
             display: 'inline-flex', alignItems: 'center', justifyContent: 'center',
-            height: 24, padding: '0 10px', fontSize: 12, fontWeight: 500,
+            height: 24, padding: '0 10px', fontSize: 14, fontWeight: 500,
             borderRadius: 'var(--r-2)', border: '1px solid transparent', cursor: 'pointer',
             whiteSpace: 'nowrap',
             ...(value.trim()
diff --git a/packages/web/src/routes/BoardPage.tsx b/packages/web/src/routes/BoardPage.tsx
index 2b3de06..052b07c 100644
--- a/packages/web/src/routes/BoardPage.tsx
+++ b/packages/web/src/routes/BoardPage.tsx
@@ -1685,26 +1685,26 @@ export function BoardPage() {
         <div style={{ display: 'flex', alignItems: 'center', gap: 8, minWidth: 0, whiteSpace: 'nowrap' }}>
           {selectedTeam ? (
             <span className="mono" style={{
-              fontSize: 10, fontWeight: 500, padding: '1px 5px', borderRadius: 3,
+              fontSize: 12, fontWeight: 500, padding: '1px 5px', borderRadius: 3,
               background: 'var(--bg-hover)', border: '1px solid var(--border)', color: 'var(--fg-muted)',
             }}>{selectedTeam.key}</span>
           ) : null}
-          <span style={{ fontSize: 13, fontWeight: 500, color: 'var(--fg)' }}>
+          <span style={{ fontSize: 15, fontWeight: 500, color: 'var(--fg)' }}>
             {selectedTeam?.name ?? 'Involute'}
           </span>
           <span style={{ color: 'var(--fg-faint)', display: 'inline-flex' }}>
             <IcoChevR size={12} />
           </span>
-          <h1 style={{ fontSize: 13, fontWeight: 400, color: 'var(--fg-muted)', margin: 0 }}>{isBacklogView ? 'Backlog' : 'All issues'}</h1>
-          <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)', marginLeft: 4 }}>{visibleIssues.length}</span>
+          <h1 style={{ fontSize: 15, fontWeight: 400, color: 'var(--fg-muted)', margin: 0 }}>{isBacklogView ? 'Backlog' : 'All issues'}</h1>
+          <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)', marginLeft: 4 }}>{visibleIssues.length}</span>
         </div>
-        <p className="app-shell__subtext" style={{ fontSize: 11, color: 'var(--fg-dim)', margin: 0 }}>
+        <p className="app-shell__subtext" style={{ fontSize: 13, color: 'var(--fg-dim)', margin: 0 }}>
           {isBacklogView
             ? `List view for ${selectedTeam?.name ?? 'your workspace'} issues.`
             : `Workflow overview for ${selectedTeam?.name ?? 'your workspace'}.`}
         </p>
         {isTeamSwitching ? (
-          <span style={{ fontSize: 11, color: 'var(--fg-dim)' }} aria-live="polite">
+          <span style={{ fontSize: 13, color: 'var(--fg-dim)' }} aria-live="polite">
             Switching to {teams.find((team) => team.key === pendingTeamKey)?.name ?? pendingTeamKey}…
           </span>
         ) : null}
@@ -1722,7 +1722,7 @@ export function BoardPage() {
               setPendingTeamKey(nextTeamKey);
             }}
             style={{
-              height: 24, padding: '0 8px', fontSize: 11.5,
+              height: 24, padding: '0 8px', fontSize: 13.5,
               background: 'transparent', border: '1px solid var(--border)',
               borderRadius: 'var(--r-2)', color: 'var(--fg)',
             }}
@@ -1789,16 +1789,16 @@ export function BoardPage() {
                     setActiveSavedBoardViewId('');
                   }
                 }}
-                style={{ flex: 1, fontSize: 12, color: 'var(--fg)', background: 'transparent', height: 22, border: 'none', outline: 'none' }}
+                style={{ flex: 1, fontSize: 14, color: 'var(--fg)', background: 'transparent', height: 22, border: 'none', outline: 'none' }}
               />
               <kbd>/</kbd>
             </div>
 
-            <details style={{ position: 'relative', fontSize: 11 }}>
+            <details style={{ position: 'relative', fontSize: 13 }}>
               <summary style={{ cursor: 'pointer', padding: '2px 8px', borderRadius: 'var(--r-1)', color: 'var(--fg-muted)' }}>States</summary>
               <fieldset style={{ position: 'absolute', top: '100%', left: 0, zIndex: 10, background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', padding: 8, display: 'flex', flexDirection: 'column', gap: 4, minWidth: 140 }}>
                 {(selectedTeam?.states.nodes ?? []).map((state) => (
-                  <label key={state.id} style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 11, cursor: 'pointer' }}>
+                  <label key={state.id} style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 13, cursor: 'pointer' }}>
                     <input type="checkbox" checked={boardViewState.stateIds.includes(state.id)} onChange={() => toggleBoardFilterValue('stateIds', state.id)} aria-label={state.name} />
                     {state.name}
                   </label>
@@ -1806,11 +1806,11 @@ export function BoardPage() {
               </fieldset>
             </details>
 
-            <details style={{ position: 'relative', fontSize: 11 }}>
+            <details style={{ position: 'relative', fontSize: 13 }}>
               <summary style={{ cursor: 'pointer', padding: '2px 8px', borderRadius: 'var(--r-1)', color: 'var(--fg-muted)' }}>Labels</summary>
               <fieldset style={{ position: 'absolute', top: '100%', left: 0, zIndex: 10, background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', padding: 8, display: 'flex', flexDirection: 'column', gap: 4, minWidth: 140 }}>
                 {labels.map((label) => (
-                  <label key={label.id} style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 11, cursor: 'pointer' }}>
+                  <label key={label.id} style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 13, cursor: 'pointer' }}>
                     <input type="checkbox" checked={boardViewState.labelIds.includes(label.id)} onChange={() => toggleBoardFilterValue('labelIds', label.id)} aria-label={label.name} />
                     {label.name}
                   </label>
@@ -1818,15 +1818,15 @@ export function BoardPage() {
               </fieldset>
             </details>
 
-            <details style={{ position: 'relative', fontSize: 11 }}>
+            <details style={{ position: 'relative', fontSize: 13 }}>
               <summary style={{ cursor: 'pointer', padding: '2px 8px', borderRadius: 'var(--r-1)', color: 'var(--fg-muted)' }}>Assignees</summary>
               <fieldset style={{ position: 'absolute', top: '100%', left: 0, zIndex: 10, background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', padding: 8, display: 'flex', flexDirection: 'column', gap: 4, minWidth: 140 }}>
-                <label style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 11, cursor: 'pointer' }}>
+                <label style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 13, cursor: 'pointer' }}>
                   <input type="checkbox" checked={boardViewState.assigneeIds.includes('unassigned')} onChange={() => toggleBoardFilterValue('assigneeIds', 'unassigned')} aria-label="Unassigned" />
                   Unassigned
                 </label>
                 {users.map((user) => (
-                  <label key={user.id} style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 11, cursor: 'pointer' }}>
+                  <label key={user.id} style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 13, cursor: 'pointer' }}>
                     <input type="checkbox" checked={boardViewState.assigneeIds.includes(user.id)} onChange={() => toggleBoardFilterValue('assigneeIds', user.id)} aria-label={user.name ?? user.email ?? user.id} />
                     {user.name ?? user.email}
                   </label>
@@ -1839,7 +1839,7 @@ export function BoardPage() {
               return (
                 <button key={stateId} type="button" aria-label={`Remove State: ${state?.name ?? stateId}`} onClick={() => toggleBoardFilterValue('stateIds', stateId)} style={{
                   display: 'inline-flex', alignItems: 'center', gap: 5, height: 22, padding: '0 8px',
-                  fontSize: 11, fontWeight: 500, border: '1px solid var(--border-strong)', borderRadius: 11,
+                  fontSize: 13, fontWeight: 500, border: '1px solid var(--border-strong)', borderRadius: 11,
                   background: 'var(--bg-active)', color: 'var(--fg)', cursor: 'pointer',
                 }}>
                   State: {state?.name ?? stateId}
@@ -1853,7 +1853,7 @@ export function BoardPage() {
               return (
                 <button key={assigneeId} type="button" aria-label={`Remove Assignee: ${assigneeId === 'unassigned' ? 'Unassigned' : (user?.name ?? user?.email ?? assigneeId)}`} onClick={() => toggleBoardFilterValue('assigneeIds', assigneeId)} style={{
                   display: 'inline-flex', alignItems: 'center', gap: 5, height: 22, padding: '0 8px',
-                  fontSize: 11, fontWeight: 500, border: '1px solid var(--border-strong)', borderRadius: 11,
+                  fontSize: 13, fontWeight: 500, border: '1px solid var(--border-strong)', borderRadius: 11,
                   background: 'var(--bg-active)', color: 'var(--fg)', cursor: 'pointer',
                 }}>
                   Assignee: {assigneeId === 'unassigned' ? 'Unassigned' : (user?.name ?? user?.email ?? assigneeId)}
@@ -1867,7 +1867,7 @@ export function BoardPage() {
               return (
                 <button key={labelId} type="button" aria-label={`Remove Label: ${label?.name ?? labelId}`} onClick={() => toggleBoardFilterValue('labelIds', labelId)} style={{
                   display: 'inline-flex', alignItems: 'center', gap: 5, height: 22, padding: '0 8px',
-                  fontSize: 11, fontWeight: 500, border: '1px solid var(--border-strong)', borderRadius: 11,
+                  fontSize: 13, fontWeight: 500, border: '1px solid var(--border-strong)', borderRadius: 11,
                   background: 'var(--bg-active)', color: 'var(--fg)', cursor: 'pointer',
                 }}>
                   Label: {label?.name ?? labelId}
@@ -1879,13 +1879,13 @@ export function BoardPage() {
             {(boardViewState.query || boardViewState.assigneeIds.length > 0 || boardViewState.stateIds.length > 0 || boardViewState.labelIds.length > 0) ? (
               <button type="button" onClick={resetBoardViewState} style={{
                 display: 'inline-flex', alignItems: 'center', gap: 4, height: 22, padding: '0 8px',
-                fontSize: 11, fontWeight: 500, color: 'var(--fg-dim)', cursor: 'pointer',
+                fontSize: 13, fontWeight: 500, color: 'var(--fg-dim)', cursor: 'pointer',
                 background: 'transparent', border: 'none',
               }}>Clear all</button>
             ) : null}
 
             {activeSavedBoardViewId ? (
-              <span style={{ fontSize: 11, color: 'var(--fg-dim)' }}>
+              <span style={{ fontSize: 13, color: 'var(--fg-dim)' }}>
                 Loaded view: {savedBoardViews.find((v) => v.id === activeSavedBoardViewId)?.name ?? 'Unknown'}
               </span>
             ) : null}
@@ -1893,7 +1893,7 @@ export function BoardPage() {
             <div style={{ flex: 1 }} />
 
             <div style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
-              <span style={{ fontSize: 11, color: 'var(--fg-dim)' }}>Sort</span>
+              <span style={{ fontSize: 13, color: 'var(--fg-dim)' }}>Sort</span>
               <select
                 aria-label="Sort board by"
                 value={boardViewState.sortField}
@@ -1904,7 +1904,7 @@ export function BoardPage() {
                   }));
                   setActiveSavedBoardViewId('');
                 }}
-                style={{ height: 22, padding: '0 6px', fontSize: 11, fontWeight: 500, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)', cursor: 'pointer' }}
+                style={{ height: 22, padding: '0 6px', fontSize: 13, fontWeight: 500, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)', cursor: 'pointer' }}
               >
                 <option value="updatedAt">Updated</option>
                 <option value="createdAt">Created</option>
@@ -1921,7 +1921,7 @@ export function BoardPage() {
                   }));
                   setActiveSavedBoardViewId('');
                 }}
-                style={{ height: 22, padding: '0 6px', fontSize: 11, fontWeight: 500, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)', cursor: 'pointer' }}
+                style={{ height: 22, padding: '0 6px', fontSize: 13, fontWeight: 500, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)', cursor: 'pointer' }}
               >
                 <option value="asc">Asc</option>
                 <option value="desc">Desc</option>
@@ -1929,7 +1929,7 @@ export function BoardPage() {
             </div>
 
             <div style={{ display: 'flex', gap: 2, alignItems: 'center' }}>
-              <span style={{ fontSize: 11, color: 'var(--fg-dim)', marginRight: 4 }}>Group</span>
+              <span style={{ fontSize: 13, color: 'var(--fg-dim)', marginRight: 4 }}>Group</span>
               <select
                 aria-label="Group board by"
                 value={boardViewState.groupBy}
@@ -1941,7 +1941,7 @@ export function BoardPage() {
                   setActiveSavedBoardViewId('');
                   setInlineCreateGroupId(null);
                 }}
-                style={{ height: 22, padding: '0 6px', fontSize: 11, fontWeight: 500, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)', cursor: 'pointer' }}
+                style={{ height: 22, padding: '0 6px', fontSize: 13, fontWeight: 500, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)', cursor: 'pointer' }}
               >
                 <option value="status">Status</option>
                 <option value="priority">Priority</option>
@@ -1951,11 +1951,11 @@ export function BoardPage() {
               </select>
             </div>
 
-            <details style={{ position: 'relative', fontSize: 11 }}>
+            <details style={{ position: 'relative', fontSize: 13 }}>
               <summary style={{ cursor: 'pointer', padding: '2px 8px', borderRadius: 'var(--r-1)', color: 'var(--fg-muted)' }}>Columns</summary>
               <fieldset style={{ position: 'absolute', top: '100%', right: 0, zIndex: 10, background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', padding: 8, display: 'flex', flexDirection: 'column', gap: 4, minWidth: 160 }}>
                 {(selectedTeam?.states.nodes ?? []).map((state) => (
-                  <label key={state.id} style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 11, cursor: 'pointer' }}>
+                  <label key={state.id} style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 13, cursor: 'pointer' }}>
                     <input type="checkbox" checked={!collapsedColumns[state.id]} onChange={() => toggleColumnCollapse(state.id)} aria-label={`Toggle ${state.name} column`} />
                     {state.name}
                   </label>
@@ -1964,8 +1964,8 @@ export function BoardPage() {
             </details>
 
             <div style={{ display: 'flex', alignItems: 'center', gap: 4, marginLeft: 4 }}>
-              <button type="button" onClick={() => { const name = window.prompt('View name'); if (name) { const nextView: SavedBoardView = { id: crypto.randomUUID(), name, state: { ...boardViewState } }; const nextViews = [...savedBoardViews, nextView]; setSavedBoardViews(nextViews); writeSavedBoardViews(activeTeamKey, nextViews); setActiveSavedBoardViewId(nextView.id); } }} style={{ height: 22, padding: '0 6px', fontSize: 11, border: '1px solid var(--border)', borderRadius: 'var(--r-2)', background: 'transparent', color: 'var(--fg-muted)', cursor: 'pointer' }}>Save view</button>
-              <button type="button" onClick={() => { resetBoardViewState(); setActiveSavedBoardViewId(''); }} style={{ height: 22, padding: '0 6px', fontSize: 11, border: 'none', background: 'transparent', color: 'var(--fg-dim)', cursor: 'pointer' }}>Clear</button>
+              <button type="button" onClick={() => { const name = window.prompt('View name'); if (name) { const nextView: SavedBoardView = { id: crypto.randomUUID(), name, state: { ...boardViewState } }; const nextViews = [...savedBoardViews, nextView]; setSavedBoardViews(nextViews); writeSavedBoardViews(activeTeamKey, nextViews); setActiveSavedBoardViewId(nextView.id); } }} style={{ height: 22, padding: '0 6px', fontSize: 13, border: '1px solid var(--border)', borderRadius: 'var(--r-2)', background: 'transparent', color: 'var(--fg-muted)', cursor: 'pointer' }}>Save view</button>
+              <button type="button" onClick={() => { resetBoardViewState(); setActiveSavedBoardViewId(''); }} style={{ height: 22, padding: '0 6px', fontSize: 13, border: 'none', background: 'transparent', color: 'var(--fg-dim)', cursor: 'pointer' }}>Clear</button>
               <select
                 aria-label="Load saved board view"
                 value={activeSavedBoardViewId}
@@ -1975,7 +1975,7 @@ export function BoardPage() {
                   const view = savedBoardViews.find((v) => v.id === viewId);
                   if (view) { dispatchApplyBoardView({ state: view.state, viewId: view.id }); }
                 }}
-                style={{ height: 22, padding: '0 6px', fontSize: 11, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)', cursor: 'pointer' }}
+                style={{ height: 22, padding: '0 6px', fontSize: 13, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)', cursor: 'pointer' }}
               >
                 <option value="">Views</option>
                 {savedBoardViews.map((view) => (
@@ -1993,7 +1993,7 @@ export function BoardPage() {
                 setInlineCreateGroupId(null);
               }} style={{
                 height: 20, padding: '0 6px', display: 'inline-flex', alignItems: 'center', gap: 4,
-                fontSize: 11, fontWeight: 500, borderRadius: 'var(--r-1)', border: 'none', cursor: 'pointer',
+                fontSize: 13, fontWeight: 500, borderRadius: 'var(--r-1)', border: 'none', cursor: 'pointer',
                 color: boardViewState.viewMode === 'list' ? 'var(--fg)' : 'var(--fg-muted)',
                 background: boardViewState.viewMode === 'list' ? 'var(--bg-active)' : 'transparent',
               }}>
@@ -2004,7 +2004,7 @@ export function BoardPage() {
                 setInlineCreateGroupId(null);
               }} style={{
                 height: 20, padding: '0 6px', display: 'inline-flex', alignItems: 'center', gap: 4,
-                fontSize: 11, fontWeight: 500, borderRadius: 'var(--r-1)', border: 'none', cursor: 'pointer',
+                fontSize: 13, fontWeight: 500, borderRadius: 'var(--r-1)', border: 'none', cursor: 'pointer',
                 color: boardViewState.viewMode === 'board' ? 'var(--fg)' : 'var(--fg-muted)',
                 background: boardViewState.viewMode === 'board' ? 'var(--bg-active)' : 'transparent',
               }}>
@@ -2018,13 +2018,13 @@ export function BoardPage() {
               display: 'flex', alignItems: 'center', gap: 8,
               padding: '6px var(--pad-x, var(--content-gutter))',
               borderBottom: '1px solid var(--border-subtle)',
-              background: 'var(--bg-sunken)', fontSize: 12,
+              background: 'var(--bg-sunken)', fontSize: 14,
             }} aria-label="Bulk actions">
-              <strong style={{ fontSize: 12 }}>{selectedIssueIds.length} selected</strong>
+              <strong style={{ fontSize: 14 }}>{selectedIssueIds.length} selected</strong>
               <button type="button" className="ui-action ui-action--subtle" onClick={selectAllVisibleIssues}>Select all</button>
               <button type="button" className="ui-action ui-action--subtle" onClick={() => setSelectedIssueIds([])}>Clear</button>
               <select aria-label="Bulk move selected issues to state" value={bulkTargetStateId} onChange={(event) => setBulkTargetStateId(event.target.value)}
-                style={{ height: 24, padding: '0 6px', fontSize: 11, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)' }}>
+                style={{ height: 24, padding: '0 6px', fontSize: 13, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)' }}>
                 <option value="">Move to…</option>
                 {selectedTeam?.states.nodes.map((state) => (<option key={state.id} value={state.id}>{state.name}</option>))}
               </select>
@@ -2032,7 +2032,7 @@ export function BoardPage() {
                 <button type="button" className="ui-action ui-action--accent" disabled={isSavingState} onClick={() => void applyBulkStateChange()}>Apply to selected</button>
               ) : null}
               <select aria-label="Bulk assign selected issues" value={bulkAssigneeId} onChange={(event) => setBulkAssigneeId(event.target.value)}
-                style={{ height: 24, padding: '0 6px', fontSize: 11, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)' }}>
+                style={{ height: 24, padding: '0 6px', fontSize: 13, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)' }}>
                 <option value="">Assign to…</option>
                 <option value="unassigned">Unassigned</option>
                 {users.map((user) => (<option key={user.id} value={user.id}>{user.name ?? user.email ?? user.id}</option>))}
@@ -2041,7 +2041,7 @@ export function BoardPage() {
                 <button type="button" className="ui-action ui-action--subtle" disabled={isSavingState} onClick={() => void applyBulkAssigneeChange()}>Apply assignee</button>
               ) : null}
               <select aria-label="Bulk add label to selected issues" value={bulkLabelId} onChange={(event) => setBulkLabelId(event.target.value)}
-                style={{ height: 24, padding: '0 6px', fontSize: 11, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)' }}>
+                style={{ height: 24, padding: '0 6px', fontSize: 13, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)' }}>
                 <option value="">Add label…</option>
                 {labels.map((label) => (<option key={label.id} value={label.id}>{label.name}</option>))}
               </select>
@@ -2049,7 +2049,7 @@ export function BoardPage() {
                 <button type="button" className="ui-action ui-action--subtle" disabled={isSavingState} onClick={() => void applyBulkLabelAdd()}>Add label</button>
               ) : null}
               <select aria-label="Bulk remove label from selected issues" value={bulkRemoveLabelId} onChange={(event) => setBulkRemoveLabelId(event.target.value)}
-                style={{ height: 24, padding: '0 6px', fontSize: 11, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)' }}>
+                style={{ height: 24, padding: '0 6px', fontSize: 13, background: 'transparent', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', color: 'var(--fg)' }}>
                 <option value="">Remove label…</option>
                 {labels.map((label) => (<option key={label.id} value={label.id}>{label.name}</option>))}
               </select>
@@ -2228,7 +2228,7 @@ export function BoardPage() {
                   {group.issues.length === 0 && boardViewState.groupBy !== 'none' && inlineCreateGroupId !== group.id && (
                     <div style={{
                       padding: '10px var(--content-gutter)',
-                      fontSize: 12, color: 'var(--fg-faint)',
+                      fontSize: 14, color: 'var(--fg-faint)',
                       borderBottom: '1px solid var(--border-subtle)',
                     }}>
                       No issues
diff --git a/packages/web/src/routes/CyclesPage.tsx b/packages/web/src/routes/CyclesPage.tsx
index a928c1a..96e6f36 100644
--- a/packages/web/src/routes/CyclesPage.tsx
+++ b/packages/web/src/routes/CyclesPage.tsx
@@ -179,7 +179,7 @@ export function CyclesPage() {
         }}>
           <div style={{ width: `${pct}%`, height: '100%', background: 'var(--accent)', borderRadius: 2 }} />
         </div>
-        <span style={{ fontSize: 11, color: 'var(--fg-dim)' }}>{pct}%</span>
+        <span style={{ fontSize: 13, color: 'var(--fg-dim)' }}>{pct}%</span>
       </div>
     );
   }
@@ -188,12 +188,12 @@ export function CyclesPage() {
     <div style={{ display: 'flex', flexDirection: 'column', height: '100%', background: 'var(--bg)' }}>
       <div className="page-header">
         <span style={{ color: 'var(--fg-dim)', display: 'inline-flex' }}><IcoCycle /></span>
-        <span style={{ fontSize: 13, fontWeight: 500 }}>Cycles</span>
+        <span style={{ fontSize: 15, fontWeight: 500 }}>Cycles</span>
         {teamKey && (
           <>
-            <span style={{ color: 'var(--fg-faint)', fontSize: 12 }}>·</span>
+            <span style={{ color: 'var(--fg-faint)', fontSize: 14 }}>·</span>
             <span className="mono" style={{
-              fontSize: 10, padding: '1px 5px', borderRadius: 3,
+              fontSize: 12, padding: '1px 5px', borderRadius: 3,
               background: 'var(--bg-hover)', border: '1px solid var(--border)',
               color: 'var(--fg-muted)',
             }}>
@@ -209,7 +209,7 @@ export function CyclesPage() {
 
       <div className="page-content">
         {loading ? (
-          <div style={{ padding: 40, textAlign: 'center', color: 'var(--fg-dim)', fontSize: 12 }}>
+          <div style={{ padding: 40, textAlign: 'center', color: 'var(--fg-dim)', fontSize: 14 }}>
             Loading cycles…
           </div>
         ) : cycles.length === 0 ? (
@@ -231,7 +231,7 @@ export function CyclesPage() {
           <div style={{ padding: '20px var(--pad-x)' }}>
             {activeCycle && (
               <section style={{ marginBottom: 32 }}>
-                <div style={{ fontSize: 11, fontWeight: 500, color: 'var(--fg-dim)', marginBottom: 8, letterSpacing: '0.03em' }}>
+                <div style={{ fontSize: 13, fontWeight: 500, color: 'var(--fg-dim)', marginBottom: 8, letterSpacing: '0.03em' }}>
                   ACTIVE CYCLE
                 </div>
                 <div style={{
@@ -239,8 +239,8 @@ export function CyclesPage() {
                   padding: 16, background: 'var(--bg-raised)',
                 }}>
                   <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
-                    <span style={{ fontSize: 14, fontWeight: 500 }}>{activeCycle.name}</span>
-                    <span style={{ fontSize: 11, color: 'var(--fg-dim)' }}>
+                    <span style={{ fontSize: 15, fontWeight: 500 }}>{activeCycle.name}</span>
+                    <span style={{ fontSize: 13, color: 'var(--fg-dim)' }}>
                       {formatDate(activeCycle.startsAt)} – {formatDate(activeCycle.endsAt)}
                     </span>
                     <div style={{ flex: 1 }} />
@@ -259,11 +259,11 @@ export function CyclesPage() {
                           style={{
                             display: 'flex', alignItems: 'center', gap: 8,
                             width: '100%', padding: '6px 0', background: 'none', border: 'none',
-                            cursor: 'pointer', fontSize: 12.5, color: 'var(--fg)', textAlign: 'left',
+                            cursor: 'pointer', fontSize: 14.5, color: 'var(--fg)', textAlign: 'left',
                           }}
                         >
                           <StatusIconPrimitive stateType={getStateType(issue.state.type)} stateColor={getStateColor(issue.state.type)} size={14} />
-                          <span className="mono" style={{ fontSize: 10, color: 'var(--fg-dim)' }}>{issue.identifier}</span>
+                          <span className="mono" style={{ fontSize: 12, color: 'var(--fg-dim)' }}>{issue.identifier}</span>
                           <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{issue.title}</span>
                         </button>
                       ))}
@@ -275,7 +275,7 @@ export function CyclesPage() {
 
             {upcomingCycles.length > 0 && (
               <section style={{ marginBottom: 32 }}>
-                <div style={{ fontSize: 11, fontWeight: 500, color: 'var(--fg-dim)', marginBottom: 8, letterSpacing: '0.03em' }}>
+                <div style={{ fontSize: 13, fontWeight: 500, color: 'var(--fg-dim)', marginBottom: 8, letterSpacing: '0.03em' }}>
                   UPCOMING
                 </div>
                 {upcomingCycles.map((cycle) => (
@@ -286,7 +286,7 @@ export function CyclesPage() {
 
             {completedCycles.length > 0 && (
               <section>
-                <div style={{ fontSize: 11, fontWeight: 500, color: 'var(--fg-dim)', marginBottom: 8, letterSpacing: '0.03em' }}>
+                <div style={{ fontSize: 13, fontWeight: 500, color: 'var(--fg-dim)', marginBottom: 8, letterSpacing: '0.03em' }}>
                   COMPLETED
                 </div>
                 {completedCycles.map((cycle) => (
@@ -300,13 +300,13 @@ export function CyclesPage() {
 
       <dialog ref={dialogRef} className="dialog-modal" onClick={(e) => { if (e.target === dialogRef.current) dialogRef.current?.close(); }}>
         <form onSubmit={handleSubmit} style={{ padding: 20, minWidth: 340 }}>
-          <h3 style={{ margin: '0 0 16px', fontSize: 14, fontWeight: 500 }}>
+          <h3 style={{ margin: '0 0 16px', fontSize: 15, fontWeight: 500 }}>
             {dialogMode === 'create' ? 'New cycle' : 'Edit cycle'}
           </h3>
           <label style={{ display: 'block', marginBottom: 12 }}>
-            <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Name</span>
+            <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Name</span>
             <input
-              style={{ width: '100%', height: 30, padding: '0 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12.5, color: 'var(--fg)' }}
+              style={{ width: '100%', height: 30, padding: '0 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14.5, color: 'var(--fg)' }}
               value={formName}
               onChange={(e) => setFormName(e.target.value)}
               placeholder="e.g. Sprint 1"
@@ -315,20 +315,20 @@ export function CyclesPage() {
           </label>
           <div style={{ display: 'flex', gap: 12, marginBottom: 16 }}>
             <label style={{ flex: 1 }}>
-              <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Start date</span>
+              <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Start date</span>
               <input
                 type="date"
-                style={{ width: '100%', height: 30, padding: '0 8px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12, color: 'var(--fg)' }}
+                style={{ width: '100%', height: 30, padding: '0 8px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14, color: 'var(--fg)' }}
                 value={formStartsAt}
                 onChange={(e) => setFormStartsAt(e.target.value)}
                 required
               />
             </label>
             <label style={{ flex: 1 }}>
-              <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>End date</span>
+              <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>End date</span>
               <input
                 type="date"
-                style={{ width: '100%', height: 30, padding: '0 8px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12, color: 'var(--fg)' }}
+                style={{ width: '100%', height: 30, padding: '0 8px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14, color: 'var(--fg)' }}
                 value={formEndsAt}
                 onChange={(e) => setFormEndsAt(e.target.value)}
                 required
@@ -356,11 +356,11 @@ function CycleRow({ cycle, onEdit, onDelete }: { cycle: CycleSummary; onEdit: ()
       border: '1px solid var(--border)', marginBottom: 6, background: 'var(--bg-raised)',
     }}>
       <IcoCycle size={14} style={{ color: 'var(--fg-dim)' }} />
-      <span style={{ fontSize: 13, fontWeight: 500, flex: 1 }}>{cycle.name}</span>
-      <span style={{ fontSize: 11, color: 'var(--fg-dim)' }}>
+      <span style={{ fontSize: 15, fontWeight: 500, flex: 1 }}>{cycle.name}</span>
+      <span style={{ fontSize: 13, color: 'var(--fg-dim)' }}>
         {formatDate(cycle.startsAt)} – {formatDate(cycle.endsAt)}
       </span>
-      <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)' }}>{issueCount} issues</span>
+      <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)' }}>{issueCount} issues</span>
       <Btn variant="ghost" size="sm" onClick={onEdit}>Edit</Btn>
       <Btn variant="ghost" size="sm" onClick={onDelete} style={{ color: 'var(--danger)' }}>Delete</Btn>
     </div>
diff --git a/packages/web/src/routes/InboxPage.tsx b/packages/web/src/routes/InboxPage.tsx
index 8426ab5..e52d21d 100644
--- a/packages/web/src/routes/InboxPage.tsx
+++ b/packages/web/src/routes/InboxPage.tsx
@@ -133,7 +133,7 @@ export function InboxPage() {
       <header className="inbox-page__header">
         <IcoInbox size={14} style={{ color: 'var(--fg-dim)' }} />
         <span className="inbox-page__title">Inbox</span>
-        <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)' }}>
+        <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)' }}>
           {unreadCount}
         </span>
         <div style={{ flex: 1 }} />
diff --git a/packages/web/src/routes/IssuePage.tsx b/packages/web/src/routes/IssuePage.tsx
index 26d067c..d0d5c8c 100644
--- a/packages/web/src/routes/IssuePage.tsx
+++ b/packages/web/src/routes/IssuePage.tsx
@@ -557,7 +557,7 @@ export function IssuePage() {
                 onClick={() => navigate(`/issue/${activeIssue.parent!.id}`)}
                 style={{
                   background: 'none', border: 'none', cursor: 'pointer',
-                  fontSize: 11, color: 'var(--fg-muted)', padding: '2px 4px',
+                  fontSize: 13, color: 'var(--fg-muted)', padding: '2px 4px',
                   borderRadius: 'var(--r-1)',
                 }}
                 className="mono"
@@ -572,7 +572,7 @@ export function IssuePage() {
           <span style={{ color: 'var(--fg-faint)', display: 'inline-flex' }}>
             <IcoChevR size={10} />
           </span>
-          <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)' }}>
+          <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)' }}>
             {activeIssue.identifier}
           </span>
         </div>
@@ -590,7 +590,7 @@ export function IssuePage() {
               }}>
                 <button
                   type="button"
-                  style={{ display: 'flex', alignItems: 'center', gap: 8, width: '100%', padding: '6px 10px', fontSize: 12, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--fg)', borderRadius: 'var(--r-1)' }}
+                  style={{ display: 'flex', alignItems: 'center', gap: 8, width: '100%', padding: '6px 10px', fontSize: 14, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--fg)', borderRadius: 'var(--r-1)' }}
                   onClick={() => { setMoreMenuOpen(false); handleCopyLink(); }}
                   onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--bg-hover)'; }}
                   onMouseLeave={(e) => { e.currentTarget.style.background = 'none'; }}
@@ -599,7 +599,7 @@ export function IssuePage() {
                 </button>
                 <button
                   type="button"
-                  style={{ display: 'flex', alignItems: 'center', gap: 8, width: '100%', padding: '6px 10px', fontSize: 12, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--danger)', borderRadius: 'var(--r-1)' }}
+                  style={{ display: 'flex', alignItems: 'center', gap: 8, width: '100%', padding: '6px 10px', fontSize: 14, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--danger)', borderRadius: 'var(--r-1)' }}
                   onClick={() => {
                     setMoreMenuOpen(false);
                     if (confirmIssueDelete()) {
@@ -664,7 +664,7 @@ export function IssuePage() {
                   <button
                     type="button"
                     style={{
-                      height: 26, padding: '0 12px', fontSize: 12, fontWeight: 500,
+                      height: 26, padding: '0 12px', fontSize: 14, fontWeight: 500,
                       borderRadius: 'var(--r-2)', border: '1px solid var(--border)', cursor: 'pointer',
                       background: 'transparent', color: 'var(--fg-muted)',
                     }}
@@ -687,13 +687,13 @@ export function IssuePage() {
                 {description ? (
                   <MarkdownRenderer content={description} />
                 ) : (
-                  <span style={{ color: 'var(--fg-dim)', fontSize: 13 }}>Add a description…</span>
+                  <span style={{ color: 'var(--fg-dim)', fontSize: 15 }}>Add a description…</span>
                 )}
                 <button
                   type="button"
                   style={{
                     position: 'absolute', top: 0, right: 0,
-                    height: 22, padding: '0 8px', fontSize: 11, fontWeight: 500,
+                    height: 22, padding: '0 8px', fontSize: 13, fontWeight: 500,
                     borderRadius: 'var(--r-2)', border: '1px solid var(--border)', cursor: 'pointer',
                     background: 'var(--bg-hover)', color: 'var(--fg-muted)',
                     opacity: 0.7,
@@ -711,7 +711,7 @@ export function IssuePage() {
                   type="button"
                   className="issue-children__row"
                   onClick={() => navigate(`/issue/${activeIssue.parent!.id}`)}
-                  style={{ display: 'flex', gap: 6, padding: '4px 0', background: 'none', border: 'none', cursor: 'pointer', color: 'var(--fg)', fontSize: 13 }}
+                  style={{ display: 'flex', gap: 6, padding: '4px 0', background: 'none', border: 'none', cursor: 'pointer', color: 'var(--fg)', fontSize: 15 }}
                 >
                   {activeIssue.parent.identifier} — {activeIssue.parent.title}
                 </button>
@@ -750,10 +750,10 @@ export function IssuePage() {
                       <Avatar user={{ name: renderCommentAuthor(entry.comment) }} size={22} />
                       <div style={{ flex: 1, minWidth: 0 }}>
                         <div className="issue-activity__comment-meta">
-                          <span style={{ fontSize: 12.5, fontWeight: 500, color: 'var(--fg)' }}>
+                          <span style={{ fontSize: 14.5, fontWeight: 500, color: 'var(--fg)' }}>
                             {renderCommentAuthor(entry.comment)}
                           </span>
-                          <span style={{ fontSize: 11, color: 'var(--fg-dim)' }}>
+                          <span style={{ fontSize: 13, color: 'var(--fg-dim)' }}>
                             {formatTimestamp(entry.timestamp)}
                           </span>
                           <button
@@ -785,7 +785,7 @@ export function IssuePage() {
                       {entry.body ? (
                         <span style={{ color: 'var(--fg-muted)' }}>{entry.body}</span>
                       ) : null}
-                      <span style={{ marginLeft: 'auto', fontSize: 11 }}>
+                      <span style={{ marginLeft: 'auto', fontSize: 13 }}>
                         {formatTimestamp(entry.timestamp)}
                       </span>
                     </div>
@@ -950,7 +950,7 @@ export function IssuePage() {
             <div className="issue-panel__prop-label">Team</div>
             <div className="issue-panel__prop-value">
               <span className="mono" style={{
-                fontSize: 10, padding: '1px 5px', borderRadius: 3,
+                fontSize: 12, padding: '1px 5px', borderRadius: 3,
                 background: 'var(--bg-hover)', border: '1px solid var(--border)',
                 color: 'var(--fg-muted)',
               }}>
diff --git a/packages/web/src/routes/MembersPage.tsx b/packages/web/src/routes/MembersPage.tsx
index cace642..8fa92c1 100644
--- a/packages/web/src/routes/MembersPage.tsx
+++ b/packages/web/src/routes/MembersPage.tsx
@@ -83,8 +83,8 @@ export function MembersPage() {
     <div style={{ display: 'flex', flexDirection: 'column', height: '100%', background: 'var(--bg)' }}>
       <div className="page-header">
         <span style={{ color: 'var(--fg-dim)', display: 'inline-flex' }}><IcoTeam /></span>
-        <span style={{ fontSize: 13, fontWeight: 500 }}>Members</span>
-        <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)' }}>{users.length}</span>
+        <span style={{ fontSize: 15, fontWeight: 500 }}>Members</span>
+        <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)' }}>{users.length}</span>
         <div style={{ flex: 1 }} />
         <Btn variant="subtle" icon={<IcoPlus size={12} />} size="sm" onClick={() => {
           setInviteEmail('');
@@ -96,7 +96,7 @@ export function MembersPage() {
 
       <div className="page-content">
         {loading ? (
-          <div style={{ padding: 40, textAlign: 'center', color: 'var(--fg-dim)', fontSize: 12 }}>
+          <div style={{ padding: 40, textAlign: 'center', color: 'var(--fg-dim)', fontSize: 14 }}>
             Loading members…
           </div>
         ) : users.length === 0 ? (
@@ -151,12 +151,12 @@ export function MembersPage() {
           }}
           style={{ padding: 20, minWidth: 340 }}
         >
-          <h3 style={{ margin: '0 0 16px', fontSize: 14, fontWeight: 500 }}>Invite member</h3>
+          <h3 style={{ margin: '0 0 16px', fontSize: 15, fontWeight: 500 }}>Invite member</h3>
           <label style={{ display: 'block', marginBottom: 12 }}>
-            <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Email</span>
+            <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Email</span>
             <input
               type="email"
-              style={{ width: '100%', height: 30, padding: '0 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12.5, color: 'var(--fg)' }}
+              style={{ width: '100%', height: 30, padding: '0 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14.5, color: 'var(--fg)' }}
               value={inviteEmail}
               onChange={(e) => setInviteEmail(e.target.value)}
               placeholder="colleague@company.com"
@@ -164,18 +164,18 @@ export function MembersPage() {
             />
           </label>
           <label style={{ display: 'block', marginBottom: 12 }}>
-            <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Name (optional)</span>
+            <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Name (optional)</span>
             <input
-              style={{ width: '100%', height: 30, padding: '0 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12.5, color: 'var(--fg)' }}
+              style={{ width: '100%', height: 30, padding: '0 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14.5, color: 'var(--fg)' }}
               value={inviteName}
               onChange={(e) => setInviteName(e.target.value)}
               placeholder="Full name"
             />
           </label>
           <label style={{ display: 'block', marginBottom: 16 }}>
-            <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Role</span>
+            <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Role</span>
             <select
-              style={{ width: '100%', height: 30, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12, color: 'var(--fg)' }}
+              style={{ width: '100%', height: 30, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14, color: 'var(--fg)' }}
               value={inviteRole}
               onChange={(e) => setInviteRole(e.target.value as 'VIEWER' | 'EDITOR' | 'OWNER')}
             >
@@ -222,13 +222,13 @@ function MemberCard({
         <Avatar user={{ name: user.name ?? undefined }} size={32} />
         <div style={{ flex: 1, minWidth: 0 }}>
           <div style={{
-            fontSize: 13, fontWeight: 500,
+            fontSize: 15, fontWeight: 500,
             overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap',
           }}>
             {user.name ?? 'Unknown'}
           </div>
           <div style={{
-            fontSize: 11, color: 'var(--fg-dim)',
+            fontSize: 13, color: 'var(--fg-dim)',
             overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap',
           }}>
             {user.email ?? '—'}
@@ -251,7 +251,7 @@ function MemberCard({
               <button
                 key={r}
                 type="button"
-                style={{ display: 'block', width: '100%', textAlign: 'left', padding: '5px 10px', fontSize: 11, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--fg)', borderRadius: 'var(--r-1)' }}
+                style={{ display: 'block', width: '100%', textAlign: 'left', padding: '5px 10px', fontSize: 13, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--fg)', borderRadius: 'var(--r-1)' }}
                 onClick={() => { setMenuOpen(false); onChangeRole(user.id, r); }}
                 onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--bg-hover)'; }}
                 onMouseLeave={(e) => { e.currentTarget.style.background = 'none'; }}
@@ -262,7 +262,7 @@ function MemberCard({
             <div style={{ height: 1, background: 'var(--border-subtle)', margin: '4px 0' }} />
             <button
               type="button"
-              style={{ display: 'block', width: '100%', textAlign: 'left', padding: '5px 10px', fontSize: 11, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--danger)', borderRadius: 'var(--r-1)' }}
+              style={{ display: 'block', width: '100%', textAlign: 'left', padding: '5px 10px', fontSize: 13, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--danger)', borderRadius: 'var(--r-1)' }}
               onClick={() => { setMenuOpen(false); onRemove(user.id); }}
               onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--bg-hover)'; }}
               onMouseLeave={(e) => { e.currentTarget.style.background = 'none'; }}
@@ -272,7 +272,7 @@ function MemberCard({
           </div>
         )}
       </div>
-      <div style={{ display: 'flex', gap: 12, fontSize: 11, color: 'var(--fg-dim)', whiteSpace: 'nowrap' }}>
+      <div style={{ display: 'flex', gap: 12, fontSize: 13, color: 'var(--fg-dim)', whiteSpace: 'nowrap' }}>
         <span>
           <span className="mono" style={{ color: 'var(--fg)' }}>{issueCount}</span> open
         </span>
diff --git a/packages/web/src/routes/MyIssuesPage.tsx b/packages/web/src/routes/MyIssuesPage.tsx
index a69cc25..9c41e20 100644
--- a/packages/web/src/routes/MyIssuesPage.tsx
+++ b/packages/web/src/routes/MyIssuesPage.tsx
@@ -118,8 +118,8 @@ export function MyIssuesPage() {
     <div style={{ display: 'flex', flexDirection: 'column', height: '100%', background: 'var(--bg)' }}>
       <div className="page-header">
         <Avatar user={viewerUser} size={20} />
-        <span style={{ fontSize: 13, fontWeight: 500, whiteSpace: 'nowrap' }}>My Issues</span>
-        <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)', whiteSpace: 'nowrap' }}>
+        <span style={{ fontSize: 15, fontWeight: 500, whiteSpace: 'nowrap' }}>My Issues</span>
+        <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)', whiteSpace: 'nowrap' }}>
           {myIssues.length}
         </span>
         <div style={{ flex: 1 }} />
@@ -128,7 +128,7 @@ export function MyIssuesPage() {
       {filterOpen && (
         <div style={{ display: 'flex', gap: 12, padding: '8px var(--pad-x)', borderBottom: '1px solid var(--border-subtle)', background: 'var(--bg-sunken)' }}>
           <select
-            style={{ height: 26, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 11, color: 'var(--fg)' }}
+            style={{ height: 26, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 13, color: 'var(--fg)' }}
             value={filterStateType}
             onChange={(e) => setFilterStateType(e.target.value as WorkflowStateType | '')}
           >
@@ -140,7 +140,7 @@ export function MyIssuesPage() {
             <option value="CANCELED">Canceled</option>
           </select>
           <select
-            style={{ height: 26, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 11, color: 'var(--fg)' }}
+            style={{ height: 26, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 13, color: 'var(--fg)' }}
             value={filterPriority}
             onChange={(e) => setFilterPriority(e.target.value === '' ? '' : Number(e.target.value))}
           >
@@ -154,7 +154,7 @@ export function MyIssuesPage() {
           {(filterStateType || filterPriority !== '') && (
             <button
               type="button"
-              style={{ fontSize: 11, color: 'var(--accent)', background: 'none', border: 'none', cursor: 'pointer' }}
+              style={{ fontSize: 13, color: 'var(--accent)', background: 'none', border: 'none', cursor: 'pointer' }}
               onClick={() => { setFilterStateType(''); setFilterPriority(''); }}
             >
               Clear
@@ -165,7 +165,7 @@ export function MyIssuesPage() {
 
       <div className="page-content">
         {loading ? (
-          <div style={{ padding: 40, textAlign: 'center', color: 'var(--fg-dim)', fontSize: 12 }}>
+          <div style={{ padding: 40, textAlign: 'center', color: 'var(--fg-dim)', fontSize: 14 }}>
             Loading issues…
           </div>
         ) : myIssues.length === 0 ? (
@@ -196,7 +196,7 @@ export function MyIssuesPage() {
                       padding: '0 var(--pad-x)',
                       borderBottom: '1px solid var(--border-subtle)',
                       cursor: 'pointer',
-                      fontSize: 13,
+                      fontSize: 15,
                       transition: 'background var(--dur-1) var(--ease)',
                       background: 'transparent',
                       border: 'none',
@@ -207,7 +207,7 @@ export function MyIssuesPage() {
                     onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--bg-hover)'; }}
                     onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
                   >
-                    <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)' }}>
+                    <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)' }}>
                       {issue.identifier}
                     </span>
                     <PriorityIcon level={issue.priority} size={14} />
@@ -226,8 +226,8 @@ export function MyIssuesPage() {
                     >
                       {issue.title}
                     </span>
-                    <span style={{ fontSize: 11, color: 'var(--fg-muted)' }}>{issue.state.name}</span>
-                    <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)' }}>
+                    <span style={{ fontSize: 13, color: 'var(--fg-muted)' }}>{issue.state.name}</span>
+                    <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)' }}>
                       {formatTimeAgo(issue.updatedAt)}
                     </span>
                   </button>
diff --git a/packages/web/src/routes/ProjectsPage.tsx b/packages/web/src/routes/ProjectsPage.tsx
index 026548c..826c295 100644
--- a/packages/web/src/routes/ProjectsPage.tsx
+++ b/packages/web/src/routes/ProjectsPage.tsx
@@ -169,15 +169,15 @@ export function ProjectsPage() {
     <div style={{ display: 'flex', flexDirection: 'column', height: '100%', background: 'var(--bg)' }}>
       <div className="page-header">
         <span style={{ color: 'var(--fg-dim)', display: 'inline-flex' }}><IcoProject /></span>
-        <span style={{ fontSize: 13, fontWeight: 500 }}>Projects</span>
-        <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)' }}>{projects.length}</span>
+        <span style={{ fontSize: 15, fontWeight: 500 }}>Projects</span>
+        <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)' }}>{projects.length}</span>
         <div style={{ flex: 1 }} />
         <Btn variant="subtle" icon={<IcoPlus size={12} />} size="sm" onClick={openCreateDialog}>New project</Btn>
       </div>
 
       <div className="page-content">
         {loading ? (
-          <div style={{ padding: 40, textAlign: 'center', color: 'var(--fg-dim)', fontSize: 12 }}>
+          <div style={{ padding: 40, textAlign: 'center', color: 'var(--fg-dim)', fontSize: 14 }}>
             Loading projects…
           </div>
         ) : projects.length === 0 ? (
@@ -213,25 +213,25 @@ export function ProjectsPage() {
                 >
                   <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 }}>
                     <span style={{ width: 10, height: 10, borderRadius: '50%', background: project.color, flexShrink: 0 }} />
-                    <span style={{ fontSize: 13, fontWeight: 500, flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
+                    <span style={{ fontSize: 15, fontWeight: 500, flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                       {project.name}
                     </span>
                   </div>
                   <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
                     <span style={{
-                      fontSize: 10, padding: '2px 7px', borderRadius: 10,
+                      fontSize: 12, padding: '2px 7px', borderRadius: 10,
                       background: 'var(--bg-hover)', color: statusBadgeColor(project.status),
                       border: '1px solid var(--border)', fontWeight: 500,
                     }}>
                       {statusLabel(project.status)}
                     </span>
                     {project.lead && (
-                      <span style={{ display: 'flex', alignItems: 'center', gap: 4, fontSize: 11, color: 'var(--fg-dim)' }}>
+                      <span style={{ display: 'flex', alignItems: 'center', gap: 4, fontSize: 13, color: 'var(--fg-dim)' }}>
                         <Avatar user={{ name: project.lead.name ?? undefined }} size={14} />
                         {project.lead.name}
                       </span>
                     )}
-                    <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)', marginLeft: 'auto' }}>
+                    <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)', marginLeft: 'auto' }}>
                       {project.issues?.nodes.length ?? 0} issues
                     </span>
                   </div>
@@ -244,13 +244,13 @@ export function ProjectsPage() {
 
       <dialog ref={dialogRef} className="dialog-modal" onClick={(e) => { if (e.target === dialogRef.current) dialogRef.current?.close(); }}>
         <form onSubmit={handleSubmit} style={{ padding: 20, minWidth: 380 }}>
-          <h3 style={{ margin: '0 0 16px', fontSize: 14, fontWeight: 500 }}>
+          <h3 style={{ margin: '0 0 16px', fontSize: 15, fontWeight: 500 }}>
             {dialogMode === 'create' ? 'New project' : 'Edit project'}
           </h3>
           <label style={{ display: 'block', marginBottom: 12 }}>
-            <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Name</span>
+            <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Name</span>
             <input
-              style={{ width: '100%', height: 30, padding: '0 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12.5, color: 'var(--fg)' }}
+              style={{ width: '100%', height: 30, padding: '0 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14.5, color: 'var(--fg)' }}
               value={formName}
               onChange={(e) => setFormName(e.target.value)}
               placeholder="Project name"
@@ -258,9 +258,9 @@ export function ProjectsPage() {
             />
           </label>
           <label style={{ display: 'block', marginBottom: 12 }}>
-            <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Description</span>
+            <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Description</span>
             <textarea
-              style={{ width: '100%', height: 60, padding: '6px 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12.5, color: 'var(--fg)', resize: 'vertical' }}
+              style={{ width: '100%', height: 60, padding: '6px 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14.5, color: 'var(--fg)', resize: 'vertical' }}
               value={formDesc}
               onChange={(e) => setFormDesc(e.target.value)}
               placeholder="Optional description"
@@ -268,7 +268,7 @@ export function ProjectsPage() {
           </label>
           <div style={{ display: 'flex', gap: 12, marginBottom: 12 }}>
             <label style={{ flex: 1 }}>
-              <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Color</span>
+              <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Color</span>
               <div style={{ display: 'flex', gap: 4 }}>
                 {COLOR_PALETTE.map((c) => (
                   <button
@@ -284,9 +284,9 @@ export function ProjectsPage() {
               </div>
             </label>
             <label style={{ width: 130 }}>
-              <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Status</span>
+              <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Status</span>
               <select
-                style={{ width: '100%', height: 30, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12, color: 'var(--fg)' }}
+                style={{ width: '100%', height: 30, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14, color: 'var(--fg)' }}
                 value={formStatus}
                 onChange={(e) => setFormStatus(e.target.value)}
               >
@@ -296,9 +296,9 @@ export function ProjectsPage() {
           </div>
           <div style={{ display: 'flex', gap: 12, marginBottom: 16 }}>
             <label style={{ flex: 1 }}>
-              <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Lead</span>
+              <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Lead</span>
               <select
-                style={{ width: '100%', height: 30, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12, color: 'var(--fg)' }}
+                style={{ width: '100%', height: 30, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14, color: 'var(--fg)' }}
                 value={formLeadId}
                 onChange={(e) => setFormLeadId(e.target.value)}
               >
@@ -307,10 +307,10 @@ export function ProjectsPage() {
               </select>
             </label>
             <label style={{ flex: 1 }}>
-              <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Target date</span>
+              <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Target date</span>
               <input
                 type="date"
-                style={{ width: '100%', height: 30, padding: '0 8px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12, color: 'var(--fg)' }}
+                style={{ width: '100%', height: 30, padding: '0 8px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14, color: 'var(--fg)' }}
                 value={formTargetDate}
                 onChange={(e) => setFormTargetDate(e.target.value)}
               />
@@ -349,9 +349,9 @@ function ProjectDetailView({
       <div className="page-header">
         <Btn variant="ghost" icon={<IcoChevL size={12} />} size="sm" onClick={onBack}>Projects</Btn>
         <span style={{ width: 10, height: 10, borderRadius: '50%', background: project.color }} />
-        <span style={{ fontSize: 13, fontWeight: 500 }}>{project.name}</span>
+        <span style={{ fontSize: 15, fontWeight: 500 }}>{project.name}</span>
         <span style={{
-          fontSize: 10, padding: '2px 7px', borderRadius: 10,
+          fontSize: 12, padding: '2px 7px', borderRadius: 10,
           background: 'var(--bg-hover)', color: statusBadgeColor(project.status),
           border: '1px solid var(--border)', fontWeight: 500,
         }}>
@@ -368,7 +368,7 @@ function ProjectDetailView({
             }}>
               <button
                 type="button"
-                style={{ display: 'block', width: '100%', textAlign: 'left', padding: '6px 10px', fontSize: 12, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--fg)', borderRadius: 'var(--r-1)' }}
+                style={{ display: 'block', width: '100%', textAlign: 'left', padding: '6px 10px', fontSize: 14, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--fg)', borderRadius: 'var(--r-1)' }}
                 onClick={() => { setMenuOpen(false); onEdit(); }}
                 onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--bg-hover)'; }}
                 onMouseLeave={(e) => { e.currentTarget.style.background = 'none'; }}
@@ -377,7 +377,7 @@ function ProjectDetailView({
               </button>
               <button
                 type="button"
-                style={{ display: 'block', width: '100%', textAlign: 'left', padding: '6px 10px', fontSize: 12, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--danger)', borderRadius: 'var(--r-1)' }}
+                style={{ display: 'block', width: '100%', textAlign: 'left', padding: '6px 10px', fontSize: 14, background: 'none', border: 'none', cursor: 'pointer', color: 'var(--danger)', borderRadius: 'var(--r-1)' }}
                 onClick={() => { setMenuOpen(false); onDelete(); }}
                 onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--bg-hover)'; }}
                 onMouseLeave={(e) => { e.currentTarget.style.background = 'none'; }}
@@ -391,12 +391,12 @@ function ProjectDetailView({
 
       <div className="page-content" style={{ padding: '20px var(--pad-x)' }}>
         {project.description && (
-          <p style={{ fontSize: 13, color: 'var(--fg-muted)', marginBottom: 20, lineHeight: 1.5 }}>
+          <p style={{ fontSize: 15, color: 'var(--fg-muted)', marginBottom: 20, lineHeight: 1.5 }}>
             {project.description}
           </p>
         )}
 
-        <div style={{ display: 'flex', gap: 24, marginBottom: 20, fontSize: 12, color: 'var(--fg-dim)' }}>
+        <div style={{ display: 'flex', gap: 24, marginBottom: 20, fontSize: 14, color: 'var(--fg-dim)' }}>
           {project.lead && (
             <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
               <Avatar user={{ name: project.lead.name ?? undefined }} size={18} />
@@ -420,18 +420,18 @@ function ProjectDetailView({
                   display: 'flex', alignItems: 'center', gap: 10,
                   width: '100%', padding: '10px 12px', background: 'none', border: 'none',
                   borderBottom: i < issues.length - 1 ? '1px solid var(--border-subtle)' : 'none',
-                  cursor: 'pointer', textAlign: 'left', color: 'var(--fg)', fontSize: 12.5,
+                  cursor: 'pointer', textAlign: 'left', color: 'var(--fg)', fontSize: 14.5,
                 }}
                 onMouseEnter={(e) => { e.currentTarget.style.background = 'var(--bg-hover)'; }}
                 onMouseLeave={(e) => { e.currentTarget.style.background = 'none'; }}
               >
-                <span className="mono" style={{ fontSize: 10, color: 'var(--fg-dim)', width: 60 }}>{issue.identifier}</span>
+                <span className="mono" style={{ fontSize: 12, color: 'var(--fg-dim)', width: 60 }}>{issue.identifier}</span>
                 <span style={{ flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{issue.title}</span>
               </button>
             ))}
           </div>
         ) : (
-          <div style={{ padding: 20, textAlign: 'center', color: 'var(--fg-dim)', fontSize: 12 }}>
+          <div style={{ padding: 20, textAlign: 'center', color: 'var(--fg-dim)', fontSize: 14 }}>
             No issues linked to this project yet.
           </div>
         )}
diff --git a/packages/web/src/routes/SettingsPage.tsx b/packages/web/src/routes/SettingsPage.tsx
index e3656c8..b9658c5 100644
--- a/packages/web/src/routes/SettingsPage.tsx
+++ b/packages/web/src/routes/SettingsPage.tsx
@@ -36,7 +36,7 @@ function getStoredDensity(): DensityMode {
 const inputStyle: React.CSSProperties = {
   width: '100%', height: 30, padding: '0 10px',
   background: 'var(--bg-raised)', border: '1px solid var(--border)',
-  borderRadius: 'var(--r-2)', fontSize: 12.5, color: 'var(--fg)',
+  borderRadius: 'var(--r-2)', fontSize: 14.5, color: 'var(--fg)',
 };
 
 export function SettingsPage() {
@@ -57,7 +57,7 @@ export function SettingsPage() {
       }}>
         <div style={{
           padding: '6px 8px 12px',
-          fontSize: 11, fontWeight: 500, color: 'var(--fg-dim)',
+          fontSize: 13, fontWeight: 500, color: 'var(--fg-dim)',
           letterSpacing: '0.04em',
         }}>
           SETTINGS
@@ -73,7 +73,7 @@ export function SettingsPage() {
               borderRadius: 'var(--r-2)',
               color: tab === t.id ? 'var(--fg)' : 'var(--fg-muted)',
               background: tab === t.id ? 'var(--bg-active)' : 'transparent',
-              fontSize: 12.5, fontWeight: tab === t.id ? 500 : 400,
+              fontSize: 14.5, fontWeight: tab === t.id ? 500 : 400,
               marginBottom: 1,
               transition: 'background var(--dur-1) var(--ease), color var(--dur-1) var(--ease)',
             }}
@@ -99,7 +99,7 @@ export function SettingsPage() {
 function SectionHeading({ children }: { children: React.ReactNode }) {
   return (
     <h2 style={{
-      fontSize: 15, fontWeight: 500, margin: '0 0 4px',
+      fontSize: 17, fontWeight: 500, margin: '0 0 4px',
       color: 'var(--fg)', letterSpacing: '-0.005em',
     }}>
       {children}
@@ -109,7 +109,7 @@ function SectionHeading({ children }: { children: React.ReactNode }) {
 
 function SectionSub({ children }: { children: React.ReactNode }) {
   return (
-    <p style={{ fontSize: 12.5, color: 'var(--fg-dim)', margin: '0 0 24px' }}>{children}</p>
+    <p style={{ fontSize: 14.5, color: 'var(--fg-dim)', margin: '0 0 24px' }}>{children}</p>
   );
 }
 
@@ -117,8 +117,8 @@ function Field({ label, hint, children }: { label: string; hint?: string; childr
   return (
     <div style={{ marginBottom: 20, display: 'flex', gap: 40 }}>
       <div style={{ width: 180, flexShrink: 0 }}>
-        <div style={{ fontSize: 12.5, fontWeight: 500, color: 'var(--fg)', marginBottom: 2 }}>{label}</div>
-        {hint && <div style={{ fontSize: 11.5, color: 'var(--fg-dim)', lineHeight: 1.5 }}>{hint}</div>}
+        <div style={{ fontSize: 14.5, fontWeight: 500, color: 'var(--fg)', marginBottom: 2 }}>{label}</div>
+        {hint && <div style={{ fontSize: 13.5, color: 'var(--fg-dim)', lineHeight: 1.5 }}>{hint}</div>}
       </div>
       <div style={{ flex: 1 }}>{children}</div>
     </div>
@@ -184,7 +184,7 @@ function ProfileTab() {
             width: 48, height: 48, borderRadius: '50%',
             background: 'var(--accent)', color: 'var(--accent-fg)',
             display: 'flex', alignItems: 'center', justifyContent: 'center',
-            fontSize: 20, fontWeight: 600,
+            fontSize: 23, fontWeight: 600,
           }}>
             {initials}
           </div>
@@ -275,7 +275,7 @@ function PreferencesTab() {
                 type="button"
                 onClick={() => t === 'System' ? handleSystemTheme() : handleThemeChange(t.toLowerCase() as ThemeMode)}
                 style={{
-                  padding: '6px 12px', fontSize: 12,
+                  padding: '6px 12px', fontSize: 14,
                   border: '1px solid var(--border)',
                   borderRadius: 'var(--r-2)',
                   background: isActive ? 'var(--bg-active)' : 'transparent',
@@ -299,7 +299,7 @@ function PreferencesTab() {
                 type="button"
                 onClick={() => handleDensityChange(value)}
                 style={{
-                  padding: '6px 12px', fontSize: 12,
+                  padding: '6px 12px', fontSize: 14,
                   border: '1px solid var(--border)',
                   borderRadius: 'var(--r-2)',
                   background: density === value ? 'var(--bg-active)' : 'transparent',
@@ -320,7 +320,7 @@ function PreferencesTab() {
             checked={shortcutsEnabled}
             onChange={(e) => handleShortcutsToggle(e.target.checked)}
           />
-          <span style={{ fontSize: 12.5 }}>{shortcutsEnabled ? 'Enabled' : 'Disabled'}</span>
+          <span style={{ fontSize: 14.5 }}>{shortcutsEnabled ? 'Enabled' : 'Disabled'}</span>
         </label>
       </Field>
     </>
@@ -345,9 +345,9 @@ function AccessTab() {
       <SectionSub>Team membership and visibility. Gated by role.</SectionSub>
 
       {loading ? (
-        <div style={{ padding: 20, color: 'var(--fg-dim)', fontSize: 12 }}>Loading members…</div>
+        <div style={{ padding: 20, color: 'var(--fg-dim)', fontSize: 14 }}>Loading members…</div>
       ) : users.length === 0 ? (
-        <div style={{ padding: 20, color: 'var(--fg-dim)', fontSize: 12 }}>
+        <div style={{ padding: 20, color: 'var(--fg-dim)', fontSize: 14 }}>
           No members found. Sign in to manage team access.
         </div>
       ) : (
@@ -358,7 +358,7 @@ function AccessTab() {
           <div style={{
             display: 'grid', gridTemplateColumns: '1fr 120px 100px 30px',
             padding: '8px 12px', background: 'var(--bg-sunken)',
-            fontSize: 11, color: 'var(--fg-dim)', fontWeight: 500,
+            fontSize: 13, color: 'var(--fg-dim)', fontWeight: 500,
             borderBottom: '1px solid var(--border-subtle)',
           }}>
             <div>Member</div>
@@ -371,17 +371,17 @@ function AccessTab() {
               display: 'grid', gridTemplateColumns: '1fr 120px 100px 30px',
               padding: '10px 12px', alignItems: 'center',
               borderBottom: i < users.length - 1 ? '1px solid var(--border-subtle)' : 'none',
-              fontSize: 12.5,
+              fontSize: 14.5,
             }}>
               <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
                 <Avatar user={{ name: user.name ?? undefined }} size={22} />
                 <div>
                   <div style={{ color: 'var(--fg)' }}>{user.name ?? 'Unknown'}</div>
-                  <div style={{ color: 'var(--fg-dim)', fontSize: 11 }}>{user.email ?? '—'}</div>
+                  <div style={{ color: 'var(--fg-dim)', fontSize: 13 }}>{user.email ?? '—'}</div>
                 </div>
               </div>
               <div style={{ color: 'var(--fg-muted)' }}>{i === 0 ? 'Admin' : i < 3 ? 'Editor' : 'Viewer'}</div>
-              <div className="mono" style={{ color: 'var(--fg-dim)', fontSize: 11 }}>—</div>
+              <div className="mono" style={{ color: 'var(--fg-dim)', fontSize: 13 }}>—</div>
               <div />
             </div>
           ))}
diff --git a/packages/web/src/routes/ViewsPage.tsx b/packages/web/src/routes/ViewsPage.tsx
index fa2390c..5a7f62d 100644
--- a/packages/web/src/routes/ViewsPage.tsx
+++ b/packages/web/src/routes/ViewsPage.tsx
@@ -60,8 +60,8 @@ export function ViewsPage() {
     <div style={{ display: 'flex', flexDirection: 'column', height: '100%', background: 'var(--bg)' }}>
       <div className="page-header">
         <span style={{ color: 'var(--fg-dim)', display: 'inline-flex' }}><IcoViews /></span>
-        <span style={{ fontSize: 13, fontWeight: 500 }}>Views</span>
-        <span className="mono" style={{ fontSize: 11, color: 'var(--fg-dim)' }}>{views.length}</span>
+        <span style={{ fontSize: 15, fontWeight: 500 }}>Views</span>
+        <span className="mono" style={{ fontSize: 13, color: 'var(--fg-dim)' }}>{views.length}</span>
         <div style={{ flex: 1 }} />
         <Btn variant="subtle" icon={<IcoPlus size={12} />} size="sm" onClick={() => {
           setNewViewName('');
@@ -121,14 +121,14 @@ export function ViewsPage() {
                   <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 }}>
                     <span style={{ color: 'var(--accent)', display: 'inline-flex' }}><IcoViews size={14} /></span>
                     <span style={{
-                      fontSize: 13, fontWeight: 500, flex: 1,
+                      fontSize: 15, fontWeight: 500, flex: 1,
                       overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap',
                     }}>
                       {v.name}
                     </span>
                   </div>
                   <span style={{
-                    fontSize: 10, padding: '2px 7px', borderRadius: 10,
+                    fontSize: 12, padding: '2px 7px', borderRadius: 10,
                     background: v.kind === 'Board' ? 'var(--accent-weak)' : 'var(--bg-hover)',
                     color: v.kind === 'Board' ? 'var(--accent)' : 'var(--fg-muted)',
                     border: `1px solid ${v.kind === 'Board' ? 'var(--accent-border)' : 'var(--border)'}`,
@@ -163,11 +163,11 @@ export function ViewsPage() {
           }}
           style={{ padding: 20, minWidth: 300 }}
         >
-          <h3 style={{ margin: '0 0 16px', fontSize: 14, fontWeight: 500 }}>New view</h3>
+          <h3 style={{ margin: '0 0 16px', fontSize: 15, fontWeight: 500 }}>New view</h3>
           <label style={{ display: 'block', marginBottom: 12 }}>
-            <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Name</span>
+            <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Name</span>
             <input
-              style={{ width: '100%', height: 30, padding: '0 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12.5, color: 'var(--fg)' }}
+              style={{ width: '100%', height: 30, padding: '0 10px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14.5, color: 'var(--fg)' }}
               value={newViewName}
               onChange={(e) => setNewViewName(e.target.value)}
               placeholder="View name"
@@ -175,9 +175,9 @@ export function ViewsPage() {
             />
           </label>
           <label style={{ display: 'block', marginBottom: 16 }}>
-            <span style={{ fontSize: 12, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Type</span>
+            <span style={{ fontSize: 14, color: 'var(--fg-dim)', display: 'block', marginBottom: 4 }}>Type</span>
             <select
-              style={{ width: '100%', height: 30, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 12, color: 'var(--fg)' }}
+              style={{ width: '100%', height: 30, padding: '0 6px', background: 'var(--bg-raised)', border: '1px solid var(--border)', borderRadius: 'var(--r-2)', fontSize: 14, color: 'var(--fg)' }}
               value={newViewKind}
               onChange={(e) => setNewViewKind(e.target.value as 'Board' | 'Backlog')}
             >
diff --git a/packages/web/src/styles/app.css b/packages/web/src/styles/app.css
index dd5c81c..fcad0a6 100644
--- a/packages/web/src/styles/app.css
+++ b/packages/web/src/styles/app.css
@@ -162,7 +162,7 @@ html,
 body {
   margin: 0;
   font-family: var(--font-sans);
-  font-size: 13px;
+  font-size: 15px;
   line-height: 1.45;
   background: var(--bg);
   color: var(--fg);
@@ -231,7 +231,7 @@ kbd {
   border-radius: var(--r-1);
   background: var(--bg-hover);
   padding: 0 4px;
-  font-size: 10px;
+  font-size: 12px;
   color: var(--fg-dim);
   font-feature-settings: "zero";
 }
@@ -318,7 +318,7 @@ kbd {
   background: var(--accent);
   color: var(--accent-fg);
   font-family: var(--font-mono);
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 700;
   flex-shrink: 0;
 }
@@ -331,12 +331,12 @@ kbd {
 }
 
 .app-shell__workspace-copy strong {
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 500;
 }
 
 .app-shell__workspace-copy span {
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
 }
 
@@ -351,7 +351,7 @@ kbd {
   background: transparent;
   padding: 0 8px;
   color: var(--fg-dim);
-  font-size: 13px;
+  font-size: 15px;
   transition: background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
 }
 
@@ -373,7 +373,7 @@ kbd {
   gap: 8px;
   height: 26px;
   padding: 0 8px;
-  font-size: 13px;
+  font-size: 15px;
   color: var(--fg-muted);
   border-radius: var(--r-2);
   transition: background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
@@ -401,7 +401,7 @@ kbd {
   align-items: center;
   justify-content: space-between;
   padding: 6px 10px 4px;
-  font-size: 11px;
+  font-size: 13px;
   font-weight: 500;
   letter-spacing: 0.02em;
   color: var(--fg-dim);
@@ -419,7 +419,7 @@ kbd {
 }
 
 .app-shell__badge {
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 500;
   font-family: var(--font-mono);
   padding: 0 5px;
@@ -461,7 +461,7 @@ kbd {
 }
 
 .app-shell__footer-name {
-  font-size: 12px;
+  font-size: 14px;
   color: var(--fg);
   font-weight: 500;
   overflow: hidden;
@@ -470,7 +470,7 @@ kbd {
 }
 
 .app-shell__footer-role {
-  font-size: 10px;
+  font-size: 12px;
   color: var(--fg-dim);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -530,7 +530,7 @@ kbd {
   color: var(--fg-dim);
   transform: rotate(-90deg);
   transition: transform var(--dur-1) var(--ease);
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .app-shell__team-caret--expanded {
@@ -548,7 +548,7 @@ kbd {
   background: var(--bg-hover);
   padding: 0 5px;
   font-family: var(--font-mono);
-  font-size: 10px;
+  font-size: 12px;
   color: var(--fg-muted);
   letter-spacing: 0.02em;
 }
@@ -565,7 +565,7 @@ kbd {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 13px;
+  font-size: 15px;
 }
 
 .app-shell__team-count {
@@ -577,7 +577,7 @@ kbd {
   background: transparent;
   padding: 0 4px;
   font-family: var(--font-mono);
-  font-size: 10px;
+  font-size: 12px;
   color: var(--fg-dim);
 }
 
@@ -610,7 +610,7 @@ kbd {
   border-radius: var(--r-2);
   background: transparent;
   padding: 0 8px;
-  font-size: 12px;
+  font-size: 14px;
   color: var(--fg-dim);
   text-align: left;
   transition: background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
@@ -639,7 +639,7 @@ kbd {
 .app-shell__recent-link-key {
   flex-shrink: 0;
   font-family: var(--font-mono);
-  font-size: 10px;
+  font-size: 12px;
   color: var(--fg-dim);
 }
 
@@ -667,14 +667,14 @@ kbd {
 }
 
 .app-shell__sidebar-meta strong {
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 500;
   color: var(--fg);
 }
 
 .app-shell__sidebar-meta span,
 .app-shell__session-status {
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
 }
 
@@ -695,7 +695,7 @@ kbd {
   background: transparent;
   padding: 0 10px;
   color: var(--fg-muted);
-  font-size: 12px;
+  font-size: 14px;
   transition: background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
 }
 
@@ -751,7 +751,7 @@ kbd {
 
 .app-shell__header h1 {
   margin: 0;
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 500;
   color: var(--fg);
   letter-spacing: 0;
@@ -775,7 +775,7 @@ kbd {
   background: var(--bg-hover);
   padding: 0 5px;
   font-family: var(--font-mono);
-  font-size: 10px;
+  font-size: 12px;
   color: var(--fg-muted);
   letter-spacing: 0.02em;
 }
@@ -811,7 +811,7 @@ kbd {
 }
 
 .app-shell__mobile-brand {
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 500;
 }
 
@@ -857,7 +857,7 @@ kbd {
   border-radius: var(--r-1);
   background: transparent;
   padding: 0 8px;
-  font-size: 11px;
+  font-size: 13px;
   font-weight: 500;
   color: var(--fg-muted);
   transition: background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
@@ -936,7 +936,7 @@ kbd {
   cursor: pointer;
   list-style: none;
   padding: 6px 10px;
-  font-size: 11px;
+  font-size: 13px;
   font-weight: 500;
   color: var(--fg-muted);
 }
@@ -964,7 +964,7 @@ kbd {
   gap: 6px;
   min-height: 22px;
   color: var(--fg-muted);
-  font-size: 12px;
+  font-size: 14px;
 }
 
 .board-active-view,
@@ -985,14 +985,14 @@ kbd {
 .issue-bulkbar__meta strong,
 .board-active-view__meta strong,
 .backlog-active-view__meta strong {
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 500;
 }
 
 .issue-bulkbar__meta span,
 .board-active-view__meta span,
 .backlog-active-view__meta span {
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
 }
 
@@ -1013,7 +1013,7 @@ kbd {
 
 .field-stack span,
 .issue-panel__label {
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
 }
 
@@ -1042,20 +1042,20 @@ kbd {
 .access-stage__section > select {
   height: 26px;
   padding: 0 8px;
-  font-size: 12px;
+  font-size: 14px;
 }
 
 .command-palette__input {
   flex: 1;
   height: 32px;
   padding: 0 10px;
-  font-size: 13px;
+  font-size: 15px;
   border: 0;
   background: transparent;
 }
 
 .field-stack--readonly strong {
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 500;
 }
 
@@ -1071,13 +1071,13 @@ kbd {
 
 .shell-notice h2 {
   margin: 0 0 4px;
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 500;
 }
 
 .shell-notice p {
   margin: 0;
-  font-size: 12px;
+  font-size: 14px;
   color: var(--fg-dim);
 }
 
@@ -1103,7 +1103,7 @@ kbd {
   background: var(--accent);
   padding: 0 10px;
   color: var(--accent-fg);
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 500;
   transition: filter var(--dur-1) var(--ease), opacity var(--dur-1) var(--ease);
 }
@@ -1130,7 +1130,7 @@ kbd {
   background: transparent;
   padding: 0 10px;
   color: var(--fg-muted);
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 500;
   transition: background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
 }
@@ -1175,7 +1175,7 @@ kbd {
 }
 
 .backlog-table th {
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.04em;
   text-transform: uppercase;
@@ -1250,7 +1250,7 @@ kbd {
 
 .access-status-card h2 {
   margin: 0 0 4px;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 500;
 }
 
@@ -1258,14 +1258,14 @@ kbd {
 .access-member-card strong {
   display: block;
   margin-bottom: 4px;
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 500;
 }
 
 .access-status-card p,
 .access-member-card p {
   margin: 4px 0 0;
-  font-size: 12px;
+  font-size: 14px;
   color: var(--fg-dim);
 }
 
@@ -1286,7 +1286,7 @@ kbd {
 
 .access-stage__section h2 {
   margin: 0 0 6px;
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 500;
 }
 
@@ -1361,7 +1361,7 @@ kbd {
 
 .board-column__header h2 {
   margin: 0;
-  font-size: 11px;
+  font-size: 13px;
   font-weight: 600;
   letter-spacing: 0.02em;
   text-transform: uppercase;
@@ -1377,7 +1377,7 @@ kbd {
   background: transparent;
   padding: 0 4px;
   font-family: var(--font-mono);
-  font-size: 10px;
+  font-size: 12px;
   color: var(--fg-dim);
 }
 
@@ -1394,7 +1394,7 @@ kbd {
 .board-column__empty {
   margin: 0;
   padding: 6px 4px;
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
 }
 
@@ -1489,7 +1489,7 @@ kbd {
   border-radius: var(--r-1);
   background: transparent;
   color: var(--fg-faint);
-  font-size: 11px;
+  font-size: 13px;
   padding: 0;
   pointer-events: none;
   opacity: 0;
@@ -1549,7 +1549,7 @@ kbd {
   align-items: center;
   gap: 6px;
   font-family: var(--font-mono);
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.02em;
   color: var(--fg-dim);
@@ -1581,7 +1581,7 @@ kbd {
   border: 1px solid var(--border);
   border-radius: 999px;
   padding: 0 6px;
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 500;
   background: var(--bg-hover);
   color: var(--fg-muted);
@@ -1620,13 +1620,13 @@ kbd {
   border-radius: 999px;
   background: var(--accent);
   color: var(--accent-fg);
-  font-size: 9px;
+  font-size: 11px;
   font-weight: 600;
   flex-shrink: 0;
 }
 
 .issue-card__assignee {
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1647,7 +1647,7 @@ kbd {
   border-bottom: 1px solid var(--border-subtle);
   background: transparent;
   cursor: pointer;
-  font-size: 13px;
+  font-size: 15px;
   transition: background var(--dur-1) var(--ease);
 }
 
@@ -1681,7 +1681,7 @@ kbd {
 
 .issue-row__id {
   font-family: var(--font-mono);
-  font-size: 11px;
+  font-size: 13px;
   font-weight: 500;
   color: var(--fg-dim);
   letter-spacing: 0.02em;
@@ -1695,7 +1695,7 @@ kbd {
 
 .issue-row__title {
   color: var(--fg);
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 400;
   min-width: 0;
   overflow: hidden;
@@ -1711,7 +1711,7 @@ kbd {
 
 .issue-row__updated {
   font-family: var(--font-mono);
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
   min-width: 32px;
   text-align: right;
@@ -1726,7 +1726,7 @@ kbd {
   border-radius: 999px;
   background: var(--accent);
   color: var(--accent-fg);
-  font-size: 9px;
+  font-size: 11px;
   font-weight: 600;
 }
 
@@ -1752,14 +1752,14 @@ kbd {
 }
 
 .issue-group-header__label {
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 500;
   color: var(--fg);
 }
 
 .issue-group-header__count {
   font-family: var(--font-mono);
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
 }
 
@@ -1875,7 +1875,7 @@ kbd {
   border-radius: var(--r-2);
   background: transparent;
   padding: 0 10px;
-  font-size: 12px;
+  font-size: 14px;
   color: var(--fg-muted);
 }
 
@@ -1915,7 +1915,7 @@ kbd {
   border-left: 1px solid var(--border-subtle);
   background: var(--bg-sunken);
   overflow-y: auto;
-  font-size: 12px;
+  font-size: 14px;
 }
 
 .issue-panel__properties {
@@ -1931,7 +1931,7 @@ kbd {
 }
 
 .issue-panel__label {
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.06em;
   text-transform: uppercase;
@@ -1946,7 +1946,7 @@ kbd {
   padding: 0;
   box-shadow: none;
   overflow: hidden;
-  font-size: 22px;
+  font-size: 26px;
   font-weight: 500;
   line-height: 1.25;
   letter-spacing: -0.015em;
@@ -1956,7 +1956,7 @@ kbd {
 }
 
 .issue-panel__inline-hint {
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
 }
 
@@ -1969,7 +1969,7 @@ kbd {
 
 .issue-panel__section > h2 {
   margin: 0;
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.06em;
   text-transform: uppercase;
@@ -1982,7 +1982,7 @@ kbd {
   min-height: 96px;
   resize: vertical;
   padding: 10px 12px;
-  font-size: 13px;
+  font-size: 15px;
   line-height: 1.55;
 }
 
@@ -1998,12 +1998,12 @@ kbd {
   gap: 6px;
   min-height: 18px;
   color: var(--fg-muted);
-  font-size: 12px;
+  font-size: 14px;
 }
 
 .issue-panel__error {
   color: var(--danger);
-  font-size: 12px;
+  font-size: 14px;
 }
 
 /* Description textarea (page mode) */
@@ -2035,7 +2035,7 @@ kbd {
 }
 
 .issue-panel__activity-header {
-  font-size: 11px;
+  font-size: 13px;
   font-weight: 500;
   color: var(--fg-dim);
   letter-spacing: 0.04em;
@@ -2060,7 +2060,7 @@ kbd {
   display: flex;
   gap: 10px;
   align-items: center;
-  font-size: 12px;
+  font-size: 14px;
   color: var(--fg-dim);
 }
 
@@ -2092,7 +2092,7 @@ kbd {
   padding: 12px;
   border: 0;
   background: transparent;
-  font-size: 13px;
+  font-size: 15px;
   line-height: 1.55;
   color: var(--fg);
   resize: vertical;
@@ -2113,7 +2113,7 @@ kbd {
 
 /* Property rows (right rail) */
 .issue-panel__section-title {
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 500;
   color: var(--fg-dim);
   letter-spacing: 0.06em;
@@ -2126,7 +2126,7 @@ kbd {
   align-items: center;
   gap: 8px;
   min-height: 26px;
-  font-size: 12px;
+  font-size: 14px;
 }
 
 .issue-panel__prop-label {
@@ -2151,7 +2151,7 @@ kbd {
   border: 1px solid transparent;
   border-radius: var(--r-1);
   background: transparent;
-  font-size: 12px;
+  font-size: 14px;
   color: var(--fg);
   cursor: pointer;
   transition: border-color var(--dur-1) var(--ease), background var(--dur-1) var(--ease);
@@ -2183,7 +2183,7 @@ kbd {
   height: 26px;
   padding: 0 6px;
   width: 100%;
-  font-size: 12px;
+  font-size: 14px;
   color: var(--fg-muted);
   text-align: left;
   border: 0;
@@ -2248,7 +2248,7 @@ kbd {
 
 .issue-children__id {
   font-family: var(--font-mono);
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
 }
 
@@ -2280,7 +2280,7 @@ kbd {
   border: 0;
   background: transparent;
   padding: 0;
-  font-size: 12px;
+  font-size: 14px;
   color: var(--fg-dim);
 }
 
@@ -2290,7 +2290,7 @@ kbd {
   justify-content: space-between;
   gap: 6px;
   margin-bottom: 2px;
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
 }
 
@@ -2299,7 +2299,7 @@ kbd {
   color: var(--fg-muted);
   line-height: 1.55;
   white-space: pre-wrap;
-  font-size: 13px;
+  font-size: 15px;
 }
 
 .discussion-entry {
@@ -2317,7 +2317,7 @@ kbd {
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 6px;
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
 }
 
@@ -2331,7 +2331,7 @@ kbd {
   margin: 0;
   color: var(--fg);
   white-space: pre-wrap;
-  font-size: 13px;
+  font-size: 15px;
   line-height: 1.55;
 }
 
@@ -2340,7 +2340,7 @@ kbd {
   background: transparent;
   padding: 0;
   color: var(--danger);
-  font-size: 11px;
+  font-size: 13px;
 }
 
 .discussion-form {
@@ -2364,12 +2364,12 @@ kbd {
 
 .discussion-empty {
   color: var(--fg-dim);
-  font-size: 12px;
+  font-size: 14px;
 }
 
 .issue-panel__empty-hint {
   color: var(--fg-dim);
-  font-size: 12px;
+  font-size: 14px;
 }
 
 /* ============================================================== */
@@ -2418,7 +2418,7 @@ kbd {
 
 .command-palette__hint {
   color: var(--fg-dim);
-  font-size: 11px;
+  font-size: 13px;
 }
 
 .command-palette__results {
@@ -2438,7 +2438,7 @@ kbd {
 .command-palette__group-label {
   padding: 6px 8px 2px;
   color: var(--fg-dim);
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.06em;
   text-transform: uppercase;
@@ -2478,13 +2478,13 @@ kbd {
 }
 
 .command-palette__item-label {
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 500;
   color: var(--fg);
 }
 
 .command-palette__item-description {
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
 }
 
@@ -2495,14 +2495,14 @@ kbd {
   padding: 0;
   color: var(--fg-dim);
   font-family: var(--font-mono);
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .command-palette__empty {
   margin: 0;
   padding: 14px 10px;
   color: var(--fg-dim);
-  font-size: 12px;
+  font-size: 14px;
   text-align: center;
 }
 
@@ -2515,7 +2515,7 @@ kbd {
   background: var(--bg-sunken);
   padding: 6px 10px;
   color: var(--fg-dim);
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .command-palette__footer span {
@@ -2557,7 +2557,7 @@ kbd {
 }
 
 .tweaks-panel__header strong {
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 500;
 }
 
@@ -2568,7 +2568,7 @@ kbd {
   border-radius: var(--r-2);
   background: transparent;
   color: var(--fg-muted);
-  font-size: 11px;
+  font-size: 13px;
 }
 
 .tweaks-panel__close:hover {
@@ -2585,7 +2585,7 @@ kbd {
 .tweaks-panel__label,
 .tweaks-panel__value {
   color: var(--fg-dim);
-  font-size: 11px;
+  font-size: 13px;
 }
 
 .tweaks-panel__options {
@@ -2601,7 +2601,7 @@ kbd {
   border-radius: var(--r-2);
   background: transparent;
   color: var(--fg-muted);
-  font-size: 11px;
+  font-size: 13px;
   text-transform: capitalize;
 }
 
@@ -2643,7 +2643,7 @@ kbd {
 }
 
 .inbox-page__title {
-  font-size: 13px;
+  font-size: 15px;
   font-weight: 500;
 }
 
@@ -2661,7 +2661,7 @@ kbd {
   border-radius: var(--r-1);
   background: transparent;
   color: var(--fg-muted);
-  font-size: 11px;
+  font-size: 13px;
   font-weight: 500;
   text-transform: capitalize;
 }
@@ -2730,13 +2730,13 @@ kbd {
 }
 
 .inbox-item__issue {
-  font-size: 12px;
+  font-size: 14px;
   color: var(--fg-muted);
 }
 
 .inbox-item__time {
   font-family: var(--font-mono);
-  font-size: 10px;
+  font-size: 12px;
   color: var(--fg-dim);
   flex-shrink: 0;
   margin-top: 4px;
@@ -2746,7 +2746,7 @@ kbd {
   padding: 60px var(--content-gutter);
   text-align: center;
   color: var(--fg-dim);
-  font-size: 12px;
+  font-size: 14px;
 }
 
 /* ============================================================== */
@@ -2824,14 +2824,14 @@ kbd {
 }
 
 .empty-state h3 {
-  font-size: 15px;
+  font-size: 17px;
   font-weight: 500;
   color: var(--fg);
   margin: 0 0 8px;
 }
 
 .empty-state p {
-  font-size: 13px;
+  font-size: 15px;
   margin: 0;
   max-width: 360px;
   line-height: 1.5;
@@ -2931,14 +2931,14 @@ kbd {
 
 .inline-create__input {
   flex: 1;
-  font-size: 13px;
+  font-size: 15px;
   color: var(--fg);
   background: transparent;
   min-width: 0;
 }
 
 .inline-create__hint {
-  font-size: 10px;
+  font-size: 12px;
   color: var(--fg-dim);
   display: flex;
   align-items: center;
@@ -3037,7 +3037,7 @@ kbd {
 .rich-text-toolbar button {
   padding: 4px 8px;
   border-radius: var(--r-1);
-  font-size: 13px;
+  font-size: 15px;
   cursor: pointer;
   background: transparent;
   border: none;
@@ -3070,7 +3070,7 @@ kbd {
   background: transparent;
   color: var(--fg);
   font-family: var(--font-sans);
-  font-size: 13px;
+  font-size: 15px;
   line-height: 1.55;
 }
 
@@ -3103,7 +3103,7 @@ kbd {
   flex: 1;
   height: 24px;
   padding: 0 8px;
-  font-size: 12px;
+  font-size: 14px;
   border: 1px solid var(--border);
   border-radius: var(--r-1);
   background: var(--bg);
@@ -3121,7 +3121,7 @@ kbd {
 /* ============================================================== */
 
 .markdown-content {
-  font-size: 13px;
+  font-size: 15px;
   line-height: 1.6;
 }
 
@@ -3138,7 +3138,7 @@ kbd {
   padding: 2px 6px;
   border-radius: 3px;
   font-family: var(--font-mono);
-  font-size: 12px;
+  font-size: 14px;
   border: 1px solid var(--border);
   color: var(--fg-muted);
 }
@@ -3156,7 +3156,7 @@ kbd {
   background: transparent;
   padding: 0;
   border: none;
-  font-size: 12px;
+  font-size: 14px;
   color: var(--fg);
 }
 
@@ -3182,7 +3182,7 @@ kbd {
   align-items: center;
   gap: 4px;
   padding: 2px 8px;
-  font-size: 11px;
+  font-size: 13px;
   color: var(--fg-dim);
   animation: upload-pulse 1.5s ease-in-out infinite;
 }