Context adj

frontend/src/App.jsx

@@ -627,7 +627,7 @@ function TutorApp({ currentUser, onLogout }) {
     const cleanText = text.trim()
     if (!cleanText) return ''
     const sentences = cleanText.match(/[^.!?]+[.!?]+|[^.!?]+$/g) || [cleanText]
-    return sentences.slice(0, 2).join(' ').trim()
+    return sentences.slice(0, 3).join(' ').trim()
   }
 
   async function finishSpeechPlayback(debugMessage) {

frontend/src/styles.css

@@ -318,10 +318,10 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
 .avatar {
   width: 144px;
   height: 144px;
-  border-radius: 28px;
+  border-radius: 0;
   overflow: hidden;
-  background: white;
-  box-shadow: 0 10px 20px rgba(245, 158, 11, 0.28);
+  background: transparent;
+  box-shadow: none;
 }
 .avatar.speaking { animation: pulse 0.7s infinite alternate; }
 .avatar-image {
@@ -440,7 +440,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
 .lesson-topbar .avatar {
   width: 92px;
   height: 92px;
-  border-radius: 20px;
+  border-radius: 0;
 }
 .lesson-topbar .avatar-caption {
   display: none;
@@ -454,9 +454,9 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   flex-direction: column;
   gap: 0.6rem;
   overflow: hidden;
-  background: #eef6ff;
-  border: 1px solid #cfe4ff;
-  border-radius: 18px;
+  background: transparent;
+  border: 0;
+  border-radius: 0;
   padding: 1rem;
 }
 .lesson-display p {
@@ -477,11 +477,12 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   font-weight: 700;
 }
 .teacher-transcript {
-  max-height: 3.2rem;
-  overflow: auto;
+  min-height: calc(1.35em * 3);
+  max-height: calc(1.35em * 3);
+  overflow: hidden;
   color: #14213d;
   font-size: clamp(0.95rem, 1.5vw, 1.08rem);
-  line-height: 1.45;
+  line-height: 1.35;
 }
 .lesson-asset-view {
   min-height: 0;
@@ -521,9 +522,9 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   min-height: 0;
   flex: 1 1 auto;
   object-fit: contain;
-  border: 1px solid #dbeafe;
-  border-radius: 14px;
-  background: white;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
 }
 .lesson-bubble {
   min-height: 68px;
@@ -742,7 +743,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   .lesson-topbar .avatar {
     width: 72px;
     height: 72px;
-    border-radius: 16px;
+    border-radius: 0;
   }
 
   .lesson-topbar h1 {
@@ -761,7 +762,8 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   }
 
   .teacher-transcript {
-    max-height: 2.15rem;
+    min-height: calc(1.35em * 3);
+    max-height: calc(1.35em * 3);
     font-size: 0.9rem;
     padding: 0 0.65rem;
   }