feat: apply pink Opal design with reactive square persona

Sources/Features/Conversation/LightwellView.swift

@@ -18,8 +18,8 @@ struct LightwellView: View {
     @Environment(\.dynamicTypeSize) private var typeSize
 
     private var side: CGFloat {
-        if compact { return typeSize.isAccessibilitySize ? 88 : 136 }
-        return typeSize.isAccessibilitySize ? 160 : 220
+        if compact { return typeSize.isAccessibilitySize ? 80 : 112 }
+        return typeSize.isAccessibilitySize ? 136 : 184
     }
 
     private var animated: Bool {
@@ -41,7 +41,7 @@ struct LightwellView: View {
             }
         }
         .frame(width: side, height: side)
-        .background(Nearlight.surface, in: RoundedRectangle(cornerRadius: Nearlight.radiusDock))
+        .background(Nearlight.personaSurface, in: RoundedRectangle(cornerRadius: Nearlight.radiusDock))
         .overlay {
             RoundedRectangle(cornerRadius: Nearlight.radiusDock)
                 .strokeBorder(contrast == .increased ? Nearlight.quiet : Nearlight.separator, lineWidth: 1)
@@ -52,7 +52,7 @@ struct LightwellView: View {
     private var tint: Color {
         switch phase {
         case .failed: return Nearlight.alert
-        case .idle, .tearingDown, .readyNoInput: return Nearlight.quiet
+        case .tearingDown: return Nearlight.quiet
         default: return Nearlight.rosewood
         }
     }