fix(US-06): title bigger and yellow, circle always yellow, circle above BPM

app/src/main/kotlin/net/jeena/pacer/ui/PacerScreen.kt

@@ -120,12 +120,35 @@ fun PacerScreen(viewModel: PacerViewModel, modifier: Modifier = Modifier) {
             // Title
             Text(
                 text = "PACER",
-                fontSize = 13.sp,
+                fontSize = 28.sp,
+                fontWeight = FontWeight.Bold,
                 fontFamily = JetBrainsMono,
-                color = FG.copy(alpha = 0.4f),
+                color = ACCENT,
                 letterSpacing = 5.sp
             )
 
+            // Pulse ring + ripple + center dot
+            Box(contentAlignment = Alignment.Center, modifier = Modifier.size(80.dp)) {
+                Canvas(modifier = Modifier.fillMaxSize()) {
+                    drawCircle(
+                        color = ACCENT.copy(alpha = rippleAlpha.value),
+                        radius = (size.minDimension / 2f) * rippleScale.value,
+                        style = Stroke(width = 2.dp.toPx())
+                    )
+                }
+                Box(
+                    modifier = Modifier
+                        .size(50.dp)
+                        .border(2.dp, ACCENT, CircleShape)
+                )
+                Box(
+                    modifier = Modifier
+                        .size(12.dp)
+                        .scale(dotScale.value)
+                        .background(ACCENT, CircleShape)
+                )
+            }
+
             // BPM number
             Column(horizontalAlignment = Alignment.CenterHorizontally) {
                 Text(
@@ -145,28 +168,6 @@ fun PacerScreen(viewModel: PacerViewModel, modifier: Modifier = Modifier) {
                 )
             }
 
-            // Pulse ring + ripple + center dot
-            Box(contentAlignment = Alignment.Center, modifier = Modifier.size(80.dp)) {
-                Canvas(modifier = Modifier.fillMaxSize()) {
-                    drawCircle(
-                        color = ACCENT.copy(alpha = rippleAlpha.value),
-                        radius = (size.minDimension / 2f) * rippleScale.value,
-                        style = Stroke(width = 2.dp.toPx())
-                    )
-                }
-                Box(
-                    modifier = Modifier
-                        .size(50.dp)
-                        .border(2.dp, if (isPlaying) ACCENT else DIM, CircleShape)
-                )
-                Box(
-                    modifier = Modifier
-                        .size(12.dp)
-                        .scale(dotScale.value)
-                        .background(if (isPlaying) ACCENT else DIM, CircleShape)
-                )
-            }
-
             // Start/Stop button
             OutlinedButton(
                 onClick = { viewModel.togglePlayback() },