From 7951f69baac9f239c22cf556b1a5f28fcfb11cbf Mon Sep 17 00:00:00 2001
From: arkon <arkon.85@hotmail.com>
Date: Tue, 20 Jan 2026 18:40:52 +0100
Subject: [PATCH] style: make Ralph header percentage smaller and colorful

- Reduced font size from 0.55rem to 0.45rem to fit in mini ring
- Added gradient text effect matching the progress ring colors

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/web/public/styles.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/web/public/styles.css b/src/web/public/styles.css
index 7909a213..f168b04d 100644
--- a/src/web/public/styles.css
+++ b/src/web/public/styles.css
@@ -508,9 +508,12 @@ body {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  font-size: 0.55rem;
-  font-weight: 600;
-  color: var(--text);
+  font-size: 0.45rem;
+  font-weight: 700;
+  background: linear-gradient(135deg, #3b82f6, #22c55e);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
 }
 
 /* Summary Info */