From 55cf791df2140c4533debffcd0fadb8b62efcf8b Mon Sep 17 00:00:00 2001
From: Alice Hernandez <hola@puercito.net>
Date: Mon, 8 Jun 2026 18:28:18 +1000
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20increase=20focus=20mode=20sizes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/styles/app.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/renderer/styles/app.css b/src/renderer/styles/app.css
index 2c23a53..c64005c 100644
--- a/src/renderer/styles/app.css
+++ b/src/renderer/styles/app.css
@@ -71,7 +71,7 @@ textarea { resize: vertical; }
   grid-template-areas:
     "titlebar titlebar titlebar titlebar"
     "sidebar  editor   subpanel chat";
-  transition: grid-template-columns 0.18s ease;
+  transition: grid-template-columns 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .app-layout[data-sidebar="closed"] {
@@ -301,8 +301,8 @@ textarea { resize: vertical; }
 /* CodeMirror overrides */
 .cm-editor { height: 100%; }
 .cm-editor.cm-focused { outline: none; }
-.cm-scroller { font-family: 'Georgia', 'Times New Roman', serif; line-height: 1.8; }
-.cm-content { max-width: 680px; margin: 0 auto; padding: 48px 24px 24px; }
+.cm-scroller { font-family: 'Georgia', 'Times New Roman', serif; line-height: 1.8; font-size: 16px; transition: font-size 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
+.cm-content { max-width: 680px; margin: 0 auto; padding: 48px 24px 24px; transition: max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
 .cm-line { padding: 0; margin-bottom: 0.75em; }
 .cm-line:last-child { margin-bottom: 0; }
 .cm-cursor { border-left-color: var(--accent) !important; }
@@ -310,6 +310,10 @@ textarea { resize: vertical; }
 .cm-focused .cm-selectionBackground { background: rgba(200, 169, 110, 0.35) !important; }
 .cm-gutters { display: none; }
 
+/* Focus mode: larger text and wider column */
+.app-layout[data-focus="on"] .cm-scroller { font-size: 24px; }
+.app-layout[data-focus="on"] .cm-content { max-width: 1400px; padding: 48px 48px 24px; }
+
 /* Annotation highlight */
 .ann-highlight {
   background: rgba(200, 169, 110, 0.18);