Redesign layout: 3-per-row 2-row grid, 6 days, bigger fonts

- Show 6 days in a 3x2 grid (3 columns, 2 rows) with info panel
  spanning the full right column
- Day columns explicitly grid-placed to prevent auto-flow into panel column
- Larger fonts throughout: event cards 14px, day number 26px, clock 52px

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

static/css/style.css

@@ -65,7 +65,8 @@ html, body {
 .week-grid {
     flex: 1;
     display: grid;
-    grid-template-columns: repeat(5, 1fr) 190px;
+    grid-template-columns: repeat(3, 1fr) 210px;
+    grid-template-rows: 1fr 1fr;
     gap: 12px;
     min-height: 0;
 }
@@ -89,7 +90,7 @@ html, body {
 }
 
 .day-name {
-    font-size: 11px;
+    font-size: 13px;
     font-weight: 700;
     text-transform: uppercase;
     color: #A6AAB4;
@@ -97,13 +98,13 @@ html, body {
 }
 
 .day-number {
-    font-size: 20px;
+    font-size: 26px;
     font-weight: 700;
     color: #1F2430;
 }
 
 .day-count {
-    font-size: 11px;
+    font-size: 12px;
     color: #A6AAB4;
     margin-top: 2px;
 }
@@ -118,16 +119,16 @@ html, body {
 
 .event-card {
     border-radius: 8px;
-    padding: 6px 8px;
+    padding: 8px 10px;
     border-left: 5px solid transparent;
-    font-size: 12.5px;
+    font-size: 14px;
     line-height: 1.35;
 }
 
 .event-time {
     font-weight: 700;
     color: rgba(0, 0, 0, 0.5);
-    font-size: 11.5px;
+    font-size: 13px;
 }
 
 .event-title {
@@ -137,7 +138,7 @@ html, body {
 }
 
 .event-member {
-    font-size: 11px;
+    font-size: 12px;
     font-weight: 600;
     color: rgba(0, 0, 0, 0.45);
     margin-top: 2px;
@@ -165,7 +166,7 @@ html, body {
 }
 
 .info-clock {
-    font-size: 42px;
+    font-size: 52px;
     font-weight: 700;
     color: #1F2430;
     letter-spacing: -1px;