diff --git a/index.html b/index.html
index 1c28207..aedbb6f 100644
--- a/index.html
+++ b/index.html
@@ -67,9 +67,9 @@
             padding: max(14px, env(safe-area-inset-top)) 16px 10px;
             flex-shrink: 0;
         }
-        .brief-date { font-size: 14px; font-weight: 400; color: var(--text2); }
-        .brief-sep  { color: var(--border); font-size: 14px; }
-        .brief-count { font-size: 14px; color: var(--text3); }
+        .brief-date { font-size: 15px; font-weight: 400; color: var(--text2); }
+        .brief-sep  { color: var(--border); font-size: 15px; }
+        .brief-count { font-size: 15px; color: var(--text3); }
         .brief-top-right {
             margin-left: auto;
             display: flex;
@@ -77,8 +77,8 @@
             gap: 4px;
         }
         .brief-icon-btn {
-            width: 34px;
-            height: 34px;
+            width: 40px;
+            height: 40px;
             border-radius: 50%;
             border: none;
             background: transparent;
@@ -98,7 +98,7 @@
             border-bottom: 1px solid var(--border);
         }
         .brief-article-meta {
-            font-size: 11px;
+            font-size: 12px;
             font-weight: 600;
             color: var(--accent);
             letter-spacing: 0.08em;
@@ -116,7 +116,7 @@
             overflow: hidden;
             margin-bottom: 6px;
         }
-        .brief-article-source { font-size: 13px; color: var(--text3); }
+        .brief-article-source { font-size: 14px; color: var(--text3); }
 
         /* ── プレーヤー（波形 + 再生コントロール）flex: 1 ─────── */
         .brief-player {
@@ -134,12 +134,12 @@
         /* ── 波形エリア ────────────────────────────────────────── */
         .brief-visual {
             width: 100%;
-            height: 80px;
+            height: 64px;
             display: flex;
             align-items: center;
             justify-content: center;
             position: relative;
-            margin-bottom: 24px;
+            margin-bottom: 14px;
         }
         .brief-visual-glow {
             position: absolute;
@@ -155,7 +155,7 @@
             display: flex;
             align-items: center;
             gap: 3px;
-            height: 72px;
+            height: 56px;
             z-index: 1;
         }
         .brief-wave-bar {
@@ -315,12 +315,12 @@
             margin-top: 8px;
         }
         .brief-seg-btn {
-            padding: 6px 12px;
+            padding: 7px 13px;
             border: 1px solid var(--border);
             border-radius: 6px;
             background: transparent;
             color: var(--text3);
-            font-size: 12px;
+            font-size: 13px;
             font-family: inherit;
             cursor: pointer;
             transition: all 0.12s;
@@ -337,7 +337,7 @@
             display: inline-flex;
             align-items: center;
             gap: 4px;
-            font-size: 10px;
+            font-size: 12px;
             color: var(--text3);
             padding: 2px 8px;
             border: 1px solid var(--border);
@@ -367,7 +367,7 @@
         .brief-list-item:active { background: var(--surface); }
         .brief-list-item.active { background: var(--surface); }
         .brief-list-num {
-            font-size: 12px;
+            font-size: 13px;
             color: var(--text3);
             width: 18px;
             text-align: right;
@@ -378,7 +378,7 @@
         .brief-list-num.active { color: var(--accent); font-weight: 600; }
         .brief-list-info { flex: 1; min-width: 0; }
         .brief-list-title {
-            font-size: 14px;
+            font-size: 15px;
             color: var(--text2);
             line-height: 1.4;
             display: -webkit-box;
@@ -388,7 +388,7 @@
         }
         .brief-list-title.active { color: var(--text); font-weight: 500; }
         .brief-list-meta {
-            font-size: 11px;
+            font-size: 12px;
             color: var(--text3);
             margin-top: 3px;
             display: flex;
@@ -488,14 +488,14 @@
         <span class="brief-count" id="briefCount">読み込み中...</span>
         <div class="brief-top-right">
             <span class="voice-badge" id="voiceBadge">
-                <i data-lucide="mic" style="width:10px;height:10px;stroke-width:2"></i>
+                <i data-lucide="mic" style="width:12px;height:12px;stroke-width:2"></i>
                 <span id="voiceBadgeLabel">ブラウザ音声</span>
             </span>
             <button class="brief-icon-btn" id="refreshBtn" aria-label="再読み込み">
-                <i data-lucide="refresh-cw" style="width:15px;height:15px;stroke-width:2"></i>
+                <i data-lucide="refresh-cw" style="width:18px;height:18px;stroke-width:2"></i>
             </button>
             <button class="brief-icon-btn" id="settingsBtn" aria-label="設定">
-                <i data-lucide="settings" style="width:15px;height:15px;stroke-width:1.75"></i>
+                <i data-lucide="settings" style="width:18px;height:18px;stroke-width:1.75"></i>
             </button>
         </div>
     </div>
@@ -821,7 +821,7 @@ function renderList() {
                 ${metaParts.length ? `<div class="brief-list-meta">${metaParts.join('<span style="opacity:.4">·</span>')}</div>` : ''}
             </div>
             ${a.url ? `<a class="brief-list-link" href="${esc(a.url)}" target="_blank" rel="noopener" aria-label="記事を開く">
-                <i data-lucide="external-link" style="width:15px;height:15px;stroke-width:1.75"></i>
+                <i data-lucide="external-link" style="width:16px;height:16px;stroke-width:1.75"></i>
             </a>` : ''}
         `;